@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/
#faq { counter-reset: listnum; }
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4 em:before {
	display: inline-block;
	counter-increment: listnum;
	content: "Q" counter(listnum, decimal-leading-zero) ".";
	margin-right: 0.5em;
	padding: 0.25em 0.5em;
	background-color: var(--co-navy);
	font-size: 1rem;
	font-weight: bold;
	color: var(--co-white);
}
#faq dl { display: flex; }
#faq dl dt::after { content: "："; }

@media (max-width: 480px) {
	#faq .answer {
		padding-left: 30px;
		background-size: 20px;
	}
}