/* アコーディオンの開閉アニメーション */
details::details-content {
    transition:
		height 0.4s,
		opacity 0.4s,
		content-visibility 0.4s allow-discrete;
    height: 0;
    opacity: 0;
    overflow: clip;
}
details[open]::details-content {
    opacity: 1;
}
@supports (interpolate-size: allow-keywords) {
	:root {
		/* height:0（数値型） → auto（文字型） のアニメーションを可能にするための指定 */
		interpolate-size: allow-keywords;
	}
	details[open]::details-content {
		height: auto;
	}
	}
	/* height:0→autoへのアニメーションが対応していない場合は、固定値にアニメーションさせる */
	@supports not (interpolate-size: allow-keywords) {
	details[open]::details-content {
		height: 150px;
		overflow-y: scroll;
	}
}
/* デフォルトの三角形アイコンを消去 */
summary {
	display: block;
}
summary::-webkit-details-marker {
	display: none;
}
.faq_area {
	margin-bottom: 1.5%;
	padding: 2% 3%;
	font-size: 16px;
    letter-spacing: inherit;
    text-align: justify;
    line-height: 1.8;
    letter-spacing: 0.1rem;
	background-color: #f0f0f0;
}
.fap_heading {
	position: relative;
}
.fap_heading .icon {
	position: absolute;
	top: 50%;
	left: 95%;
	width: 19.2px;
	margin-left: 6px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.4s;
}
.fap_heading .icon::before,
.fap_heading .icon::after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 2.4px;
    background-color: #3e3a39;
}
.fap_heading .icon::before {
	left: 0;
	transform: rotate(45deg);
}
.fap_heading .icon::after {
	right: 0;
	transform: rotate(-45deg);
}
/* アコーディオンが開いた時のスタイル */
details[open] .icon {
	transform: rotate(180deg);
}
.faq_text {
	margin-top: 2%;
	padding: 2% 3%;
	border-radius: 10px;
	background-color: #fff;
}
.fap_heading span,
.faq_text span {
	margin-right: 1%;
	font-weight: bold;
	color: #d32222;
}
/* メディアクエリ */
@media screen and (max-width: 1080px) {
	.fap_heading .icon {
		width: 14.4px;
		margin-left: 6px;
	}
.fap_heading .icon::before,
.fap_heading .icon::after {
		width: 9px;
		height: 1.8px;
	}
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
	.faq_area {
		margin-bottom: 2.5%;
		padding: 3% 4%;
	}
	.fap_heading .icon {
		display: none;
	}
	.faq_text {
		margin-top: 2%;
		padding: 3.5% 4%;
	}
	.fap_heading span,
	.faq_text span {
		margin-right: 2.5%;
	}
}