@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/
#faq {
	margin-top: 70px;
	counter-reset: item;
}
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4:before {
	display: inline-block;
  counter-increment: item;
  content: "Q." counter(item, decimal-leading-zero);
	margin-right: 0.8em;
  padding: 0.2em 0.5em;
	background-color: var(--co-black);
	font-size: 0.875rem;
	font-weight: bold;
	color: var(--co-white);
}
#faq .Answer {
	display: block;
	min-height: 100px;
	padding-left: 100px;
	background: url("../img/a.png") no-repeat left top;
}
#faq .Answer > span { display: none; }
#faq .Answer ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#faq .Answer ul li:before {
	margin-right: 0.3em;
	content: "※";
}
#faq .Answer dl {
	display: flex;
	margin-top: 1em;
}
#faq .Answer dl dt::after { content: "："; }

@media (max-width: 979px) {
#faq .Answer {
	padding-left: 0;
	background: none;
	overflow: hidden;
}
#faq .Answer > span {
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	background: url("../img/a.png") no-repeat left top / cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	float: left;
}
}