@charset "UTF-8";

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

/*------------faq---------------------------------------------------------------*/
#faq h4 {
	display: flex;
	align-items: center;
}
#faq h4 span::before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	margin-right: 0.5em;
	background: url(../../img/parts/q.png) no-repeat left top / cover;
}
#faq .answer {
	display: block;
	min-height: 100px;
	padding-left: 46px;
}
#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;
}
#faq .answer ul,
#faq .answer dl { margin: 1em 0; }
#faq .answer ul li,
#faq .answer dl dt {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#faq .answer ul li:before,
#faq .answer dl dt:before {
	margin-right: 0.3em;
	content: "◆";
}
#faq .answer dl dd { padding-left: 1.3em; }

@media (max-width: 979px) {
	#faq .answer {
		padding-left: 0;
		background: none;
		overflow: hidden;
	}
}