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

.seo_bread_list{margin-bottom: -43px;position: relative;z-index: 2;}
.seo_bread_list a{  }

#contentsmain {margin: 0 auto;position: relative;background: url('../images/about/contentsmain-back01.png')no-repeat top center #F8F8F8;padding-top: 37.3vw;background-size: 100% auto;}
#contentsmain h2 {position: absolute;top: 13.2vw;left: 50%;margin-left: -550px;}
#contentsmain h2 img{  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1200px;background: #fff;padding: 81px 50px 70px 50px;}
#contentsmain .inner-Box h3{font-size: 36px;line-height: 62px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 26px;text-align: center;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;width: 860px;}
#contentsmain .inBox {margin: 70px auto 0 auto;position: relative;background: #FFFEE9;padding-bottom: 40px;}
#contentsmain .inBox h3 {position: relative;top: -24px;margin-bottom: 19px;}
#contentsmain .inBox h3 img{  }
#contentsmain .inBox h4{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 38px;text-align: center;}
#contentsmain .inBox h4 span{ background: #B2E3D3; line-height: 1; padding:16px; }
#contentsmain .inBox p.text2 {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 34px;width: 870px;}
#contentsmain .inBox p.btn{text-align: center;}
#contentsmain .inBox p.btn img{  }   
#contentsmain .contentsmain-text2{display: block;margin-bottom: 20px;}

.backk{background: url(../images/about/contents03-back01.png)no-repeat bottom 56px right 0px #F8F8F8;padding-top: 100px;}

#contents01 {margin: 0 auto 127px;position: relative;width: 1280px;}
#contents01 figure.photo01 {position: absolute;top: 0;left: 50%;margin-left: -960px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding-top: 85px;}
#contents01 .inox {margin: 0 0 75px auto;position: relative;width: 760px;height: 420px;border: 1px solid #FCC7C7;background: #FFFFFF;padding: 70px 50px 0px 50px;}
#contents01 .inox h2{font-size: 36px;line-height: 1.7;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;}
#contents01 .inox h2 span{  }
#contents01 .inox figure.photosp { position: absolute; top: 0; left: 0; }
#contents01 .inox p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents01 .inox2 {margin: 70px auto 0 auto;position: relative;background: #FFFEE9;padding-bottom: 40px;width: 1100px;}
#contents01 .inox2 h3 {position: relative;top: -24px;margin-bottom: 16px;text-align: center;}
#contents01 .inox2 h3 img{  }
#contents01 .inox2 h4{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 38px;text-align: center;}
#contents01 .inox2 h4 span{background: #B2E3D3;line-height: 1;padding: 16px 27px;}
#contents01 .inox2 p.text2 {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 34px;width: 861px;}
#contents01 .inox2 p.text2 span{font-size: 14px;letter-spacing: 0.7px;position: relative;top: -5px;}
#contents01 .inox2 p.btn{text-align: center;}
#contents01 .inox2 p.btn img{  }   
#contents01 .inox2 .photo02{position: absolute;top: 287px;left: -7px;}  

#contents02 {margin: 0 auto 100px;position: relative;width: 1280px;}
#contents02 figure.photo01 {position: absolute;top: 0;right: 50%;margin-right: -813px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding-top: 85px;}
#contents02 .inox {margin: 0 auto 75px 0;position: relative;width: 698px;height: 514px;border: 1px solid #FCC7C7;background: #FFFFFF;padding: 70px 40px 0px 50px;left: 40px;}
#contents02 .inox h2{font-size: 36px;line-height: 1.7;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;}
#contents02 .inox h2 span{  }
#contents02 .inox figure.photosp { position: absolute; top: 0; left: 0; }
#contents02 .inox p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents02 .inox2 {margin: 70px auto 0 auto;position: relative;background: #FFFEE9;padding-bottom: 40px;width: 1100px;}
#contents02 .inox2 h3 {position: relative;top: -24px;margin-bottom: 16px;text-align: center;}
#contents02 .inox2 h3 img{  }
#contents02 .inox2 h4{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 38px;text-align: center;}
#contents02 .inox2 h4 span{background: #B2E3D3;line-height: 1;padding: 16px 27px;}
#contents02 .inox2 p.text2 {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 44px;width: 861px;}
#contents02 .inox2 p.text2 span{font-size: 14px;letter-spacing: 0.7px;position: relative;top: -5px;}
#contents02 .inox2 p.btn{text-align: center;}
#contents02 .inox2 p.btn img{  }   
#contents02 .inox2 .photo02{position: absolute;top: 264px;right: 37px;}  


#contents03 {margin: 0 auto;position: relative;width: 1280px;padding-bottom: 100px;}
#contents03 .inner-Box1 {margin: 0 auto 100px;position: relative;text-align: center;background: #fff;height: 1104px;padding-top: 81px;}
#contents03 .inner-Box1 h2{font-size: 40px;line-height: 1.6;font-weight: 700;letter-spacing: 8px;margin-bottom: 30px;}
#contents03 .inner-Box1 h2 span{  }
#contents03 .inner-Box1 h3 {margin-bottom: 20px;}
#contents03 .inner-Box1 h3 img{  }
#contents03 .inner-Box1 p.text {font-size: 24px;line-height: 44px;font-weight: 700;letter-spacing: 4.8px;margin-bottom: 30px;position: relative;z-index: 3;}
#contents03 .inner-Box1 figure{position: absolute;top: 184px;left: 50%;margin-left: -823px;}
#contents03 .inner-Box2 { width: 790px; margin: 0 auto; position: relative; }
#contents03 .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;}
#contents03 .inner-Box2 ul li { margin-right: 70px; width: 360px; }
#contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box2 ul li figure{  }

}
@media screen and (max-width: 767px) {
    .main-title{ margin-bottom: 0;}
    #contentsmain {position: relative;background: url('../images/about/sp-contentsmain-back01.png')no-repeat top 53.2vw center #F8F8F8;padding-top: 7.4vw;background-size: 100% auto;}
    #contentsmain h2 {margin: 0 -0.2vw 80.3vw 6.9vw;}
    #contentsmain h2 img{  }
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;background: #fff;padding: 7.9vw 2.8vw 12.1vw;}
    #contentsmain .inner-Box h3{font-size: 5.8vw;line-height: 2;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 5vw;text-align: center;}
    #contentsmain .inner-Box h3 span{  }
    #contentsmain .inner-Box p.text {font-size: 3.8vw;line-height: 2;font-weight: 500;letter-spacing: 0.25vw;margin: 0 1.8vw 8.2vw;}
    #contentsmain .inBox {margin: 9.1vw -3vw 0;position: relative;background: #FFFEE9;padding-bottom: 5.2vw;}
    #contentsmain .inBox h3 {position: relative;top: -2.1vw;margin: 0 7.4vw 2.5vw;}
    #contentsmain .inBox h3 img{  }
    #contentsmain .inBox h4{font-size: 4.2vw;font-weight: 700;letter-spacing: 0.35vw;margin-bottom: 3.4vw;text-align: center;}
    #contentsmain .inBox h4 span{background: #B2E3D3;line-height: 1.6;padding:2.1vw;display: block;margin: 0vw 4.6vw;}
    #contentsmain .inBox p.text2 {font-size: 3.8vw;line-height: 2.04;font-weight: 500;letter-spacing: 0.3vw;margin: 0 4.4vw 6.2vw;}
    #contentsmain .inBox p.btn{text-align: center;margin: 0 7.6vw;}
    #contentsmain .inBox p.btn img{  }   
    .backk{background: #F8F8F8;padding-top: 7vw;}
    #contents01 {margin: 0 auto 7.6vw;position: relative;background: #fff;padding-bottom: 12vw;}
    #contents01 figure.photo01 {}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inox {position: relative;background: #FFFFFF;padding: 7.1vw 4.1vw 0.0vw;}
    #contents01 .inox h2{font-size: 5.7vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.54vw;margin-bottom: 4.9vw;text-align: center;}
    #contents01 .inox h2 span{  }
    #contents01 .inox figure.photosp { margin-bottom: 6.3vw; }
    #contents01 .inox p.text {font-size: 3.8vw;line-height: 2;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 3.9vw;}
    #contents01 .inox2 {margin: 9.1vw 4vw 0;position: relative;background: #FFFEE9;padding-bottom: 5.2vw;}
    #contents01 .inox2 h3 {position: relative;top: -2.6vw;margin: 0 7.2vw 2.1vw;text-align: center;}
    #contents01 .inox2 h3 img{  }
    #contents01 .inox2 h4{font-size: 4.2vw;font-weight: 700;letter-spacing: 0.35vw;margin-bottom: 3.4vw;text-align: center;}
    #contents01 .inox2 h4 span{background: #B2E3D3;line-height: 1.6;padding:2.1vw;display: block;margin: 0vw 4.6vw;}
    #contents01 .inox2 p.text2 {font-size: 3.8vw;line-height: 2.04;font-weight: 500;letter-spacing: 0.3vw;margin: 0 4.4vw 2.2vw;}
    #contents01 .inox2 p.btn{text-align: center;margin: 0 7.6vw;}
    #contents01 .inox2 p.btn img{  }   
    #contents01 .inox2 p.text2 span{font-size: 3.2vw;letter-spacing: 0.35vw;position: relative;line-height: 1.6;top: 2.3vw;display: inline-block;}
    #contents01 .inox2 .photo02{ margin: 0 12.3vw -3.8vw 14.6vw; }  
    #contents02 {margin: 0 auto 7.6vw;position: relative;background: #fff;padding-bottom: 12vw;}
    #contents02 figure.photo01 {}
    #contents02 .inner-Box {position: relative;}
    #contents02 .inox {position: relative;background: #FFFFFF;padding: 7.1vw 4.1vw 0.0vw;}
    #contents02 .inox h2{font-size: 5.7vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.54vw;margin-bottom: 4.9vw;text-align: center;}
    #contents02 .inox h2 span{  }
    #contents02 .inox figure.photosp { margin-bottom: 6.3vw; }
    #contents02 .inox p.text {font-size: 3.8vw;line-height: 2;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 7.9vw;}
    #contents02 .inox2 {margin: 9.1vw 4vw 0;position: relative;background: #FFFEE9;padding-bottom: 8.2vw;}
    #contents02 .inox2 h3 {position: relative;top: -2.6vw;margin: 0 7.2vw 2.1vw;text-align: center;}
    #contents02 .inox2 h3 img{  }
    #contents02 .inox2 h4{font-size: 4.2vw;font-weight: 700;letter-spacing: 0.35vw;margin-bottom: 3.4vw;text-align: center;}
    #contents02 .inox2 h4 span{background: #B2E3D3;line-height: 1.6;padding:2.1vw;display: block;margin: 0vw 4.6vw;}
    #contents02 .inox2 p.text2 {font-size: 3.8vw;line-height: 2.04;font-weight: 500;letter-spacing: 0.3vw;margin: 0 4.4vw 3.7vw;}
    #contents02 .inox2 p.btn{text-align: center;margin: 60px 7.6vw 0;}
    #contents02 .inox2 p.btn img{  }   

    #contents02 .inox2 .photo02{margin: 0 11.3vw -7.8vw 11.1vw;}  


    #contents03 {position: relative;padding-bottom: 6.8vw;}
    #contents03 .inner-Box1 {margin: 0 auto 17vw;position: relative;text-align: center;background: #fff;padding-top: 13.6vw;padding-bottom: 1vw;}
    #contents03 .inner-Box1 h2{font-size: 5.7vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.9vw;margin-bottom: 2.9vw;}
    #contents03 .inner-Box1 h2 span{  }
    #contents03 .inner-Box1 h3 {margin: 0 3.8vw 5.6vw 7.5vw;}
    #contents03 .inner-Box1 h3 img{  }
    #contents03 .inner-Box1 p.text {font-size: 4.7vw;line-height:1.6;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: -1.1vw;position: relative;z-index: 3;}
    #contents03 .inner-Box1 figure{margin: 0 4vw 0vw;}
    #contents03 .inner-Box2 {margin: 0 6.5vw;position: relative;}
    #contents03 .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;}
    #contents03 .inner-Box2 ul li {margin-bottom: 5.9vw;}
    #contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents03 .inner-Box2 ul li figure{ margin-bottom: 4vw; }
    

}