@charset "utf-8";
/* CSS Document */
#faq{ margin-bottom: 70px;}
#faq .item{ padding: 2% 4% 4%; border: 1px #e6e6e6 solid; border-radius: 5px; margin: 0 0 20px;}
#faq .item span{ width: 50px; text-align: center; font-size: 28px; color: #fff; line-height: 1; padding: 8px 0 14px ; position: absolute;  left: 0; top: 50%; transform: translateY(-50%);}
#faq .ques{ font-size: 28px;color: #ad4271; line-height: 1.4; margin: 0 0 15px; padding: 25px 0 25px 70px; position: relative; border-bottom: 1px #e6e6e6 solid;}
#faq .ques span{ background: #ad4271; }
#faq .answer{ font-size: 19px;padding-left: 70px; position: relative; }
#faq .answer span{ background: #5d5d5d;}
#faq .txtR{ font-size: 16px; text-align: right;}
#main-cap{ margin-top: 120px;}

/* ============== Media =============== */

@media only screen and (max-width: 767px){
	#faq .ques{ font-size: 4.7vw; padding:5% 0 5% 13%; margin:0 0 5%;}
	#faq .answer{ font-size: 3.5vw; padding-left: 13%;}
	#faq .item{ padding: 5% 3% 7%;}
	#faq .item span{ font-size: 4.7vw; width: 10%; padding: 1.5% 0 3%;}
	#faq .txtR{ font-size: 14px;}
	#main-cap{ margin-top: 50px;}
}