/* =====================================================================
   コベドー塾 よくある質問ページ専用CSS（faq/index.html だけが読む。common.css の後）
   話題への飛び先、話題ごとの区画、質問＋答えの開閉（.qa-list の本体は common.css）
   ===================================================================== */

/* ---------- 話題への飛び先（ページ見出しの下） ---------- */
.topics{margin-top:22px;list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 12px}
.topics a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px;border:2px solid var(--ai);border-radius:999px;background:var(--paper);color:var(--ai);text-decoration:none;font-weight:700;font-size:16px}
.topics a:hover{background:var(--shiraai)}
.topics a .pict{width:30px;flex:none;stroke-width:7}

/* ---------- 話題ごとの区画：見出しの横に小さなピクト ---------- */
.faq-sec{padding:56px 0}
.faq-sec .q{display:inline-block;max-width:100%}
.faq-sec .q .pict{width:54px;stroke-width:6;display:inline-block;vertical-align:middle;margin-right:14px}
.faq-sec .qa-list{margin-top:18px;max-width:900px}
.faq-sec .qa-list summary{font-size:20px;padding:15px 0}
.faq-sec .qa-list .a{font-size:17px;color:var(--ink)}
.faq-sec .qa-list .a a{font-weight:700}
.faq-sec .more-link{margin-top:30px}

/* ---------- 画面幅 ---------- */
@media (max-width:640px){
  .topics a{font-size:15px;padding:6px 12px}
  .faq-sec{padding:40px 0}
  .faq-sec .q .pict{width:40px;margin-right:10px}
  .faq-sec .qa-list summary{font-size:18px;padding:13px 0}
  .faq-sec .qa-list .a{font-size:16px}
}