@charset "UTF-8";

.page-body {
    width: 100%;
    max-width: 100%;
}


/* ==================================================
 共通デザイン
================================================== */
.faq .faq-box dl dt {
    margin-bottom: 30px;
    padding: 7px 0 10px 1.5em;
    font-size: 29px;
    font-size: 1.933rem;
    font-weight: bold;
    line-height: 1.2;
	letter-spacing: -0.03em;
    position: relative;
}
.faq .faq-box dl dt:before {
    content: "Q.";
	position: absolute;
	left: 0;
	top: 0;
    font-size: 35px;
    font-size: 2.333rem;
	font-weight: bold;
	color: #3d9857;
}
.faq .faq-box dl dt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 3px;
    border-top: #3d9857 solid 1px;
    border-bottom: #3d9857 solid 1px;
}

.faq .faq-box dl dd {
	margin-bottom: 50px;
	padding: 30px;
    font-size: 16px;
    font-size: 1.066rem;
    background: url(../images/common/bg_line_pink01.png) repeat 0 0;
}
.faq .faq-box dl dd span {
	padding: 5px 0 0 1.5em;
    display: block;
    position: relative;
}
.faq .faq-box dl dd span:before {
    content: "A.";
	position: absolute;
	left: 0;
	top: 0;
    font-size: 20px;
    font-size: 1.333rem;
	font-weight: bold;
	color: #d196bf;
}

@media screen and (max-width: 768px) {
	.faq .faq-box dl dt {
		margin-bottom: 20px;
		font-size: 1.533rem; /*23px*/
	}
	.faq .faq-box dl dt:before {
		font-size: 2rem; /*30px*/
	}

	.faq .faq-box dl dd {
		margin-bottom: 30px;
		padding: 10px;
	}
}