@charset "UTF-8";

/*faq*/
.faq {
	margin: 3rem 0 0;
}

.faq h1{
	margin: 3rem 1rem 4rem;
	font-size: 2rem;
}

.faq h1 span{
	display: block;
	font-size: 1rem;
	font-weight: bold;
}

.faq dl {
/*	width: 100%;*/
	margin: 3rem;
}

.faq dl dt {
	font-size: 1.1rem;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 20px;
	position: relative;
	line-height: 1.4;
}

.faq dl dt:before,.faq dl dd:before {
	content:"Q.";
	font-weight: bold;
	color: #4d586e;
	font-size: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
	line-height: 1.4;
	position: absolute;
	top: -7px;
	left:0;
}

.faq dl dd {
	font-size: .9rem;
	padding: 0 0 35px 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ededed;
	position: relative;
	line-height: 1.8;
}

.faq dl dd:before {
	color: #777e84;
	content:"A.";
}

@media screen and  (min-width: 900px) {
.faq {
	margin: 2rem 1rem 160px;
	margin: 3rem 0;
}

.faq h1{
	max-width: 1200px;
	margin: 4rem auto 130px;
	font-size: 2.5rem;
}
.faq h1 span{
	font-size: 1rem;
}
.faq dl {
	max-width: 900px;
	margin: 0 auto;
}

.faq dl dt {
	font-size: 20px;
	margin-bottom: 30px;
	padding-left: 45px;
	line-height: 1.6;
}

.faq dl dt:before,.faq dl dd:before {
	font-size: 30px;
	top: -10px;
}

.faq dl dd {
	font-size: 16px;
	padding: 0 0 58px 45px;
	margin-bottom: 50px;
	line-height: 1.8;
}

.faq dl dd:before {
	letter-spacing: 2px;
}
}