@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/
#faq { counter-reset: item; }
#faq section:not(:first-of-type) {
	width: 100%;
	padding: 30px 20px;
	background-color: var(--co-gray02);
	border-radius: 10px;
}
#faq h4 {
	display: flex;
	align-items: center;
	padding-left: 0;
	border-left: 0 none;
}
#faq h4:before {
	display: block;
	height: 100%;
  counter-increment: item;
  content: "Q." counter(item, decimal-leading-zero);
	margin-right: 0.8em;
  padding: 0.2em 0.5em;
	background-color: var(--co-sky);
	font-size: 0.75em;
	font-weight: bold;
	color: var(--co-white);
}

@media (max-width: 979px) {
	#faq h4 { flex-direction: column; }
	#faq h4:before {
		width: 90%;
		margin-right: 0;
		margin-bottom: 0.25em;
		text-align: center;
	}
}