@charset "utf-8";
/* ===================================================
	FAQ CSS
====================================================== */
.cmn_lead {
	padding-bottom: 150px;
}
.cmn_lead .cap {
	margin: 0 0 50px;
}
.cmn_lead .faq_list {
	text-align: left;
}
.cmn_lead .faq_list > div {
	padding: 25px 0;
}
.cmn_lead .faq_list > div > dt,
.cmn_lead .faq_list > div > dd {
	display: flex;
}
.cmn_lead .faq_list > div > dt::before,
.cmn_lead .faq_list > div > dd::before {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin: 0 20px 0 0;

	border: 1px solid;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 38px;
	line-height: 1;
}
.cmn_lead .faq_list > div > dt > span,
.cmn_lead .faq_list > div > dd > div {
	align-self: center;
}
.cmn_lead .faq_list > div > dt {
	margin: 0 0 20px;

	font-size: 17px;
}
.cmn_lead .faq_list > div > dt::before {
	content: "Q";

	background: #eabc56;
	border-color: #eabc56;
	color: #fff;
}
.cmn_lead .faq_list > div > dt > span {
	padding: 5px 0;
}
.cmn_lead .faq_list > div > dd::before {
	content: "A";

	background: #fff;
	border-color: #8f8f7c;
	color: #454529;
}
.cmn_lead .faq_list > div > dd > div {
	padding: 10px 0;
}

@media screen and (max-width: 600px) {
	.cmn_lead {
		padding-bottom: 80px;
	}
	.cmn_lead .cap {
		margin-bottom: 20px;
	}
	.cmn_lead .faq_list > div {
		padding: 15px 0;
	}
	.cmn_lead .faq_list > div > dt::before,
	.cmn_lead .faq_list > div > dd::before {
		width: 32px;
		height: 32px;
		margin-right: 10px;

		font-size: 26px;
	}
	.cmn_lead .faq_list > div > dt {
		margin-bottom: 10px;
	}
	.cmn_lead .faq_list > div > dt > span {
		padding: 0;
	}
	.cmn_lead .faq_list > div > dd > div {
		padding: 5px 0;
	}
}