@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/
#faq { counter-reset: number 0; }
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4 em:before {
	display: block;
	counter-increment: number 1;
	content: "Q" counter(number , decimal-leading-zero) ".";
	margin-right: 0.5em;
	padding: 0.25em 0.5em;
	background-color: var(--co-sky);
	font-size: 0.52em;
	color: var(--co-white);
}

@media (max-width: 480px) {
	#faq h4 { align-items: flex-start; }
	#faq h4 em:before { margin-top: 0.5em; }
}