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

#contentsmain {margin: 0 auto 157px;position: relative;width: 1100px;padding: 75px 0 0;}
#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: 6.48px;margin-bottom: 35px;text-align: center;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 49px;}
#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 110px;position: relative;width: 1100px;}
#contents01 h2 {text-align: center;margin-bottom: 50px;}
#contents01 h2 img{  }
#contents01 .inner-Box {margin: 0 auto 59px;position: relative;padding: 0 0 0 609px;}
#contents01 .inner-Box h3{font-size: 25px;line-height: 1.6;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 16px;color: #0062B2;}
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;}
#contents01 .inner-Box2 { margin: 0 auto; position: relative; }
#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;}
#contents01 .inner-Box2 ul li{position: relative;width: 254px;margin-right: 28px;text-align: center;}
#contents01 .inner-Box2 ul li:nth-child(4n){ margin-right: 0px; }
#contents01 .inner-Box2 figure{position: relative;top: 0;left: 0;margin-bottom: 6px;}
#contents01 .inner-Box2 p{font-size: 16px;line-height: 21px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents02 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents02 .inner-Box {margin: 0 auto 217px;position: relative;padding: 0 609px 0 0;}
#contents02 .inner-Box h3{font-size: 25px;line-height: 1.6;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 16px;color: #0062B2;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;}
#contents02 .inner-Box2 { margin: 0 auto; position: relative; }
#contents02 .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;}
#contents02 .inner-Box2 ul li{position: relative;width: 254px;margin-right: 28px;text-align: center;}
#contents02 .inner-Box2 ul li:nth-child(4n){ margin-right: 0px; }
#contents02 .inner-Box2 figure{position: relative;top: 0;left: 0;margin-bottom: 6px;}
#contents02 .inner-Box2 p{font-size: 16px;line-height: 21px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents03 {margin: 0 auto 239px;position: relative;width: 1100px;}
#contents03 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 5.04px;margin-bottom: 30px;text-align: center;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 87px 0 0 610px;}
#contents03 .inner-Box figure.photo {position: absolute;top: 16px;left: 0;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 17px;}

#contentsbottom {margin: 0 auto;position: relative;background: url('../images/reason/contentsbottom-back01.png')no-repeat top 163px center;}
#contentsbottom h2{font-size: 36px;line-height: 52px;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 532px;text-align: center;}
#contentsbottom h2 span{ color: #0062B2;}
#contentsbottom .inner-Box {margin: 0 auto 141px;position: relative;background: #F5F7F7;width: 1100px;height: 275px;padding: 60px 125px;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 15px;}
#contentsbottom .inner-Box2 {margin: 0 auto 200px;position: relative;width: 1100px;}
#contentsbottom .inner-Box2 h3 {position: relative;left: 32px;margin-bottom: 30px;}
#contentsbottom .inner-Box2 h3 img{  }
#contentsbottom .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;}
#contentsbottom .inner-Box2 ul li {margin-right: 22px;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box2 ul li figure{  }


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

    #contentsmain {margin: 0 auto 20.92vw;position: relative;padding: 9.22vw 0 0;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box h2{font-size: 6.03vw;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 9.55vw;text-align: center;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 7.84vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin: 0 9vw 7.25vw;}
    
    #contents01 {margin: 0 auto 10.67vw;position: relative;}
    #contents01 h2 {text-align: center;margin: 0 26.2vw 6.88vw;}
    #contents01 h2 img{  }
    #contents01 .inner-Box {margin: 0 8vw 9.05vw;position: relative;}
    #contents01 .inner-Box h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 5.56vw;color: #0062B2;text-align: center;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.1vw;}
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.52vw;}
    #contents01 .inner-Box2 {margin: 0 8.1vw;position: relative;}
    #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;}
    #contents01 .inner-Box2 ul li{position: relative;margin-right: 4%;text-align: center;width: 48%;}
    #contents01 .inner-Box2 ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents01 .inner-Box2 figure{margin-bottom: 1.6vw;}
    #contents01 .inner-Box2 p{font-size: 3.38vw;line-height: 5.07vw;font-weight: 400;letter-spacing: 0.33vw;margin-bottom: 5.85vw;}
    
    #contents02 {margin: 0 auto 16.17vw;position: relative;}
    #contents02 .inner-Box {margin: 0 8vw 9.05vw;position: relative;}
    #contents02 .inner-Box h3{font-size: 4.34vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 5.56vw;color: #0062B2;text-align: center;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.1vw;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.52vw;}
    #contents02 .inner-Box2 {margin: 0 8.1vw;position: relative;}
    #contents02 .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;}
    #contents02 .inner-Box2 ul li{position: relative;margin-right: 4%;text-align: center;width: 48%;}
    #contents02 .inner-Box2 ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents02 .inner-Box2 figure{margin-bottom: 1.6vw;}
    #contents02 .inner-Box2 p{font-size: 3.38vw;line-height: 5.07vw;font-weight: 400;letter-spacing: 0.33vw;margin-bottom: 5.85vw;}
    
    
    #contents03 {margin: 0 auto 20.73vw;position: relative;}
    #contents03 h2{font-size: 6.03vw;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.84vw;margin-bottom: 7.25vw;text-align: center;}
    #contents03 .inner-Box {position: relative;margin: 0 8.1vw;}
    #contents03 .inner-Box figure.photo {position: relative;margin-bottom: 4.2vw;}
    #contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.51vw;}
    
    #contentsbottom {position: relative;background: url('../images/reason/sp-contentsbottom-back01.png') no-repeat top 36.1vw center;background-size: 100% auto;}
    #contentsbottom h2{font-size: 6.03vw;line-height: 9.66vw;font-weight: 500;letter-spacing: 1.08vw;margin-bottom: 59.7vw;text-align: center;}
    #contentsbottom h2 span{ color: #0062B2;}
    #contentsbottom .inner-Box {margin: 0 4.1vw 20.26vw;position: relative;background: #F5F7F7;padding: 11.49vw 13.99vw 7.49vw 13.99vw;}
    #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.52vw;}
    #contentsbottom .inner-Box2 {margin: 0 auto 19.31vw;position: relative;}
    #contentsbottom .inner-Box2 h3 {position: relative;margin-bottom: 12.95vw;}
    #contentsbottom .inner-Box2 h3 img{  }
    #contentsbottom .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;}
    #contentsbottom .inner-Box2 ul li {margin-bottom: 0.61vw;}
    #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box2 ul li figure{ margin-bottom: 4vw; }

}