@charset "UTF-8";
/* contact index.css */

/* よくあるご質問 */
.dl_faq div {
    background-image: linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 9px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
	padding-bottom: 30px;
}
.dl_faq div:not(:first-of-type) {
	padding-top: 30px;
}
.dl_faq div:last-of-type {
    background-image: none;
	padding-bottom: 0;
}
.dl_faq dt,
.dl_faq dd {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.9em;
}
.dl_faq dt {
	margin-bottom: 10px;
	color: #007ab4;
}
.dl_faq dt:before,
.dl_faq dd:before {
	content: "";
	width:  2.2em;
	height: 1.1em;
	display: inline-block;
	margin-right: .25em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
	transform: translateY(.25em);
}
.dl_faq dt:before {
	background-image: url(../img/q_text.svg);
}
.dl_faq dd:before {
	background-image: url(../img/a_text.svg);
}


@media screen and (max-width:768px) {
	/* --- maxWidth --- */
	.SP_alignL {
		text-align: justify !important;
	}
	.contact_box .width_box {
		padding-bottom: 0 !important;
	}
	.contact_box {
		padding-bottom: min(8vw,40px) !important;
	}
	.contact_box h3 + p {
		letter-spacing: .12em;
	}
	form#mail_form {
		max-width: 500px !important;
	}
	/* faq */
	.dl_faq div:not(:first-of-type) {
		padding-top: 15px;
	}
	.dl_faq div {
		padding-bottom: 15px;
	}
}