@charset "UTF-8";

/*-----------------------------------

	qa_block

-----------------------------------*/
#qa_block {
	padding: 210px 0 522px;
}

@media screen and (max-width: 840px){

}
	
@media screen and (max-width: 640px){
	#qa_block {
		padding: 80px 0 400px;
	}
}
@media screen and (max-width: 460px){
	#qa_block {
		padding: 50px 0 250px;
	}
}



/* faq_wrapper */
#qa_block .faq_wrapper .faq_box {
	border-bottom: 1px solid #b2b2b2;
}
#qa_block .faq_wrapper .faq_box:first-of-type {
	margin-top: 48px;
}
#qa_block .faq_wrapper .faq_box .faq_ttl {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.03em;
	background: url(../img/common/q_icon_bk.svg) no-repeat top 28px left / 18px 25px;
	padding: 26px 40px 26px 54px;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
	word-break: break-word;
}
#qa_block .faq_wrapper .faq_box .faq_ttl.active {
	color: #38af80;
	background: url(../img/common/q_icon_clr.svg) no-repeat top 28px left / 18px 25px;
	margin-top: 10px;
}
#qa_block .faq_wrapper .faq_box .faq_ttl:hover {
	opacity: 0.7;
}
#qa_block .faq_wrapper .faq_box .faq_ttl .circle {
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 28px;
	right: 0;
}
#qa_block .faq_wrapper .faq_box .faq_ttl .circle::before,
#qa_block .faq_wrapper .faq_box .faq_ttl .circle::after {
	content: "";
	display: block;
	background: #b2b2b2;
	width: 100%;
	height: 5px;
	margin: auto;
	position: absolute;
	inset: 0;
	transition: 0.3s;
}
#qa_block .faq_wrapper .faq_box .faq_ttl .circle::after {
	transform: rotate(90deg);
}
#qa_block .faq_wrapper .faq_box .faq_ttl.active .circle::after {
	transform: rotate(0deg);
}
#qa_block .faq_wrapper .faq_box .faq_txt {
	background: url(../img/common/a_icon_bk.svg) no-repeat top 28px left / 21px 25px;
	padding: 17px 40px 39px 54px;
	word-break: break-word;
}
@media screen and (max-width: 640px) {
	#qa_block .faq_wrapper .faq_box:first-of-type {
		margin-top: 38px;
	}	
	#qa_block .faq_wrapper .faq_box .faq_ttl {
		font-size: 16px;
		background: url(../img/common/q_icon_bk.svg) no-repeat top 20px left / 15px 22px;
		padding: 16px 30px 16px 34px;
	}
	#qa_block .faq_wrapper .faq_box .faq_ttl.active {
		background: url(../img/common/q_icon_clr.svg) no-repeat top 20px left / 15px 22px;
		margin-top: 7px;
	}
	#qa_block .faq_wrapper .faq_box .faq_ttl .circle {
		width: 17px;
		height: 17px;
		top: 20px;
	}
	#qa_block .faq_wrapper .faq_box .faq_ttl .circle::before,
	#qa_block .faq_wrapper .faq_box .faq_ttl .circle::after {
		height: 3px;
	}
	#qa_block .faq_wrapper .faq_box .faq_txt {
		background: url(../img/common/a_icon_bk.svg) no-repeat top 15px left / 18px 22px;
		padding: 7px 30px 29px 34px;
	}
}