@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */
/* よくある質問 */
/* -------------------------------------------------- */

.pageFaq {
	background: url(../../img/faq/faq_title_bg.jpg) no-repeat center center / cover;
}

#faqBody {
	margin: 100px auto;
}

.faqCont {
	margin: 0 auto 5px;
	padding: 22px 0px 22px;
	background: #F2F4EC;
	border-radius: 5px;
}

.faqContTitle {
	margin: 0 auto 15px;
	padding: 0px 15px 0px 55px;
	font-size: 1.8rem;
	line-height: 1.0;
	letter-spacing: 0.1em;
}

.faqContTitle::before {
	content: "Q.";
	margin: 0px 0 0 -43px;
	padding: 0px 10px;
	font-size: 2.0rem;
}

.faqContTxt {
	width: 91.5%;
	max-width: 100%;
	margin: auto;
	padding: 15px 20px;
	background: #FFFFFF;
	letter-spacing: 0.1em;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.faqContTxt p {
	font-feature-settings: "palt";
}

.faqContTxt a {
	color: #3EB134;
}

.faqContTxt::before {
	content: "A.";
	margin: -5px 0 0 0;
	padding: 0px 10px;
	font-size: 2.0rem;
	color: #3EB134;
}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
	.pageFaq {
		background: url(../../img/faq/mv_sp.jpg) no-repeat center center / cover;
	}
}

/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */

@media screen and (max-width: 767px) {
	#faqBody {
		margin: 60px auto 80px;
	}

	.faqContTxt {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}

}


@media screen and (max-width: 600px) {
	.faqContTitle {
		padding: 0px 4.3%;
		line-height: 1.5;
	}

	.faqContTitle:before {
		margin: 0 0 5px 0;
		padding: 0;
		display: block;
	}

	.faqContTxt {
		padding: 13px 4.3% 14px;
	}

	.faqContTxt:before {
		margin: 0;
		padding: 0;
		display: block;
	}
}