@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 faq
==============================*/


/* faq ----------*/
#faq {
	background-image: url(../img/job_type/job_category_bg_01.png), url(../img/job_type/job_category_bg_02.png);
	background-position: left top, right bottom;
	background-size: 48rem auto;
	background-repeat: no-repeat;
}
#faq h3 { margin-top: 9rem; margin-bottom: 4.5rem; color: #FED93F; font-size: 2.4rem; }
#faq .faq_list {}
#faq .faq_list li { margin-top: 2.6rem; background-color: #FFF; }
#faq .faq_list li span { display: block; }
#faq .faq_list li > span { position: relative; }
#faq .faq_list li > span::before { position: absolute; top: 0; bottom: 0; left: 1rem; display: grid; width: 4.9rem; height: 4.9rem; margin: auto; border-radius: 5rem; color: #FFF; font-weight: bold; font-size: 2.6rem; place-items: center; }
#faq .faq_list li .q {}
#faq .faq_list li .q::before { content: "Q"; background-color: #E60012; }
#faq .faq_list li .q::after { content: ""; display: block; position: absolute; right: 1.6rem; width: 2.5rem; top: 0; bottom: 0; margin: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 13.5H25' stroke='black' stroke-width='5'/%3E%3Cpath d='M13 25.5L13 0.500001' stroke='black' stroke-width='5'/%3E%3C/svg%3E"); height: 2.5rem;  background-repeat: no-repeat; background-position: center; background-size: cover; }
#faq .faq_list li .q.open::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 13.5H25' stroke='black' stroke-width='5'/%3E%3C/svg%3E"); }
#faq .faq_list li .q:hover { cursor: pointer; }
#faq .faq_list li .q > span { padding: 2rem 5rem 2rem 8rem; color: #00458D; font-size: 1.6rem; font-weight: 500; }
#faq .faq_list li .a {}
#faq .faq_list li .a::before { content: "A"; background-color: #007BC7; }
#faq .faq_list li .a > span { padding: 2rem 2rem 2rem 8rem; }
@media screen and (max-width:1560px) {
	#faq { background-size: 33% auto; background-position: left -1vw top -2vw, right bottom; }
}
@media screen and (max-width:480px) { /* s */
	#faq.sec.-space { background-size: 50% auto; background-position: left -1vw top -2vw, right -2rem bottom -3rem; }
}