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

#after .main-title{ background: url(../images/after/h1.png)no-repeat top center;}

#contentsmain {margin: 106px auto -85px auto;position: relative;z-index: 3;}
#contentsmain .inner-Box1 {margin: 0 auto 210px;position: relative;width: 1280px;text-align: center;}
#contentsmain .inner-Box1 h2{font-size: 62px;line-height: 1.6;font-weight: 500;letter-spacing: 6.2px;margin-bottom: 75px;}
#contentsmain .inner-Box1 h2 span{display: block;font-size: 48px;letter-spacing: 4.8px;}
#contentsmain .inner-Box1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 59px;}
#contentsmain .inner-Box1 p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px;}
#contentsmain h3{font-size: 50px;line-height: 1.6;font-weight: 500;letter-spacing: 5px;margin-bottom: 50px;text-align: center;}
#contentsmain h3 span{  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;background: #3E4D5F;color: #fff;height: 583px;padding: 75px 0 0 70px;}
#contentsmain .inner-Box2 h4{font-size: 28px;line-height: 43px;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 38px;}
#contentsmain .inner-Box2 figure.photo02 {position: absolute;top: 120px;right: 70px;}
#contentsmain .inner-Box2 p.text2 {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px;width: 490px;}

#contents01 {margin: 0 auto 100px;position: relative;background: #F2F2F2;max-width: 1370px;padding: 196px 0 0;}
#contents01 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;border-bottom: #CCC 1px solid;padding-bottom: 120px;}
#contents01 .inner-Box1::before{content: "";background: #ccc;width: 1px;height: 587px;position: absolute;left: 50%;tp@: 0;top: -40px;transform: translateX(-50%);}
#contents01 .lef-Box {position: relative;float: left;width: 50%;padding: 0 60px 0 30px;}
#contents01 .lef-Box h2 {text-align: center;position: relative;height: 92px;}
#contents01 .lef-Box h2 img{  }
#contents01 .lef-Box p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 23px;}
#contents01 .lef-Box p.text span{font-size: 14px;letter-spacing: 0.7px;position: relative;top: -25px;}
#contents01 .lef-Box p.btn{padding: 0 0 0 80px;}
#contents01 .lef-Box p.btn img{  }
#contents01 .right-Box {position: relative;float: left;width: 50%;padding: 0 30px 0 80px;}
#contents01 .right-Box h2 {text-align: center;position: relative;height: 92px;}
#contents01 .right-Box h2 img{  }
#contents01 .right-Box p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 70px;}
#contents01 .right-Box p.btn{padding: 0 0 0 70px;}
#contents01 .right-Box p.btn img{  }
#contents01 .textt{font-size: 15px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;position: relative;top: 88px;left: 30px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 111px 90px 109px 510px;border-bottom: #CCC 1px solid;}
#contents01 .inner-Box2 h3{font-size: 27px;line-height: 1.6;font-weight: 500;letter-spacing: 2.7px;color: #3E4D5F;position: absolute;top: 71px;left: 96px;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 p.btn{position: absolute;top: 111px;left: 90px;}
#contents01 .inner-Box2 p.btn img{  }
#contents01 .inner-Box2 p.text2 { font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px; }
#contents01 .inner-Box3 {margin: 0 auto;position: relative;width: 1100px;padding: 62px 90px 92px 90px;}
#contents01 .inner-Box3 h3{font-size: 27px;line-height: 1.6;font-weight: 500;letter-spacing: 2.7px;color: #3E4D5F;position: relative;margin-bottom: 20px;}
#contents01 .inner-Box3 p.text3 { font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px; }

.main-text-box{ width: 1100px; margin: 0 auto 200px; }
.main-text-box .ttl0{ font-size: 28px; line-height: 48px; letter-spacing: 1.4px; margin-bottom:40px; text-align:center; position:relative; }
.main-text-box .ttl0::before{content: ''; display: inline-block; width: 30px; height: 1px; background-color:#000; position:absolute; bottom:-15px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.main-text-box .txt{ width: 874px; margin: 0 auto; font-size:17px; line-height:30px; letter-spacing:0.8px; text-align:center; }    
.main-text-box .mb1{ margin-bottom:45px; }
.main-text-box .img{ text-align:center; }

#contents02 {margin: 0 auto -50px;position: relative;}
#contents02 h2{font-size: 50px;line-height: 1.6;font-weight: 500;letter-spacing: 5px;margin-bottom: 40px;text-align: center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;background: #3E4D5F;padding: 61px 0 110px;}
#contents02 .inBox {margin: 0 auto;position: relative;width: 1100px;height: 518px;background: #fff;padding: 69px 90px;}
#contents02 .inBox h3{ margin: 0 0 67px 32px; }
#contents02 .inBox h3 span{font-size: 22px;color: #fff;letter-spacing: 4.4px;line-height: 1;display: inline-block;background: #3E4D5F;padding: 20px 23px;}
#contents02 .inBox p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px;position: absolute;top: 63px;left: 313px;width: 606px;}
#contents02 .inBox figure.img {position: relative;top: 0;left: 0;}
#contents02 .inBox span.sp { display: block; line-height: 1; }


#contents03 {margin: 0 auto 237px;position: relative;max-width: 1370px;background: #F2F2F2;padding: 85px;}
#contents03 .inner-Box {margin: 0 0 150px auto;position: relative;width: 684px;height: 375px;background: #fff;padding: 62px 70px 0 120px;}
#contents03 .inner-Box h2{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box figure.img {position: absolute;top: 50px;left: -516px;}
#contents03 .inner-Box p.text { font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px; }

#contents03 .inner-Box2 {margin: 0 auto 98px 0;position: relative;width: 684px;height: 545px;background: #fff;padding: 62px 120px 0 70px;}
#contents03 .inner-Box2 h2{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;}
#contents03 .inner-Box2 h2 span{  }
#contents03 .inner-Box2 figure.img {position: absolute;top: 70px;right: -516px;}
#contents03 .inner-Box2 p.text { font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px; }

#contents03 .inner-Box3 {margin: 0 0 48px auto;position: relative;width: 684px;height: 488px;background: #fff;padding: 62px 70px 0 120px;}
#contents03 .inner-Box3 h2{font-size: 28px;line-height: 1.6;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;}
#contents03 .inner-Box3 h2 span{  }
#contents03 .inner-Box3 figure.img {position: absolute;top: 50px;left: -516px;}
#contents03 .inner-Box3 p.text { font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px; }

#contents04 {margin: 0 auto 180px;position: relative;}
#contents04 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents04 .inner-Box h2{font-size: 46px;line-height: 1.6;font-weight: 500;letter-spacing: 4.6px;margin-bottom: 17px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h3{font-size: 27px;line-height: 1.6;font-weight: 500;letter-spacing: 1.35px;margin-bottom: 45px;}
#contents04 .inner-Box h3 span{  }
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 48px;}
#contents04 .inner-Box p.text {font-size: 27px;line-height: 34px;font-weight: 500;letter-spacing: 1.35px;margin-bottom: 80px;}
#contents04 .inner-Box p.btn{  }
#contents04 .inner-Box p.btn img{  }



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


    #contentsmain {margin: 14.1vw auto -11.83vw auto;position: relative;z-index: 3;}
    #contentsmain .inner-Box1 {margin: 0 auto 22.52vw;position: relative;text-align: center;}
    #contentsmain .inner-Box1 h2{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.32vw;margin-bottom: 11.32vw;}
    #contentsmain .inner-Box1 h2 span{display: block;font-size: 5.31vw;letter-spacing: 0.26vw;}
    #contentsmain .inner-Box1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 7.95vw;}
    #contentsmain .inner-Box1 p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin: 0 9.2vw 7.25vw;text-align: left;}
    #contentsmain h3{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.65vw;margin-bottom: 6.08vw;text-align: center;}
    #contentsmain h3 span{  }
    #contentsmain .inner-Box2 {margin: 0 3vw;position: relative;background: #3E4D5F;color: #fff;padding: 8.9vw 5.7vw 7.3vw 5.7vw;}
    #contentsmain .inner-Box2 h4{font-size: 4.83vw;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 5.88vw;text-align: center;}
    #contentsmain .inner-Box2 figure.photo02 {position: relative;margin-bottom: 5vw;}
    #contentsmain .inner-Box2 p.text2 {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin: 0 0.5vw 7.25vw;}
    
    #contents01 {margin: 0 auto 14vw;position: relative;background: #F2F2F2;}
    #contents01 .inner-Box1 {margin: 0 4vw 14.2vw;position: relative;padding: 28.9vw 0vw 0.9vw 0vw;}
    #contents01 .inner-Box1::before{content: "";background: #ccc;height: 141.79vw;position: absolute;left: 50%;tp@: 0;top: -9.66vw;transform: translateX(-50%);}
    #contents01 .lef-Box {position: relative;border-bottom: #CCC 1px solid;padding-bottom: 19.2vw;margin-bottom: 17vw;}
    #contents01 .lef-Box h2 {text-align: center;position: relative;margin: 0 24.9vw 6.6vw;}
    #contents01 .lef-Box h2 img{  }
    #contents01 .lef-Box p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin: 0 4.9vw 5.56vw;}
    #contents01 .lef-Box p.text span{font-size: 3.38vw;letter-spacing: 0.17vw;position: relative;top: -6.04vw;}
    #contents01 .lef-Box p.btn{ margin: -4.1vw 9.7vw 0; }
    #contents01 .lef-Box p.btn img{  }
    #contents01 .right-Box {position: relative;border-bottom: #CCC 1px solid;padding-bottom: 19.2vw;}
    #contents01 .right-Box h2 {text-align: center;position: relative;margin: 0 7vw 5.7vw;}
    #contents01 .right-Box h2 img{  }
    #contents01 .right-Box p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin: 0 4.9vw 5.56vw;}
    #contents01 .right-Box p.text span{font-size: 3.38vw;letter-spacing: 0.17vw;position: relative;top: -6.04vw;}
    #contents01 .right-Box p.btn{margin: 8.4vw 9.7vw 0;}
    #contents01 .right-Box p.btn img{  }
    #contents01 .inner-Box2 {margin: 0 4vw 15.1vw;position: relative;border-bottom: #CCC 0.24vw solid;padding-bottom: 12.1vw;}
    #contents01 .inner-Box2 h3{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.65vw;color: #3E4D5F;position: relative;text-align: center;margin-bottom: -0.5vw;}
    #contents01 .inner-Box2 h3 span{  }
    #contents01 .inner-Box2 p.btn{position: relative;margin: 0 4.9vw -0.8vw;}
    #contents01 .inner-Box2 p.btn img{  }
    #contents01 .inner-Box2 p.text2 {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin: 0 4.9vw 7.25vw;}
    #contents01 .inner-Box3 {margin: 0 4vw;position: relative;padding-bottom: 12.1vw;}
    #contents01 .inner-Box3 h3{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.65vw;color: #3E4D5F;position: relative;text-align: center;margin-bottom: 3.5vw;}
    #contents01 .inner-Box3 p.text3 {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;}
    
#contents01 .textt{font-size: 3.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;position: relative;top: 6vw;left: 3vw;margin-right: 3vw;margin-bottom: 30vw;}

    .main-text-box{ margin: 0 5vw 24vw; }
    .main-text-box .ttl0{ font-size: 5vw; line-height: 1.6; letter-spacing: 0.242vw; margin-bottom:12vw; text-align:center; position:relative; }
    .main-text-box .ttl0::before{content: ''; display: inline-block; width: 12vw; height: 0.5vw; background-color:#000; position:absolute; bottom:-5vw; left:38vw; }
    .main-text-box .txt{ font-size:3.8vw; line-height:1.8; letter-spacing:0.24; }    
    .main-text-box .mb1{ margin-bottom:8vw; }
    .main-text-box .img{ text-align:center; margin:0 8vw; }
   
    #contents02 {margin: 0 auto -7.38vw;position: relative;}
    #contents02 h2{font-size: 6.52vw;line-height: 7.72vw;font-weight: 500;letter-spacing: 0.65vw;margin-bottom: 7.96vw;text-align: center;}
    #contents02 .inner-Box {position: relative;background: #3E4D5F;padding: 5.63vw 2vw 13.17vw;}
    #contents02 .inBox {margin: 0 4vw;position: relative;background: #fff;padding: 5.67vw 6.24vw 7.7vw;}
    #contents02 .inBox h3{margin: 0 0 2vw;text-align: center;}
    #contents02 .inBox h3 span{font-size: 5.31vw;color: #fff;letter-spacing: 1.06vw;line-height: 1;display: inline-block;background: #3E4D5F;padding: 3.73vw 4.56vw;}
    #contents02 .inBox p.text {font-size: 4.11vw;line-height: 7.71vw;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.15vw;position: relative;}
    #contents02 .inBox figure.img {position: relative;top: 0;left: 0;}
    #contents02 .inBox figure.img{ margin-bottom: 4vw;overflow-x:scroll;　display: flex; }
    #contents02 .inBox figure.img img{max-width: 170vw;width: 167vw;}
    #contents02 .inBox span.sp {display: block;line-height: 1;margin: 0 15.9vw;}
    
    
    #contents03 {margin: 0 2.8vw 13.45vw;position: relative;background: #F2F2F2;padding: 9.6vw 6.2vw;}
    #contents03 .inner-Box {margin: 0 0 20.03vw auto;position: relative;}
    #contents03 .inner-Box h2{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6vw;text-align: center;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box figure.img {position: relative;margin-bottom: 5.6vw;}
    #contents03 .inner-Box p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7.25vw;margin-right: -0.1vw;}
    
    #contents03 .inner-Box2 {margin: 0 0 20.23vw auto;position: relative;}
    #contents03 .inner-Box2 h2{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6vw;text-align: center;}
    #contents03 .inner-Box2 h2 span{  }
    #contents03 .inner-Box2 figure.img {position: relative;margin-bottom: 5.6vw;}
    #contents03 .inner-Box2 p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7.25vw;margin-right: -0.1vw;}

    #contents03 .inner-Box3 {margin: 0 0 9.43vw auto;position: relative;}
    #contents03 .inner-Box3 h2{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.68vw;margin: 0 -3vw 6vw;text-align: center;}
    #contents03 .inner-Box3 h2 span{  }
    #contents03 .inner-Box3 figure.img {position: relative;margin-bottom: 5.6vw;}
    #contents03 .inner-Box3 p.text {font-size: 4.11vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7.25vw;margin-right: -0.1vw;}

    

    #contents04 {margin: 0 auto 38.48vw;position: relative;}
    #contents04 .inner-Box {position: relative;text-align: center;}
    #contents04 .inner-Box h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.6vw;margin-bottom: 1.71vw;}
    #contents04 .inner-Box h2 span{  }
    #contents04 .inner-Box h3{font-size: 4.1vw;line-height: 7.48vw;font-weight: 500;letter-spacing: 0.41vw;margin-bottom: 5.97vw;}
    #contents04 .inner-Box h3 span{  }
    #contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.59vw;}
    #contents04 .inner-Box p.text {font-size: 4.1vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.2vw;margin: 0 0 14.32vw 9vw;text-align: left;}
    #contents04 .inner-Box p.btn{margin: 0 8.8vw;}
    #contents04 .inner-Box p.btn img{  }
    

}