/* Fix6（2026-10-14、Owner 指示 v03 A03）：FAQ 専用ページ /faq/（page-faq.php、inc/hal-faq-page.php）。faq01.css・sub-ground.css・fix4-lower.css の後。
   ページの形は既存の下層の値：白地、上の余白は固定ヘッダーの高さ（PC 77px・モバイル 61px）、パンくず・FAQ の小見出し・H1・導入の大きさと書体は
   調査項目一覧（/services/）と同じ、本文の幅は FAQs 01 の 768px、導入はブロック中央・行は左揃え（G01）、相談の箱は黒枠（G02 と同じ 1px）。
   9 分類と各分類の下のリンクは Interactive Hover Button（fix4-buttons.css）。390px でも折り返して名前を切らない。
   分類の見出し（FAQs 01 の見出し）は固定ヘッダーとバッジ「FAQ」が隠れない位置へ着地する（scroll-margin-top は faq01.css）。 */
.hal-lp.hal-faqp{background:#fff;color:#1b1813}
.hal-lp.hal-faqp .hal-faqp-main{padding-top:77px}
.hal-lp.hal-faqp .hal-faqp-inner{box-sizing:border-box;width:min(calc(100% - 48px),1040px);margin-inline:auto}
.hal-lp.hal-faqp .hal-faqp-crumb{padding:18px 0 0;font-size:12px;line-height:1.6;color:#6b6356}
.hal-lp.hal-faqp .hal-faqp-crumb a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.hal-lp.hal-faqp .hal-faqp-crumb [aria-hidden="true"]{margin:0 .6em}
.hal-lp.hal-faqp .hal-faqp-hero{padding:44px 0 16px;text-align:center}
.hal-lp.hal-faqp .hal-faqp-kicker{margin:0;font-family:var(--hal-mono,'Space Mono',monospace);font-size:11px;letter-spacing:.28em;color:var(--hal-gold,#9c8456)}
html body .hal-lp.hal-faqp .hal-faqp-title{margin:14px 0 0;padding:0;border:0;background:none;font-family:var(--hal-serif,'Zen Old Mincho',serif);font-size:clamp(28px,2.8vw,38px);font-weight:600;line-height:1.5;letter-spacing:.04em;color:var(--hal-sumi,#23211d)}
html body .hal-lp.hal-faqp .hal-faqp-lead{width:fit-content;max-width:100%;margin:12px auto 0;font-family:var(--hal-serif,'Zen Old Mincho',serif);font-size:clamp(15px,1.35vw,18px);line-height:1.9;letter-spacing:.04em;text-align:left;color:var(--hal-body,#5c574e)}
.hal-lp.hal-faqp .hal-faqp-cats{max-width:880px;margin:28px auto 0}
.hal-lp.hal-faqp .hal-faqp-cats__list,.hal-lp.hal-faqp .hal-faqp-more__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.hal-lp.hal-faqp :is(.hal-faqp-cats__item,.hal-faqp-more__item){max-width:100%;margin:0;padding:0;list-style:none}
.hal-lp.hal-faqp :is(.hal-faqp-cats__item,.hal-faqp-more__item)::marker{content:''}
html body .hal-lp.hal-faqp .hal-ihb:is(.hal-faqp-cats__link,.hal-faqp-more__link){font-size:14px;white-space:normal}
/* 分類ごとの FAQs 01：上下の余白を詰め、分類の間に罫線（FAQs 01 の罫線の色） */
html body .hal-lp.hal-faqp .hal-faq1{padding:56px 0 24px}
.hal-lp.hal-faqp .hal-faqp-cat+.hal-faqp-cat{border-top:1px solid #e5e5e5}
.hal-lp.hal-faqp .hal-faqp-more{padding:0 0 56px}
.hal-lp.hal-faqp .hal-faqp-more .hal-faqp-inner{max-width:768px}
/* 相談の入口（1 か所）：既存の相談の箱、外枠は黒 */
.hal-lp.hal-faqp .hal-faqp-cta{padding:24px 0 96px;border-top:1px solid #e5e5e5}
.hal-lp.hal-faqp .hal-faqp-cta .hal-faqp-inner{max-width:880px;padding-top:40px}
html body .hal-lp.hal-faqp .hal-faqp-cta .hal-sub3-cta__box:not(#hal-f4-a):not(#hal-f4-b){border-color:#000}
@media (max-width:767.98px){
  .hal-lp.hal-faqp .hal-faqp-main{padding-top:61px}
  .hal-lp.hal-faqp .hal-faqp-inner{width:calc(100% - 32px)}
  .hal-lp.hal-faqp .hal-faqp-hero{padding:32px 0 8px}
  .hal-lp.hal-faqp .hal-faqp-cats{margin-top:20px}
  .hal-lp.hal-faqp .hal-faqp-cats__list,.hal-lp.hal-faqp .hal-faqp-more__list{gap:8px}
  html body .hal-lp.hal-faqp .hal-faq1{padding:32px 0 16px}
  .hal-lp.hal-faqp .hal-faqp-more{padding-bottom:36px}
  .hal-lp.hal-faqp .hal-faqp-cta{padding:8px 0 72px}
  .hal-lp.hal-faqp .hal-faqp-cta .hal-faqp-inner{padding-top:28px}
}