@media screen and (min-width: 768px), print {
 .aaa { margin-bottom: 0; }
main { width: 100%; }
#reason .lead-txt { margin-bottom: 148px; margin-top: 70px; }
#reason .lead-txt img { width: 100%; }
#reason .wap-txt { width: 767px; margin: 0 auto; margin-bottom: 145px; }
#reason .four-list { width: 1280px; margin: 0 auto; margin-bottom: 192px; }
#reason .four-list > li { margin-bottom: 140px; }
#reason .four-list .li-ttl { position: relative; }
#reason .four-list .li-bg-box { background-color: #F9F8F4; padding: 80px 90px 78px; }
#reason .four-list .li-bg-box .li-flex { width: 1100px; margin-bottom: 62px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
#reason .four-list .li-bg-box .li-flex .box-l { width: 560px; position: relative; top: -4px; }
#reason .four-list .li-bg-box .li-flex .box-l .li-s-ttl { font-weight: bold; font-size: 20px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #159785; margin-bottom: 45px; }
#reason .four-list .li-bg-box .li-flex .box-l .li-txt-box { font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #000; }
#reason .four-list .li-bg-box .li-flex .box-l .li-txt-box .p-mb { margin-bottom: 32px; }
#reason .four-list .li-bg-box .li-flex .box-r { width: 500px; }
#reason .four-list .li-bg-box .li-flex .box-r.oda { -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; order: -1; }
#reason .bg-box { background-image: url(../images/reason/bg-01.png); background-repeat: no-repeat; background-position: center 0; height: 440px; margin-bottom: 137px; }
#reason .bg-box .inner { width: 1280px; margin: 0 auto; position: relative; }
#reason .bg-box .inner .txt-1 { position: absolute; top: 104px; left: -118px; }
#reason .link-area { width: 1200px; margin: 0 auto; padding-bottom: 52px; margin-bottom: 199px; background: linear-gradient(180deg, #fff 0%, #fff 100px, #F9F8F4 100px, #F9F8F4 100%); }
#reason .link-area .link-area-list { width: 1100px; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#reason .link-area .link-area-list > li { width: 330px; margin-right: 55px; }
#reason .link-area .link-area-list > li:nth-child(3n) { margin-right: 0px; }
#reason .link-area .link-area-list .li-pic { margin-bottom: 16px; }
#reason .link-area .link-area-list .li-txt { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #333; }
 }
@media screen and (min-width: 766px) and (max-width: 1600px) {
 #reason .bg-box .inner .txt-1 { left: 80px; }
 }
@media screen and (max-width: 767px) {
 .aaa { margin-bottom: 0; }
#reason .lead-txt { margin-bottom: 20.773vw; /* margin-top: 16.908vw; */ }
#reason .lead-txt img { width: 100%; }
#reason .wap-txt { width: 60.386vw; margin: 0 auto; margin-bottom: 16.908vw; }
#reason .four-list { width: 100%; margin: 0 auto; margin-bottom: 28.744vw; }
#reason .four-list > li { margin-bottom: 14.251vw; }
#reason .four-list .li-ttl { position: relative; }
#reason .four-list .li-bg-box { background-color: #F9F8F4; padding: 12.077vw 7.971vw 2.657vw; }
#reason .four-list .li-bg-box .li-flex { width: 100%; margin-bottom: 7.729vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
#reason .four-list .li-bg-box .li-flex .box-l { width: 100%; position: relative; top: -0.966vw; }
#reason .four-list .li-bg-box .li-flex .box-l .li-s-ttl { font-weight: bold; text-align: left; color: #159785; margin-bottom: 4.589vw; font-size: 4.831vw; letter-spacing: 0.05em; line-height: 9.179vw; }
#reason .four-list .li-bg-box .li-flex .box-l .li-txt-box { text-align: left; color: #000; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; }
#reason .four-list .li-bg-box .li-flex .box-l .li-txt-box .p-mb { margin-bottom: 7.729vw; }
#reason .four-list .li-bg-box .li-flex .box-r { width: 100%; margin-bottom: 6.039vw; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; order: -1; }
#reason .four-list .li-bg-box .li-flex .box-r.oda { margin-bottom: 7.005vw; }
#reason .bg-box { background-image: url(../images/reason/sp-bg-01.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; margin-bottom: 28.986vw; padding-bottom: 60.386vw; }
#reason .bg-box .inner { width: 100%; margin: 0 auto; position: relative; }
#reason .bg-box .inner .txt-1 { width: 81.884vw; margin: 0 auto; position: relative; left: -0.966vw; }
#reason .link-area { width: 100%; margin: 0 auto; padding-bottom: 14.734vw; margin-bottom: 29.227vw; background: linear-gradient(180deg, #fff 0%, #fff 90px, #F9F8F4 90px, #F9F8F4 100%); }
#reason .link-area .link-area-list { width: 82.126vw; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#reason .link-area .link-area-list > li { width: 100%; margin-bottom: 7.246vw; }
#reason .link-area .link-area-list > li:nth-child(3n) { margin-right: 0px; }
#reason .link-area .link-area-list .li-pic { margin-bottom: 2.899vw; }
#reason .link-area .link-area-list .li-txt { font-weight: normal; letter-spacing: normal; text-align: left; color: #333; font-size: 3.865vw; line-height: 7.729vw; }
 }
/*# sourceMappingURL=page-reason.css.map */