/* ========== よくある質問（faq）固有 ========== */

/* グループ（Wix: 白と薄黄を交互・内側 1066px・見出し「◉…」24px 左揃え） */
.faq-group { padding: clamp(48px, 5.5vw, 72px) 0 clamp(56px, 6vw, 88px); }
.faq-inner { width: min(1066px, calc(100% - var(--gutter) * 2)); margin: 0 auto; }
.faq-title {
  font-family: var(--font-kaku);
  font-weight: 700;
  font-size: clamp(20px, 1.8vw, 24px);
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.faq-list { margin-top: clamp(20px, 2.6vw, 32px); border-top: 1px solid #c9c9c9; }
.faq-list .acc-q { padding: 16px 12px 16px 14px; font-size: 15px; font-weight: 500; }
.faq-list .acc-q:hover { background: rgba(0, 0, 0, 0.03); }
.faq-list .acc-q > span:first-child { flex: 1 1 auto; display: flex; align-items: flex-start; }
.faq-list .acc-q .acc-icon { width: 9px; height: 9px; margin-right: 8px; }
.faq-list .acc-a p { display: flex; align-items: flex-start; padding: 2px 14px 20px 14px; }
.faq-list .acc-a p::before { content: "A."; flex: 0 0 auto; margin-right: 0.6em; font-family: var(--font-kaku); font-weight: 700; color: var(--green); }
.faq-list .acc-q > span:first-child::before { content: "Q."; flex: 0 0 auto; margin-right: 0.6em; font-family: var(--font-kaku); font-weight: 700; }

/* ---------- レスポンシブ ---------- */
@media (max-width: 760px) {
  .faq-group { padding: 40px 0 48px; }
  .faq-list .acc-q { padding: 14px 6px 14px 8px; font-size: 15px; }
  .faq-list .acc-a p { padding: 0 8px 18px 8px; }
}