@charset "UTF-8";

.faq_list * {
	font-feature-settings: normal;
}
.faq_list {
	border-bottom: 1px dotted var(--color-border1);
	margin-top: 2.5rem;
}
.faq_list dl {
	border-top: 1px dotted var(--color-border1);
}


/* アコーディオン */
.faq_list .accordion_btn {
	padding: 1.5em 2.5em 1.5em 3em;
}
.faq_list .accordion_btn p {
	text-decoration: underline;
}
.faq_list .accordion_cnt {
	position: relative;
	background-color: #F5F1EB;
	padding: 3em;
	margin-bottom: 1.5em;
}
.faq_list .accordion_cnt .flexBox {
	background-color: #fff;
	padding: 3em;
	position: relative;
	display: flex;
    gap: 1.5em;
}
.faq_list span.en {
    border: 1px solid var(--color-brandGr);
    border-radius: 50%;
	min-width: 2.1em;
    width: 2.1em;
    height: 2.1em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
	position: absolute;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq_list span.en::after {
	content: "";
	transform: translate(0.05em, -0.05em);
}
.faq_list .accordion_cnt span.en {
	background-color: var(--color-brandGr);
}
.faq_list .accordion_btn span.en::after {
	content: "Q";
	color: var(--color-brandGr);
}
.faq_list .accordion_cnt span {
	position: static;
	transform: none;
}
.faq_list .accordion_cnt span.en::after {
	content: "A";
	color: #fff;
}


.faq_contact p {
	margin-bottom: 2.5em;
}
.faq_contact a {
	margin: auto;
}


@media (max-width: 751px) {
	.faq_list .accordion_btn {
		padding: 1.15em 2.5em 1.15em 3em;
	}
	.faq_list .accordion_cnt,
	.faq_list .accordion_cnt .flexBox {
    	padding: 1.15em;
	}
}