/* よくある質問 専用。デザイン案のCSSを .page-faq の中だけに効かせています */
.page-faq h1, .page-faq h2, .page-faq h3{font-family:var(--disp);font-weight:700;line-height:1.5;text-wrap:balance;margin:0}
.page-faq .crumb{margin-left:auto;font-size:13px;color:var(--ink-soft)}
.page-faq .crumb a{text-decoration:none}
.page-faq .top{padding-top:40px;padding-bottom:0}
.page-faq .eyebrow{font-family:var(--num);font-size:11px;letter-spacing:.2em;color:var(--accent);
  text-transform:uppercase;margin-bottom:12px}
.page-faq .top h1{font-size:28px;line-height:1.55}
.page-faq .top .lead{margin-top:16px;color:var(--ink-soft);font-size:15px}
@media(min-width:900px){
.page-faq .top h1{font-size:36px}
}
.page-faq .jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.page-faq .jump a{font-size:13px;padding:8px 15px;border:1px solid var(--rule);border-radius:999px;
  text-decoration:none;background:var(--surface);white-space:nowrap;transition:border-color .2s}
.page-faq .jump a:hover{border-color:var(--accent)}
.page-faq section{padding:14px 0 54px}
.page-faq .cat{margin-top:44px;scroll-margin-top:78px}
.page-faq .cat h2{font-size:19px;display:flex;align-items:baseline;gap:10px}
.page-faq .cat h2 .n{font-family:var(--num);font-size:12px;color:var(--accent);letter-spacing:.1em}
.page-faq .cat .en{font-family:var(--num);font-size:10.5px;letter-spacing:.18em;color:var(--ink-soft);
  text-transform:uppercase;margin-top:6px}
.page-faq .faq{border-top:1px solid var(--rule);margin-top:18px}
.page-faq .faq details{border-bottom:1px solid var(--rule)}
.page-faq .faq summary{cursor:pointer;list-style:none;padding:19px 34px 19px 30px;position:relative;
  font-family:var(--disp);font-weight:500;font-size:15.5px;line-height:1.7}
.page-faq .faq summary::-webkit-details-marker{display:none}
.page-faq .faq summary::before{content:"Q";position:absolute;left:2px;top:19px;font-family:var(--num);
  font-weight:500;color:var(--accent);font-size:16px}
.page-faq .faq summary::after{content:"";position:absolute;right:6px;top:28px;width:9px;height:9px;
  border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);
  transform:rotate(45deg);transition:transform .2s}
.page-faq .faq details[open] summary::after{transform:rotate(-135deg)}
.page-faq .faq .a{padding:0 10px 23px 30px;color:var(--ink-soft);font-size:14.5px;position:relative;line-height:1.9}
.page-faq .faq .a::before{content:"A";position:absolute;left:2px;top:0;font-family:var(--num);
  color:var(--ink-soft);font-size:16px}
.page-faq .faq .a a{color:var(--accent);text-underline-offset:3px}
.page-faq .still{margin-top:56px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;
  padding:26px;text-align:center;display:grid;gap:14px;box-shadow:var(--shadow)}
.page-faq .still p{font-size:14.5px;color:var(--ink-soft)}

/* 質問ガイド（2026-09-29）。部品の見た目は guide.css（お見積りと共通） */
.page-faq .guide-box{margin-top:28px;padding:22px 18px;background:var(--surface);
  border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow)}
@media(min-width:760px){.page-faq .guide-box{padding:30px 34px}}
.page-faq .guide-box .srs-panel{background:var(--ground)}
.page-faq .guide-box .srs-title{margin-bottom:.8em}
.page-faq .fg-answer{font-size:14.5px;line-height:1.9;color:var(--ink-soft);margin:6px 0 18px}
.page-faq .fg-answer strong{color:var(--ink);font-weight:500}
.page-faq .fg-answer a{color:var(--accent);text-underline-offset:3px}
.page-faq .fg-sub{margin-top:4px}
.page-faq .fg-answercts{margin-top:20px}
.page-faq .list-head{margin-top:40px;font-family:var(--disp);font-weight:700;font-size:15px}