@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; 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: 1280px; }*/


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

#requirements 			{ max-width: 960px; padding: 90px 0 83px; }
#requirements>dl 		{ border: 1px solid #b2b2b2; line-height: 1.8; }
#requirements>dl p 		{ line-height: 1.8; }
#requirements>dl>div 	{ display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #b2b2b2; }
#requirements>dl>div:first-of-type{ border-top: 0; }
#requirements>dl>div>dt { width: 190px; padding: 14px 30px; background-color: #f2f5dc; }
#requirements>dl>div>dd { width: calc(100% - 190px); padding: 14px 30px; border-left: 1px solid #b2b2b2; text-align: justify; }
#requirements>dl>div>dd .mt{ margin-top: 2rem; }
#requirements>dl>div>dd>dl>div{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#requirements>dl>div>dd>dl>div:nth-of-type(n+2){ margin-top: 20px; }
#requirements>dl>div>dd>dl>div dt{ width: 70px; }
#requirements>dl>div>dd>dl>div dd{ width: calc(100% - 70px); }

#requirements .contact 	{ width: 633px; margin: 55px auto 0; padding: 25px 20px 35px; border-radius: 20px; text-align: center; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; }
#requirements .contact p:nth-of-type(2){ margin-top: 10px; font-size: 2.2rem; font-weight: 500; }
#requirements .contact p:nth-of-type(2) span{ padding-left: 40px; background: url('../img/requirements/tel-icon.svg') 0 50% no-repeat; }
#requirements .contact .btn{ max-width: 372px; margin: 45px auto 0; }

#requirements h2{margin:0 auto 30px; font-size: 1.8rem; text-align: center;}
#requirements h2:not(:nth-of-type(1)){margin:70px auto 30px; padding-top: 50px; border-top: 1px solid #ccc;}
#requirements .requirements_list{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto 70px;}
#requirements .requirements_list li{width: calc(100% / 4 - 10px);}
#requirements .requirements_list li a{display: block; background: #AEC21A; line-height: 3em; color: #FFF; text-align: center; border-radius: 5px;}

}


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


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

}


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

}


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

#requirements 			{ padding: 60px 0 80px; }
#requirements>dl 		{ border: 1px solid #b2b2b2; font-size: .8rem; line-height: 1.8; }
#requirements>dl p 		{ line-height: 1.8; }
#requirements>dl>div 	{ border-top: 1px solid #b2b2b2; }
#requirements>dl>div:first-of-type{ border-top: 0; }
#requirements>dl>div>dt { padding: 15px 15px; background-color: #f2f5dc; }
#requirements>dl>div>dd { padding: 15px 15px; text-align: justify; }
#requirements>dl>div>dd .mt{ margin-top: 2rem; }
#requirements>dl>div>dd>dl>div{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#requirements>dl>div>dd>dl>div:nth-of-type(n+2){ margin-top: 20px; }
#requirements>dl>div>dd>dl>div dt{ width: 70px; }
#requirements>dl>div>dd>dl>div dd{ width: calc(100% - 70px); }

#requirements .contact 	{ width: 100%; margin: 40px auto 0; padding: 25px 20px 35px; border-radius: 20px; text-align: center; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 8px; }
#requirements .contact p:nth-of-type(1){ text-align: justify; }
#requirements .contact p:nth-of-type(2){ margin-top: 10px; font-size: 2rem; font-weight: 500; }
#requirements .contact p:nth-of-type(2) span{ padding-left: 40px; background: url('../img/requirements/tel-icon.svg') 0 50% no-repeat; }
#requirements .contact .btn{ max-width: 372px; margin: 45px auto 0; }

	
#requirements h2{margin:0 auto 30px; font-size: 1.8rem; text-align: center;}
#requirements h2:not(:nth-of-type(1)){margin:70px auto 30px; padding-top: 50px; border-top: 1px solid #ccc;}
#requirements .requirements_list{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto 50px;}
#requirements .requirements_list li{width: calc(100% / 2 - 5px); margin-bottom: 10px;}
#requirements .requirements_list li a{display: block; background: #AEC21A; line-height: 3em; color: #FFF; text-align: center; border-radius: 5px;}

}