@charset "UTF-8";

/*--------------------------------------------------------------------
faq.html
faq.css
--------------------------------------------------------------------*/

#faq { counter-reset: item; }
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4 span: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(--color-red);
	font-size: 1.125rem;
	color: var(--color-white);
}
#faq .Answer {
	display: block;
	min-height: 100px;
	padding-left: 120px;
	background: url(../../img/parts/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/parts/a.png) no-repeat left top / cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	float: left;
}
}