@charset "utf-8";
/*.design-bg{ width: 1440px; height: 4000px; background: url('../design_img/requirements.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1440px; }*/

body{ background-color: #F0F5FB; }
.btnArea{ background-image: -webkit-gradient(linear, left bottom, left top, from(#9fd9f6), to(#f0f5fb)); background-image: linear-gradient(0deg, #9fd9f6, #f0f5fb); }

#header>.logo img{ -webkit-filter: invert(100%); filter: invert(100%); }


@media print, screen and (min-width: 751px) {
#main{ padding-top: 80px; }
.mainImage{ background: url('../img/requirements/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#requirements{ margin-top: 107px; }
#requirements .box{ margin-top: 45px; padding: 80px 90px 80px; background-color: #fff; }
#requirements .box dl{  }
#requirements .box dl>div{ padding: 15.5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000; position: relative; }
#requirements .box dl>div:after{ content: ''; width: 180px; height: 3px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }
#requirements .box dl>div:first-of-type{ border-top: 1px solid #000; }
#requirements .box dl>div:first-of-type:before{ content: ''; width: 180px; height: 3px; background-color: #005eb8; display: block; position: absolute; top: -2px; left: 0; }
#requirements .box dl>div dt{ width: 185px; line-height: 1.8; text-align: center; }
#requirements .box dl>div dd{ width: calc(100% - 185px); padding-left: 40px; line-height: 1.8; }

#requirements .btn a{ width: 80%; max-width: 505px; margin: 55px auto 0; padding: 37px 0; display: block; font-size: 2.0rem; color: #005eb8; font-weight: bold; text-align: center; border-radius: 15px; background: #005eb8 url('../img/common/arrow-btn03.svg') top 50% right 30px no-repeat; background-size: 24px; color: #fff; }
#requirements .btn a>span{ margin-left: 18px; font-size: 2.8rem; }

#faq{ margin-top: 80px; }
#faq h2{ margin-bottom: 55px; }
#faq .master{ max-width: 920px; }
#faq .box{ margin-top: 30px; }
#faq h3{ padding-bottom: 27px; font-size: 2.2rem; border-bottom: 1px solid #000; position: relative; }
#faq h3:after{ content: ''; width: 180px; height: 3px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }
#faq dl{ margin-top: 20px; }
#faq dl>div{ background-color: #fff; border-radius: 10px; }
#faq dl>div:nth-of-type(n+2){ margin-top: 16px; }
#faq dl>div dt{ padding: 23px 55px 23px 65px; cursor: pointer; line-height: 1.8; position: relative; }
#faq dl>div dt:before{ content: 'Q.'; position: absolute; top: 20px; left: 30px; font-family: "Poppins", sans-serif; font-weight: 600; color: #005eb8; font-size: 2.0rem; }
#faq dl>div dt:after{ content: '＋'; position: absolute; top: 20px; right: 27px; font-size: 2.0rem; font-weight: 100; }
#faq dl>div dt.active:after{ content: '－'; }
#faq dl>div dd{ padding: 0 60px 23px; line-height: 1.8; display: none; }
}



@media screen and (max-width: 1360px) and (min-width: 751px) {

}



@media screen and (max-width: 750px) {
#main{ padding-top: 60px; }
.mainImage{ background: url('../img/requirements/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#requirements{ margin-top: 60px; }
#requirements .box{ margin-top: 35px; padding: 30px 15px 30px; background-color: #fff; }
#requirements .box dl{  }
#requirements .box dl>div{ padding: 15px 0; border-bottom: 1px solid #000; position: relative; }
#requirements .box dl>div:after{ content: ''; width: 100px; height: 3px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }
#requirements .box dl>div:first-of-type{ border-top: 1px solid #000; }
#requirements .box dl>div:first-of-type:before{ content: ''; width: 100px; height: 3px; background-color: #005eb8; display: block; position: absolute; top: -2px; left: 0; }
#requirements .box dl>div dt{ line-height: 1.8; font-weight: 600 }
#requirements .box dl>div dd{ margin-top: 5px; line-height: 1.8; }

#requirements .btn a{ width: 100%; max-width: 320px; margin: 30px auto 0; padding: 24px 0; padding-right: 20px; display: block; font-size: 1.8rem; color: #005eb8; font-weight: bold; text-align: center; border-radius: 12px; background: #005eb8 url('../img/common/arrow-btn03.svg') top 50% right 20px no-repeat; background-size: 24px; color: #fff; }
#requirements .btn a>span{ margin-left: 15px; font-size: 2.2rem; }

#faq{ margin-top: 80px; }
#faq h2{ margin-bottom: 35px; }
#faq .master{ max-width: 920px; }
#faq .box{ margin-top: 35px; }
#faq h3{ padding-bottom: 18px; font-size: 2.2rem; border-bottom: 1px solid #000; position: relative; }
#faq h3:after{ content: ''; width: 100px; height: 3px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }
#faq dl{ margin-top: 20px; }
#faq dl>div{ background-color: #fff; border-radius: 10px; }
#faq dl>div:nth-of-type(n+2){ margin-top: 16px; }
#faq dl>div dt{ padding: 15px 45px 15px 45px; cursor: pointer; line-height: 1.8; position: relative; }
#faq dl>div dt:before{ content: 'Q.'; position: absolute; top: 10px; left: 15px; font-family: "Poppins", sans-serif; font-weight: 600; color: #005eb8; font-size: 1.8rem; }
#faq dl>div dt:after{ content: '＋'; position: absolute; top: 15px; right: 15px; font-size: 1.8rem; font-weight: 100; }
#faq dl>div dt.active:after{ content: '－'; }
#faq dl>div dd{ padding: 0 20px 15px; line-height: 1.8; display: none; }
}