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

#contentsmain {margin: 6px auto 200px auto;position: relative;}
#contentsmain h2 {text-align: center;margin-bottom: 40px;}
#contentsmain h2 img{  }
#contentsmain .inner-Box1 {margin: 0 auto 312px;position: relative;width: 1100px;}
#contentsmain .inner-Box1 span.icon { display: block; line-height: 1; }
#contentsmain .inner-Box1 h3{font-size: 28px;line-height: 40px;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;}
#contentsmain .inner-Box1 h3 span{  }
#contentsmain .inner-Box1 figure.photo {position: absolute;top: 0px;right: 0;}
#contentsmain .inner-Box1 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;width: 491px;}

#contentsmain .inner-Box2 {margin: 0 auto 153px;position: relative;width: 1100px;padding: 0 0 0 609px;}
#contentsmain .inner-Box2 span.icon { display: block; line-height: 1; }
#contentsmain .inner-Box2 h3{font-size: 28px;line-height: 40px;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;}
#contentsmain .inner-Box2 h3 span{  }
#contentsmain .inner-Box2 figure.photo {position: absolute;top: -106px;left: 0;}
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;width: 491px;}

#contentsmain .inner-Box3 {margin: 0 auto 180px;position: relative;width: 1100px;}
#contentsmain .inner-Box3 span.icon { display: block; line-height: 1; }
#contentsmain .inner-Box3 h3{font-size: 28px;line-height: 40px;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 22px;}
#contentsmain .inner-Box3 h3 span{ font-size: 24px; letter-spacing: 1.92px; }
#contentsmain .inner-Box3 figure.photo {position: absolute;top: 0px;right: 0;}
#contentsmain .inner-Box3 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;width: 491px;}

#contentsmain .inner-Box4 {margin: 0 auto 153px;position: relative;width: 1100px;padding: 0 0 540px 609px;}
#contentsmain .inner-Box4 span.icon { display: block; line-height: 1; }
#contentsmain .inner-Box4 h3{font-size: 28px;line-height: 40px;font-weight: 500;letter-spacing: 0.24px;margin-bottom: 22px;margin-right: -30px;}
#contentsmain .inner-Box4 h3 span{  }
#contentsmain .inner-Box4 figure.photo {position: absolute;top: 3px;left: 0;}
#contentsmain .inner-Box4 p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;width: 491px;}

#contentsmain .inner-Box4 figure.photo2 {position: absolute;bottom: 0;left: 0;}

#contentsbottom {margin: 0 auto 200px;position: relative;width: 1100px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#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) {position: relative;left: 10px;}
#contentsbottom .inner-Box ul li figure{  }


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

    #contentsmain {margin: 12.45vw auto 24.61vw auto;position: relative;}
    #contentsmain h2 {text-align: center;margin-bottom: 12.96vw;}
    #contentsmain h2 img{  }
    #contentsmain .inner-Box1 {margin: 0 auto 24.06vw;position: relative;}
    #contentsmain .inner-Box1 span.icon {display: block;line-height: 1;margin: 0 70.3vw 1vw 8vw;}
    #contentsmain .inner-Box1 h3{font-size: 4.83vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.38vw;margin: 0 0 4.8vw 8.41vw;}
    #contentsmain .inner-Box1 h3 span{  }
    #contentsmain .inner-Box1 figure.photo {position: relative;top: 0.0vw;right: 0;margin-right: 8.2vw;margin-bottom: 2.9vw;}
    #contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin: 0 8vw 2.32vw;}
    
    #contentsmain .inner-Box2 {margin: 0 auto 23.96vw;position: relative;}
    #contentsmain .inner-Box2 span.icon {display: block;line-height: 1;margin: 0 69.2vw 1vw 8.4vw;}
    #contentsmain .inner-Box2 h3{font-size: 4.83vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.38vw;margin: 0 0 4.8vw 8.41vw;}
    #contentsmain .inner-Box2 h3 span{  }
    #contentsmain .inner-Box2 figure.photo {position: relative;top: 0.0vw;right: 0;margin-right: 8.2vw;margin-bottom: 3.9vw;margin-left: 7.9vw;}
    #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin: 0 8vw 2.32vw;}
        
    #contentsmain .inner-Box3 {margin: 0 auto 23.66vw;position: relative;}
    #contentsmain .inner-Box3 span.icon {display: block;line-height: 1;margin: 0 70.2vw 1vw 8.4vw;}
    #contentsmain .inner-Box3 h3{font-size: 4.83vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.38vw;margin: 0 0 4.8vw 8.41vw;}
    #contentsmain .inner-Box3 h3 span{font-size: 3.62vw;letter-spacing: 0.3vw;}
    #contentsmain .inner-Box3 figure.photo {position: relative;top: 0.0vw;right: 0;margin-right: 8.2vw;margin-bottom: 3.9vw;margin-left: 7.9vw;}
    #contentsmain .inner-Box3 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin: 0 8vw 2.32vw;}
        
    #contentsmain .inner-Box4 {margin: 0 auto 20.36vw;position: relative;}
    #contentsmain .inner-Box4 span.icon {display: block;line-height: 1;margin: 0 69.2vw 1vw 8.4vw;}
    #contentsmain .inner-Box4 h3{font-size: 4.83vw;line-height: 7.24vw;font-weight: 500;letter-spacing: -0.02vw;margin: 0 0 4.8vw 8.41vw;}
    #contentsmain .inner-Box4 h3 span{  }
    #contentsmain .inner-Box4 figure.photo {position: relative;top: 0.0vw;right: 0;margin-right: 8.2vw;margin-bottom: 3.9vw;margin-left: 7.9vw;}
    #contentsmain .inner-Box4 p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin: 0 8vw 2.32vw;}
        
    #contentsmain .inner-Box4 figure.photo2 {position: relative;bottom: 0;left: 0;margin: 5vw 8vw 0 8vw;}
    
    #contentsbottom {margin: 0 auto 19.31vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 8.2vw;position: relative;}
    #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) {position: relative;}
    #contentsbottom .inner-Box ul li figure{margin-bottom: 4.8vw;}
    

}