@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4 em:before {
	display: block;
	content: "Q、";
	font-weight: bold;
}
#faq .answer {
	position: relative;
	display: block;
	min-height: 100px;
	padding-left: 70px;
}
#faq .answer > span {
	position: absolute;
	display: block;
	width: 46px;
	height: 48px;
	margin-right: 20px;
	background: url("../img/a.png") no-repeat left top / cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	top: 0;
	left: 0;
}
#faq .answer dl:not(:first-of-type) { margin-top: 1em; }
#faq .answer dl dt {
	padding-left: 1em;
	text-indent: -1em;
	font-weight: bold;
	color: var(--co-lime);
}
#faq .answer dl dt::before { content: "・"; }
#faq .answer dl dd {
	padding-left: 2em;
	text-indent: -1em;
}
#faq .answer dl dd::before { content: "："; }

@media (max-width: 480px) {
	#faq .answer {
		padding-left: 35px;
		background: none;
		overflow: hidden;
	}
	#faq .answer > span {
		width: 26px;
		height: 28px;
	}
	#faq .answer dl { flex-direction: column; }
	#faq .answer dl:not(:first-of-type) { margin-top: 0.5em; }
	#faq .answer dl dt::after { display: none; }
}