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

    #contentsmain {margin: 0 auto;position: relative;background: #E7F3F1;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-top: 42px;padding-bottom: 70px;}
    #contentsmain .inner-Box h2 {margin-bottom: 98px;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .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;width: 1040px;margin: 0 auto;}
    #contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
    #contentsmain .inner-Box ul li {position: relative;width: 320px;height: 250px;background: #fff;box-shadow: 0px 3px 6px #00000029;margin-right: 40px;text-align: center;}
    #contentsmain .inner-Box ul li a:hover{ text-decoration: none; }
    #contentsmain .inner-Box span.no {font-size: 30px;line-height: 1.6;letter-spacing: 1.5px;font-weight: 500;position: relative;top: -28px;display: block;margin-bottom: -26px;}
    #contentsmain .inner-Box p{font-size: 18px;line-height: 26px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 7px;color: #00A7B8;}
    #contentsmain .inner-Box figure{position: relative;top: 0;left: 0;}
    .backk{background: url(../images/reason/content00-back01.png);padding: 70px 0 50px 0;}

    #contents01 {margin: 0 auto 50px;position: relative;width: 1200px;height: 811px;border: 3px solid #333333;border-radius: 10px;background: #fff;padding: 92px 50px;}
    #contents01 span.no {display: block;line-height: 1;position: absolute;top: 96px;left: 356px;}
    #contents01 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 69px;text-align: center;color: #00A7B8;padding-left: 81px;position: relative;}
    #contents01 h2::before{content: "";background: #00A7B8;width: 60px;height: 4px;position: absolute;left: 50%;bottom: -31px;margin-left: -30px;}
    #contents01 .inner-Box {margin: 0 auto;position: relative;height: 500px;padding-left: 546px;padding-top: 90px;}
    #contents01 .inner-Box figure.photo01 {position: absolute;top: 0;left: -3px;}
    #contents01 .inner-Box h3{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 1px;margin-bottom: 33px;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 28px;}
    #contents01 .inner-Box figure.photo02 {position: absolute;bottom: 0;left: -3px;}
    
    #contents02 {margin: 0 auto 50px;position: relative;width: 1200px;height: 811px;border: 3px solid #333333;border-radius: 10px;background: #fff;padding: 92px 50px;}
    #contents02 span.no {display: block;line-height: 1;position: absolute;top: 96px;left: 326px;}
    #contents02 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 69px;text-align: center;color: #00A7B8;padding-left: 81px;position: relative;}
    #contents02 h2::before{content: "";background: #00A7B8;width: 60px;height: 4px;position: absolute;left: 50%;bottom: -31px;margin-left: -30px;}
    #contents02 .inner-Box {margin: 0 auto;position: relative;height: 500px;padding-left: 546px;padding-top: 90px;}
    #contents02 .inner-Box figure.photo01 {position: absolute;top: 0;left: -3px;}
    #contents02 .inner-Box h3{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 1px;margin-bottom: 33px;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 28px;}
    #contents02 .inner-Box figure.photo02 {position: absolute;bottom: 0;left: -3px;}
    
    #contents03 {margin: 0 auto 50px;position: relative;width: 1200px;height: 811px;border: 3px solid #333333;border-radius: 10px;background: #fff;padding: 92px 50px;}
    #contents03 span.no {display: block;line-height: 1;position: absolute;top: 96px;left: 214px;}
    #contents03 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 69px;text-align: center;color: #00A7B8;padding-left: 81px;position: relative;}
    #contents03 h2::before{content: "";background: #00A7B8;width: 60px;height: 4px;position: absolute;left: 50%;bottom: -31px;margin-left: -30px;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;height: 500px;padding-left: 546px;padding-top: 90px;}
    #contents03 .inner-Box figure.photo01 {position: absolute;top: 0;left: -3px;}
    #contents03 .inner-Box h3{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 1px;margin-bottom: 33px;}
    #contents03 .inner-Box h3 span{  }
    #contents03 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 28px;}
    #contents03 .inner-Box figure.photo02 {position: absolute;bottom: 0;left: -3px;}
    


    #contentsbottomm {margin: 0 auto;position: relative;text-align: center;padding-top: 95px;padding-bottom: 67px;}
    #contentsbottomm h2{font-size: 28px;line-height: 46px;font-weight: 700;letter-spacing: 2.9px;margin-bottom: 67px;}
    #contentsbottomm .inner-Box { margin: 0 auto; position: relative; }
    #contentsbottomm .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 70px;}
    #contentsbottomm .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;width: 680px;margin: 0 auto;}
    #contentsbottomm .inner-Box ul li {width: 320px;margin-right: 40px;}
    #contentsbottomm .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
    #contentsbottomm .inner-Box ul li figure{margin-bottom: 16px;}
    #contentsbottomm .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;text-align: left;}

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

    #contentsmain {position: relative;background: #E7F3F1;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding-top: 7.5vw;padding-bottom: 2.1vw;}
    #contentsmain .inner-Box h2 {margin: 0 4.9vw 12.8vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .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 0vw;}
    #contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contentsmain .inner-Box ul li {position: relative;height: 72.6vw;background: #fff;box-shadow: 0.0vw 0.4vw 0.8vw #00000029;margin-bottom: 7.2vw;text-align: center;}
    #contentsmain .inner-Box ul li a{padding: 5.9vw 7.2vw;display: block;}
    #contentsmain .inner-Box span.no {font-size: 6.3vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;display: block;margin-bottom: -3.4vw;position: absolute;top: 3vw;left: 3.6vw;}
    #contentsmain .inner-Box p{font-size: 4.7vw;line-height:1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 0.9vw;color: #00A7B8;}
    #contentsmain .inner-Box figure{ margin-bottom: 4vw; }
    .backk{background: url(../images/reason/content00-back01.png);padding: 6.5vw 1.7vw 0.5vw;}
    
    #contents01 {margin: 0 auto 8.2vw;position: relative;border: 0.7vw solid #333333;border-radius: 3.3vw;background: #fff;padding: 10.6vw 5.4vw 9.6vw 5.4vw;}
    #contents01 span.no {display: block;line-height: 1;position: relative;width: 13.4vw;margin: 0 auto 4vw;left: -1.8vw;}
    #contents01 h2{font-size: 6.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.0vw;text-align: center;color: #00A7B8;position: relative;}
    #contents01 h2::before{content: "";background: #00A7B8;height: 1vw;position: absolute;left: 50%;bottom: -4.5vw;margin-left: -7.1vw;width: 14.2vw;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inner-Box figure.photo01 {position: relative;margin-bottom: 7vw;top: 0;}
    #contents01 .inner-Box h3{font-size: 4.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3.3vw;text-align: center;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box p.text {font-size: 3.7vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.3vw;}
    #contents01 .inner-Box figure.photo02 {position: relative;bottom: 0;}

    #contents02 {margin: 0 auto 8.2vw;position: relative;border: 0.7vw solid #333333;border-radius: 3.3vw;background: #fff;padding: 10.6vw 5.4vw 9.6vw 5.4vw;}
    #contents02 span.no {display: block;line-height: 1;position: relative;width: 15.1vw;margin: 0 auto 4vw;left: -1vw;}
    #contents02 h2{font-size: 6.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.0vw;text-align: center;color: #00A7B8;position: relative;}
    #contents02 h2::before{content: "";background: #00A7B8;height: 1vw;position: absolute;left: 50%;bottom: -4.5vw;margin-left: -7.1vw;width: 14.2vw;}
    #contents02 .inner-Box {position: relative;}
    #contents02 .inner-Box figure.photo01 {position: relative;margin-bottom: 7vw;top: 0;}
    #contents02 .inner-Box h3{font-size: 4.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3.3vw;text-align: center;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box p.text {font-size: 3.7vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.3vw;}
    #contents02 .inner-Box figure.photo02 {position: relative;bottom: 0;}

    #contents03 {margin: 0 auto 8.2vw;position: relative;border: 0.7vw solid #333333;border-radius: 3.3vw;background: #fff;padding: 10.6vw 5.4vw 9.6vw 5.4vw;}
    #contents03 span.no {display: block;line-height: 1;position: relative;width: 15.1vw;margin: 0 auto 4vw;left: -1vw;}
    #contents03 h2{font-size: 6.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.0vw;text-align: center;color: #00A7B8;position: relative;}
    #contents03 h2::before{content: "";background: #00A7B8;height: 1vw;position: absolute;left: 50%;bottom: -4.5vw;margin-left: -7.1vw;width: 14.2vw;}
    #contents03 .inner-Box {position: relative;}
    #contents03 .inner-Box figure.photo01 {position: relative;margin-bottom: 7vw;top: 0;}
    #contents03 .inner-Box h3{font-size: 4.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3.3vw;text-align: center;}
    #contents03 .inner-Box h3 span{  }
    #contents03 .inner-Box p.text {font-size: 3.7vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.3vw;}
    #contents03 .inner-Box figure.photo02 {position: relative;bottom: 0;}

    
    
    #contentsbottomm {position: relative;text-align: center;padding-top: 8vw;padding-bottom: 4.6vw;}
    #contentsbottomm h2{font-size: 5.2vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.7vw;margin-bottom: 13.1vw;}
    #contentsbottomm .inner-Box {position: relative;}
    #contentsbottomm .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 14.5vw;}
    #contentsbottomm .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 11.4vw;}
    #contentsbottomm .inner-Box ul li {margin-bottom: 5.6vw;}
    #contentsbottomm .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottomm .inner-Box ul li figure{margin-bottom: 4vw;}
    #contentsbottomm .inner-Box p.text {font-size: 3.8vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 3.9vw;text-align: left;}

}