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

#contentsmain {margin: 20px auto -33px auto;position: relative;background: url('../images/reason/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 31px 0 0;}
#contentsmain .inner-Box h2 {  }
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {position: relative;left: 20px;}

.backk{background: #F0F0F0;padding: 90px 0 0px;margin-bottom: -223px;}

#contents01 {margin: 0 auto 61px;position: relative;background: url('../images/reason/contents01-back01.png')no-repeat top 217px center;padding-top: 97px;padding-bottom: 80px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1160px;height: 1050px;box-shadow: 6px 6px 30px #00000042;background: #fff;}
#contents01 .inner-Box h2 {text-align: center;position: relative;top: -97px;margin-bottom: -60px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inBox {margin: 0 auto;position: relative;width: 1020px;padding: 0 0 59px 520px;}
#contents01 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -1px;left: 502px;}
#contents01 .inBox span.icon img {  }
#contents01 .inBox h3 {font-size: 28px;line-height: 1.68;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 0px;position: relative;padding: 0 0 22px 34px;}
#contents01 .inBox figure.photo {position: absolute;top: 4px;left: 0;}
#contents01 .inBox figure.photo img{  }
#contents01 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inBox2 {margin: 0 auto;position: relative;background: #FAD100;width: 800px;height: 164px;border-radius: 30px;padding: 30px 30px 30px 100px;}
#contents01 .inBox2 p.text {font-size: 20px;line-height: 1.7;font-weight: 700;letter-spacing: 2px;margin-bottom: 30px;position: relative;}
#contents01 .inBox2 figure.photo {position: absolute;bottom: 0;right: 78px;}
#contents01 .inBox2 figure.photo img{  }

#contents02 {margin: 0 auto 61px;position: relative;background: url('../images/reason/contents02-back01.png')no-repeat top 217px center;padding-top: 97px;padding-bottom: 80px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1160px;height: 967px;background: #fff;box-shadow: 6px 6px 30px #00000042;}
#contents02 .inner-Box h2 {text-align: center;position: relative;top: -97px;margin-bottom: -60px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inBox {margin: 0 auto 110px;position: relative;width: 1064px;padding: 0px 570px 0 0;}
#contents02 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -1px;left: -18px;}
#contents02 .inBox span.icon img {  }
#contents02 .inBox h3 {font-size: 28px;line-height: 1.68;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 0px;position: relative;padding: 0 0 22px 31px;}
#contents02 .inBox figure.photo {position: absolute;top: 4px;right: 2px;}
#contents02 .inBox figure.photo img{  }
#contents02 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents02 .inBox2 {margin: 0 auto;position: relative;background: #FAD100;width: 800px;height: 164px;border-radius: 30px;padding: 50px 30px 30px 40px;}
#contents02 .inBox2 p.text {font-size: 20px;line-height: 1.7;font-weight: 700;letter-spacing: 2px;margin-bottom: 30px;position: relative;}
#contents02 .inBox2 figure.photo {position: absolute;bottom: 0;right: 28px;}
#contents02 .inBox2 figure.photo img{  }

#contents03 {margin: 0 auto 21px;position: relative;background: url('../images/reason/contents03-back01.png')no-repeat top 217px center;padding-top: 97px;padding-bottom: 80px;z-index: 4;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1160px;height: 968px;background: #fff;box-shadow: 6px 6px 30px #00000042;}
#contents03 .inner-Box h2 {text-align: center;position: relative;top: -97px;margin-bottom: -60px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inBox {margin: 0 auto;position: relative;width: 1020px;padding: 0 0 54px 520px;}
#contents03 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -1px;left: 502px;}
#contents03 .inBox span.icon img {  }
#contents03 .inBox h3 {font-size: 28px;line-height: 1.68;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 0px;position: relative;padding: 0 0 22px 34px;margin-right: -10px;}
#contents03 .inBox figure.photo {position: absolute;top: 4px;left: 0;}
#contents03 .inBox figure.photo img{  }
#contents03 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents03 .inBox2 {margin: 0 auto;position: relative;background: #FAD100;width: 800px;height: 164px;border-radius: 30px;padding: 49px 30px 30px 40px;}
#contents03 .inBox2 p.text {font-size: 20px;line-height: 1.7;font-weight: 700;letter-spacing: 2px;margin-bottom: 30px;position: relative;}
#contents03 .inBox2 figure.photo {position: absolute;bottom: 0;right: 28px;}
#contents03 .inBox2 figure.photo img{  }

#contentsbottom {margin: 0 auto 65px;position: relative;background: #fff;padding: 294px 0 0 0;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1020px;}
#contentsbottom .inner-Box h2 {text-align: center;margin-bottom: 39px;}
#contentsbottom .inner-Box h2 img{position: relative;left: -36px;}
#contentsbottom .inner-Box p.textaa {text-align: center;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 39px;}
#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 {margin-bottom: 44px;margin-right: 28px;}
#contentsbottom .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

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

    #contentsmain {margin: 7.03vw auto 0vw auto;position: relative;background: url('../images/reason/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;text-align: center;padding: 3.69vw 0 3vw;}
    #contentsmain .inner-Box h2 {margin: 0 2.7vw 0 6.1vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {position: relative;}
    
    .backk{background: #F0F0F0;padding: 14.94vw 0 0.0vw;margin-bottom: 0vw;}
    
    #contents01 {margin: 0 auto 16.63vw;position: relative;background: url('../images/reason/sp-contents01-back01.png')no-repeat top center;background-size: 100% 100%;padding: 5vw 3.9vw 7vw 3.9vw;}
    #contents01 .inner-Box {position: relative;background: #fff;padding-bottom: 4.8vw;box-shadow: 1.45vw 1.45vw 7.25vw #00000042;}
    #contents01 .inner-Box h2 {text-align: center;position: relative;top: -13.8vw;margin: 0vw 11.4vw -6.9vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inBox {margin: 0 4vw -1.8vw;position: relative;padding: 0 0 0vw 0vw;}
    #contents01 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -6.9vw;right: 0.2vw;width: 9vw;}
    #contents01 .inBox span.icon img {  }
    #contents01 .inBox h3 {font-size: 5.80vw;line-height: 1.58;font-weight: 700;letter-spacing: 0.34vw;margin: 0 -3vw 3.9vw;position: relative;text-align: center;}
    #contents01 .inBox figure.photo {position: relative;top: 0.97vw;margin-bottom: 4.8vw;left: 0;}
    #contents01 .inBox figure.photo img{  }
    #contents01 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 1.5vw 7.25vw;position: relative;}
    #contents01 .inBox2 {margin: 0 4vw;position: relative;background: #FAD100;height: 47.41vw;border-radius: 4.05vw;padding: 4.95vw 32.25vw 7.25vw 5.85vw;}
    #contents01 .inBox2 p.text {font-size: 4.11vw;line-height: 1.82;font-weight: 700;letter-spacing: 0.41vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inBox2 figure.photo {position: absolute;bottom: 0;right: 3.1vw;width: 25.7vw;}
    #contents01 .inBox2 figure.photo img{  }
    
    #contents02 {margin: 0 auto 16.63vw;position: relative;background: url('../images/reason/sp-contents01-back01.png')no-repeat top center;background-size: 100% 100%;padding: 5vw 3.9vw 7vw 3.9vw;}
    #contents02 .inner-Box {position: relative;background: #fff;padding-bottom: 4.8vw;box-shadow: 1.45vw 1.45vw 7.25vw #00000042;}
    #contents02 .inner-Box h2 {text-align: center;position: relative;top: -13.8vw;margin: 0vw 11.4vw -6.9vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inBox {margin: 0 4vw -1.8vw;position: relative;padding: 0 0 0vw 0vw;}
    #contents02 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -6.9vw;right: 0.2vw;width: 9vw;}
    #contents02 .inBox span.icon img {  }
    #contents02 .inBox h3 {font-size: 5.80vw;line-height: 1.58;font-weight: 700;letter-spacing: 0.34vw;margin: 0 -3vw 3.9vw;position: relative;text-align: center;}
    #contents02 .inBox figure.photo {position: relative;top: 0.97vw;margin-bottom: 4.8vw;left: 0;}
    #contents02 .inBox figure.photo img{  }
    #contents02 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 1.5vw 7.25vw;position: relative;}
    #contents02 .inBox2 {margin: 0 4vw;position: relative;background: #FAD100;height: 47.41vw;border-radius: 4.05vw;padding: 4.95vw 32.25vw 7.25vw 5.85vw;}
    #contents02 .inBox2 p.text {font-size: 4.11vw;line-height: 1.82;font-weight: 700;letter-spacing: 0.41vw;margin-bottom: 7.25vw;position: relative;}
    #contents02 .inBox2 figure.photo {position: absolute;bottom: 0;right: 5.1vw;width: 23.4vw;}
    #contents02 .inBox2 figure.photo img{  }
    
    #contents03 {margin: 0 auto 9.73vw;position: relative;background: url('../images/reason/sp-contents01-back01.png')no-repeat top center;background-size: 100% 100%;padding: 5vw 3.9vw 7vw 3.9vw;}
    #contents03 .inner-Box {position: relative;background: #fff;padding-bottom: 4.8vw;box-shadow: 1.45vw 1.45vw 7.25vw #00000042;}
    #contents03 .inner-Box h2 {text-align: center;position: relative;top: -13.8vw;margin: 0vw 11.4vw -6.9vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inBox {margin: 0 4vw -1.8vw;position: relative;padding: 0 0 0vw 0vw;}
    #contents03 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -6.9vw;right: 0.2vw;width: 9vw;}
    #contents03 .inBox span.icon img {  }
    #contents03 .inBox h3 {font-size: 5.80vw;line-height: 1.58;font-weight: 700;letter-spacing: 0.34vw;margin: 0 -3vw 3.4vw;position: relative;text-align: center;}
    #contents03 .inBox figure.photo {position: relative;top: 0.97vw;margin-bottom: 4.8vw;left: 0;margin-right: 1.5vw;}
    #contents03 .inBox figure.photo img{  }
    #contents03 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 1.5vw 7.25vw;position: relative;}
    #contents03 .inBox2 {margin: 0 4vw;position: relative;background: #FAD100;height: 40.41vw;border-radius: 4.05vw;padding: 4.95vw 25.25vw 7.25vw 5.85vw;}
    #contents03 .inBox2 p.text {font-size: 4.11vw;line-height: 1.82;font-weight: 700;letter-spacing: 0.41vw;margin-bottom: 7.25vw;position: relative;}
    #contents03 .inBox2 figure.photo {position: absolute;bottom: 0;right: 3.1vw;width: 23.9vw;}
    #contents03 .inBox2 figure.photo img{  }
    

    #contentsbottom {margin: 0 auto 5.5vw;position: relative;background: #fff;}
    #contentsbottom .inner-Box {margin: 0 2.2vw;position: relative;}
    #contentsbottom .inner-Box h2 {text-align: center;margin-bottom: 5.72vw;margin-right: 1.4vw;}
    #contentsbottom .inner-Box h2 img{position: relative;left: 0vw;}
    #contentsbottom .inner-Box p.textaa {font-size: 3.86vw;letter-spacing: 0.19vw;margin: 0 4.3vw 7.92vw;text-align: left;line-height: 1.85;}
    #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;margin: 0 8.9vw;}
    #contentsbottom .inner-Box ul li {margin-bottom: 6.73vw;}
    #contentsbottom .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }

}