@charset "UTF-8";
/* CSS Document */


/* FAQ */
#faq {padding: 100px 0;}
#faq * {box-sizing: border-box;}
#faq .listItem li:not(:last-of-type) {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
#faq .listItem li .q {position: relative; padding-left: 70px; font-weight: bold; color: #223062; margin-bottom: 10px;}
#faq .listItem li .q::before {content: 'Q'; width: 60px; text-align: center; display: block; position: absolute; top: -4px; left: 0; color: #fff; background: #223062; font-family: 'Roboto', sans-serif; font-size: 18px; border-radius: 20px; line-height: 1; padding: 6px 0;}
#faq .listItem li .a {position: relative; padding-left: 70px; margin-bottom: 10px;}
#faq .listItem li .a::before {content: 'A'; width: 60px; text-align: center; display: block; position: absolute; top: 0; left: 0; color: #fff; background: #ff0000; font-family: 'Roboto', sans-serif; font-size: 18px; border-radius: 20px; line-height: 1; padding: 6px 0;}

@media screen and ( max-width:767px ) {
	#faq .listItem li:not(:last-of-type) {padding-bottom: 20px; margin-bottom: 20px;}
	#faq .listItem li .q { margin-bottom: 15px;}
}