@charset "utf-8";
/* ══════════════════════════════════════════════════════════════════════
   page-faq.css — よくあるご質問（/faq/）
   下層ページの器（.page:not(.ska-flush)）が上余白・中央寄せ・本文幅を持つ。
   箱で囲わず、罫線と余白でカテゴリを区切る。色は theme.css の変数のみ。
   開閉は theme.css の .acc（<details>）をそのまま使う。
   ══════════════════════════════════════════════════════════════════════ */

.faq-page{width:100%}

/* 横方向の余白は .sec-h と同じにして、見出しと本文の左端をそろえる。 */
.faq-lead,.faq-nav,.faq-sec{padding-inline:clamp(20px,3.4vw,52px)}

/* ── 導入文 ── */
.faq-lead{margin:clamp(16px,2.2vw,26px) 0 0;max-width:44em;
 font-family:var(--f-body);font-size:14px;line-height:2.1;letter-spacing:.04em;color:var(--moji)}

/* ── カテゴリへの目次（罫線であしらう） ── */
.faq-nav{margin:clamp(26px,3.4vw,42px) 0 0;display:flex;flex-wrap:wrap;gap:10px clamp(20px,3vw,40px);
 padding-top:clamp(18px,2.2vw,26px);border-top:1px solid var(--keisen)}
.faq-nav a{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;
 font-family:var(--f-disp);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--midashi);
 transition:color .4s var(--ease)}
.faq-nav a i{font-style:normal;font-size:.85em;color:var(--kogane);transition:transform .34s var(--ease)}
.faq-nav a:hover{color:var(--enji)}
.faq-nav a:hover i{transform:translateY(3px)}

/* ── カテゴリの区画 ── */
.faq-sec{margin:clamp(40px,5vw,66px) 0 0;scroll-margin-top:calc(var(--topH) + 24px)}
.faq-sec-h{margin:0 0 clamp(6px,1vw,12px);display:flex;align-items:baseline;gap:.7em;
 font-family:var(--f-disp);font-weight:600;font-size:clamp(17px,2.1vw,22px);letter-spacing:.06em;color:var(--midashi)}
.faq-sec-h::before{content:"";flex:0 0 auto;width:22px;height:1px;background:var(--kogane);transform:translateY(-.32em)}

/* アコーディオン本体は theme.css の .acc を継承。ここでは余白だけ整える。 */
.faq-sec .acc{margin-top:clamp(10px,1.4vw,16px)}
/* 回答内の外部リンク（グループサイトの規定ページ等）。 */
.acc-a .acc-more{margin:.85em 0 0}

/* ── 末尾のご予約ボタン ── */
.faq-end{margin:clamp(44px,6vw,78px) 0 0;padding-inline:clamp(20px,3.4vw,52px);display:flex}

@media (max-width:560px){
	.faq-nav{gap:8px 22px}
	.faq-nav a,.acc summary{font-size:13.5px}
}