@charset "utf-8";
/* ===================================================
	faq css
====================================================== */
/* ---------------------------------------------------
	lead
------------------------------------------------------ */
.cmn_lead { padding-top: 132px; }
.cmn_lead .c_anchor { margin: 100px auto 0; }
@media screen and (max-width: 600px) {
	.cmn_lead { padding-top: 70px; }
	.cmn_lead .c_anchor { margin-top: 30px; }
}

/* ---------------------------------------------------
	faq_list
------------------------------------------------------ */
.faq_list { padding-top: 120px; }
.faq_list:last-of-type { padding-bottom: 160px; }
.faq_tit01 { font-feature-settings: "palt"; font-weight: 500; font-size: 26px; line-height: calc(36 / 26); letter-spacing: .1em; color: var(--black-20); margin-bottom: 44px; }

/* アコーディオン */
.faq_item { border-bottom: 1px solid var(--black-20); }
.faq_item:first-of-type { border-top: 1px solid var(--black-20); }
.faq_item > dt { font-weight: 500; font-size: 18px; line-height: calc(30 / 18); letter-spacing: .1em; color: rgba(0,0,0,.6); position: relative; padding: 33px 70px 33px 82px; cursor: pointer; }
.faq_item > dt::before,
.faq_item > dt::after { content:""; position: absolute; top: 50%; right: 30px; width: 16px; height: 1px; background-color: rgba(0,0,0,.3); transition: rotate .3s ease-out, opacity .3s ease-out; }
.faq_item > dt::before { rotate: 90deg; }
.faq_item > dt.active::before { rotate: 0deg; }
.faq_item > dt.active::after { rotate: -90deg; opacity: 0; }
.faq_item > dd { display: none; position: relative; padding: 0 70px 40px 82px; }
.faq_item > dd p { font-weight: 500; font-size: 16px; line-height: calc(32 / 16); letter-spacing: .1em; color: var(--black-80); }
.faq_item > dd p + p { margin-top: 1em;}
.faq_item > dd ul { padding: 1em 0;}
.faq_item > dd ul li { padding-left: 1.5em; text-indent: -1.5em; }
.faq_item > dd a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Q / A アイコン */
.faq_item > dt span::before,
.faq_item > dd::before { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--white); font-size: 18px; line-height: 1; position: absolute; left: 30px; }
.faq_item > dt span::before { content: 'Q'; top: 32px; background: var(--black-60); }
.faq_item > dd::before { content: 'A'; top: 0; background: var(--black-40); }

@media screen and (max-width: 600px) {
	.faq_list { padding-top: 60px; }
	.faq_list:last-of-type { padding-bottom: 80px; }
	.faq_tit01 { font-size: 18px; margin-bottom: 20px; }
	.faq_item > dt { font-size: 15px; line-height: calc(24 / 15); padding: 14px 40px 14px 38px; }
	.faq_item > dt::before,
	.faq_item > dt::after { right: 12px; width: 12px; }
	.faq_item > dd { padding: 0 10px 20px 38px; }
	.faq_item > dd p { font-size: 13px; line-height: calc(24 / 13); letter-spacing: .05em; }
	.faq_item > dd ul li { padding-left: 1.2em; text-indent: -1.2em; }
	.faq_item > dt span::before,
	.faq_item > dd::before { width: 24px; height: 24px; font-size: 14px; left: 4px; }
	.faq_item > dt span::before { top: 14px; }
}