@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 223px;position: relative;padding: 75px 0 0;width: 1100px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 5.76px;margin-bottom: 35px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 42px;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents01 {margin: 0 auto 223px;position: relative;width: 1100px;}
#contents01 .inner-Box1 {margin: 0 auto 97px;position: relative;text-align: center;}
#contents01 .inner-Box1 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.68px;margin-bottom: 40px;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h3{font-size: 26px;line-height: 37px;font-weight: 500;letter-spacing: 2.08px;margin-bottom: 27px;color: #0062B2;}
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;background: #F5F7F7;padding: 90px 0 55px;}
#contents01 .inner-Box2 h4{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.68px;margin-bottom: 96px;text-align: center;}
#contents01 .inner-Box2 h4 span{ color: #0062B2; }
#contents01 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 105px;}
#contents01 .inner-Box2 ul li{position: relative;margin-right: 69px;margin-bottom: 64px;}
#contents01 .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}

#contents02 {margin: 0 auto 219px;position: relative;width: 1100px;}
#contents02 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 4.68px;margin-bottom: 60px;text-align: center;}
#contents02 .inner-Box {margin: 0 auto 124px;position: relative;height: 370px;padding: 0 0 0 608px;}
#contents02 .inner-Box h3{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;color: #0062B2;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}

#contents02 .inner-Box2 {margin: 0 auto 124px;position: relative;height: 370px;padding: 0 608px 0 0;}
#contents02 .inner-Box2 h3{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;color: #0062B2;}
#contents02 .inner-Box2 h3 span{  }
#contents02 .inner-Box2 figure.photo {position: absolute;top: 0;right: 0;}
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}


#contents02 .inner-Box3 {margin: 0 auto 124px;position: relative;height: 370px;padding: 0 0 0 608px;}
#contents02 .inner-Box3 h3{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;color: #0062B2;}
#contents02 .inner-Box3 h3 span{  }
#contents02 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box3 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;}

#contents03 {margin: 0 auto 144px;position: relative;width: 1100px;}
#contents03 h2{font-size: 36px;text-align: center;line-height: 1.6;font-weight: 500;letter-spacing: 2.88px;margin-bottom: 18px;}
#contents03 p.subtext {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 64px;text-align: center;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box ul li{position: relative;width: 336px;margin-right: 46px;margin-bottom: 46px;}
#contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .inner-Box h3{font-size: 20px;line-height: 1.6;font-weight: 500;letter-spacing: 2px;margin-bottom: 15px;text-align: center;border-bottom: #707070 1px solid;padding: 12px 0;}
#contents03 .inner-Box h3 span{  }
#contents03 .inner-Box p.ltext {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contentsbottom {margin: 0 auto 200px;position: relative;width: 1100px;}
#contentsbottom h2{font-size: 36px;line-height: 52px;letter-spacing: 4.68px;margin-bottom: 36px;text-align: center;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 34px;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 198px;text-align: center;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {  }
#contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -22px;}
#contentsbottom .inner-Box ul li figure{  }

}
@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 25.96vw;position: relative;padding: 9.12vw 0 0;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box h2{font-size: 5.79vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.5vw;margin-bottom: 9.15vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 9.34vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    
    #contents01 {margin: 0 auto 23.86vw;position: relative;}
    #contents01 .inner-Box1 {margin: 0 auto 15.33vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.13vw;margin-bottom: 4.76vw;}
    #contents01 .inner-Box1 h2 span{  }
    #contents01 .inner-Box1 h3{font-size: 4.34vw;line-height: 6.28vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 4.62vw;color: #0062B2;}
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.2vw 7.25vw;text-align: left;}
    #contents01 .inner-Box2 {position: relative;background: #F5F7F7;padding: 15.64vw 0 9.29vw;}
    #contents01 .inner-Box2 h4{font-size: 6vw;line-height: 7.72vw;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 12.09vw;text-align: center;}
    #contents01 .inner-Box2 h4 span{ color: #0062B2; }
    #contents01 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8vw;}
    #contents01 .inner-Box2 ul li{position: relative;margin-right: 3.87vw;margin-bottom: 4.16vw;width: 40vw;}
    #contents01 .inner-Box2 ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
    
    #contents02 {margin: 0 auto 30.7vw;position: relative;}
    #contents02 h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.38vw;margin-bottom: 5.69vw;text-align: center;}
    #contents02 .inner-Box {margin: 0 8vw 14.55vw;position: relative;}
    #contents02 .inner-Box h3{font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.54vw;margin-bottom: 5.31vw;color: #0062B2;text-align: center;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.3vw;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.66vw;}
    
    #contents02 .inner-Box2 {margin: 0 8vw 14.55vw;position: relative;}
    #contents02 .inner-Box2 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.54vw;margin-bottom: 5.31vw;color: #0062B2;text-align: center;}
    #contents02 .inner-Box2 h3 span{  }
    #contents02 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.3vw;}
    #contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.66vw;}
    
    
    #contents02 .inner-Box3 {margin: 0 8vw 29.95vw;position: relative;}
    #contents02 .inner-Box3 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.54vw;margin-bottom: 5.31vw;color: #0062B2;text-align: center;}
    #contents02 .inner-Box3 h3 span{  }
    #contents02 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.3vw;}
    #contents02 .inner-Box3 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.66vw;}
    
    #contents03 {margin: 0 auto 6.78vw;position: relative;}
    #contents03 h2{font-size: 6.03vw;text-align: center;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.36vw;margin-bottom: 6.05vw;}
    #contents03 p.subtext {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.11vw;margin-bottom: 6.46vw;text-align: center;}
    #contents03 .inner-Box {margin: 0 8vw;position: relative;}
    #contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents03 .inner-Box ul li{position: relative;margin-bottom: 7.41vw;}
    #contents03 .inner-Box ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
    #contents03 .inner-Box h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 3.62vw;text-align: center;border-bottom: #707070 0.24vw solid;padding: 3.7vw 0 2.5vw;}
    #contents03 .inner-Box h3 span{  }
    #contents03 .inner-Box p.ltext {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 7.25vw;}
    
    #contentsbottom {margin: 0 auto 20.71vw;position: relative;}
    #contentsbottom h2{font-size: 6.03vw;line-height: 8.69vw;letter-spacing: 0.36vw;margin-bottom: 7.5vw;text-align: center;}
    #contentsbottom .inner-Box {position: relative;}
    #contentsbottom .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.71vw;}
    #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.4vw 30.43vw;text-align: left;}
    #contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8vw;}
    #contentsbottom .inner-Box ul li {  }
    #contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;}
    #contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }

}