/* faq.html のページ内 <style> 3ブロックを結合（design版の出現順を保持）
   2026-09-17 再生成: 旧スクリプトがHTMLコメント内の文字列をタグと誤認し、
   コメントの残骸をCSSへ混入させていたため作り直した。 */
/* [20260821cj] ディレクター指示（2026-08-24）⑤「ページ内CSSの効かない指定は修正して」。
   読み込み順が biz-base → biz-nav → **このページ内<style>** → biz-c1-dark なので、
   同じセレクタ・同じプロパティを biz-c1-dark.css が後から宣言している箇所は、
   ここに何を書いても反映されない。実ブラウザで「この<style>を無効化しても計算値が
   変わらない宣言＝死んでいる」を機械判定し、**105宣言中38を撤去**した（見た目は不変）。
   撤去した主なもの（ページ内の記述 → 実際の表示）:
     .faq-cat__h  font-size 20px → 40px ／ line-height 1.5 → 1.55
     .faq-q       font-size 15px → 20px ／ line-height 1.7 → 1.7(34px)
     .faq-ind-chip font-size 10px → 12px
     .faq-a       max-width 760px → 720px
     .faq-a .txt  font-size 14px → 16px
     .faq-a__cta  font-size 13px → 14px
     .faq-tab / .faq-indbar label / select の級数・色・境界線
     @media(min-width:768px) の .faq-cat__h 26px / .faq-q 16px（2宣言とも無効）
   **この4種の級数・色をいじるときは biz-c1-dark.css 側を編集すること。**
   ここに残っているのは「共有CSSに無い＝実際に効いている」指定だけ。 */
.faq-tools{position:sticky;top:60px;z-index:80;padding:var(--sp-2) 0;}
.faq-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.faq-tab{flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;padding:7px 14px;white-space:nowrap;transition:all .18s;}
.faq-indbar{display:flex;align-items:center;gap:10px;margin-top:10px;}
.faq-indbar select{padding:8px 12px;}
/* 20260810d QA対応: 見出しまわりにマージン増・日本語見出しの下に英字サブ（改行）・数量表記削除 */
/* [20260821ch] カテゴリの上罫線は撤去（指定は biz-c1-dark.css 側に集約）。 */
.faq-cat{scroll-margin-top:130px;padding:var(--sp-5) 0;}
.faq-cat__h{margin-bottom:var(--sp-3);}
/* [20260821cf] ディレクター指示（2026-08-24）＝カテゴリ見出しの英字ラベルを biz標準へ。
   旧＝h2の中に <span class="faq-cat__id"> で英字を抱えていた（faq.html だけの独自形）。
   新＝consultation.html / contact.html / home.html と同じ **`.eyebrow` を見出しの上に独立して置く**形。
   `biz-c1-dark.css` に `.eyebrow + h2{margin-top:0}`（二層ラベル直後の和文見出しを詰める）が
   既に用意されているため、ラベルと見出しの間隔もbiz標準どおりになる。
   `.faq-cat__id` はこのページでしか使っておらず、置換で参照0になったため当ページのCSSからは撤去。
   （`biz-c1-dark.css` 側の `.faq-cat__id` 指定は共有CSSのため本ラウンドでは触らない＝将来の掃除対象）
   ※JSからの参照が無いことを検索で確認済み。見出しの揃え（左）は指示外のため変更していない。 */
.faq-q{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:transparent;border:none;cursor:pointer;font-family:inherit;}
.faq-q__txt{flex:1;}
.faq-q__ic{flex:0 0 auto;width:16px;height:16px;position:relative;margin-top:4px;}
.faq-q__ic::before,.faq-q__ic::after{content:"";position:absolute;background:var(--c-accent);transition:transform .25s;}
.faq-q__ic::before{left:0;top:7px;width:16px;height:2px;}
.faq-q__ic::after{left:7px;top:0;width:2px;height:16px;}
.faq-q[aria-expanded="true"] .faq-q__ic::after{transform:scaleY(0);}
.faq-item__inds{display:inline-flex;gap:4px;margin-left:4px;}
.faq-ind-chip{border:1px solid var(--c-accent);border-radius:2px;padding:0 6px;white-space:nowrap;}
.faq-a{padding:0 0 var(--sp-3) 0;}
.faq-a .txt + .txt{margin-top:var(--sp-2);}
.faq-a__cta{display:inline-block;margin-top:var(--sp-2);text-decoration:none;padding-bottom:2px;}

/* 段落ち対策（QA biz-faq-02「い。」段落ち）: .page-hero__lead の最終行が2字になる。文言は不変。
   方針（2026-08-19ディレクター指示）＝**段落ちの箇所だけを直す**。
   それ以外の行は従来どおり幅いっぱいまで文字を詰める。
   - `word-break:auto-phrase`／`text-wrap:balance` は不使用（全行の改行位置が動くため）。
   - 採用＝`text-wrap-style:pretty`。最終行だけを調整し、他行は素と同一に保つ。
   実測（要素幅を240〜780pxまで掃引）:
     素 …… 310/430/540/710〜780px の11通りで「…ご覧くださ／い。」が発生（**実幅720pxを含む**）
     pretty  同区間すべてで解消（「…ご覧くだ／さい。」の3字）
   ※この要素は子に <span class="dash-run">（ダーシ連結）を持つため、当初の監査で
     「インライン子を持つ要素」を丸ごと除外しており取りこぼしていた。
     以降はブロック要素の有無だけで判定する（span/a/strong は許容）。 */
.section p,.section li,.section dd,.section dt,
.section h3,.section h4,.section figcaption,
.page-hero__lead,.faq-q,.faq-a,.faq-cat__lead{text-wrap-style:pretty;}

** → biz-c1-dark なので、
   同じセレクタ・同じプロパティを biz-c1-dark.css が後から宣言している箇所は、
   ここに何を書いても反映されない。実ブラウザで「この<style>を無効化しても計算値が
   変わらない宣言＝死んでいる」を機械判定し、**105宣言中38を撤去**した（見た目は不変）。
   撤去した主なもの（ページ内の記述 → 実際の表示）:
     .faq-cat__h  font-size 20px → 40px ／ line-height 1.5 → 1.55
     .faq-q       font-size 15px → 20px ／ line-height 1.7 → 1.7(34px)
     .faq-ind-chip font-size 10px → 12px
     .faq-a       max-width 760px → 720px
     .faq-a .txt  font-size 14px → 16px
     .faq-a__cta  font-size 13px → 14px
     .faq-tab / .faq-indbar label / select の級数・色・境界線
     @media(min-width:768px) の .faq-cat__h 26px / .faq-q 16px（2宣言とも無効）
   **この4種の級数・色をいじるときは biz-c1-dark.css 側を編集すること。**
   ここに残っているのは「共有CSSに無い＝実際に効いている」指定だけ。 */
.faq-tools{position:sticky;top:60px;z-index:80;padding:var(--sp-2) 0;}
.faq-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.faq-tab{flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;padding:7px 14px;white-space:nowrap;transition:all .18s;}
.faq-indbar{display:flex;align-items:center;gap:10px;margin-top:10px;}
.faq-indbar select{padding:8px 12px;}
/* 20260810d QA対応: 見出しまわりにマージン増・日本語見出しの下に英字サブ（改行）・数量表記削除 */
/* [20260821ch] カテゴリの上罫線は撤去（指定は biz-c1-dark.css 側に集約）。 */
.faq-cat{scroll-margin-top:130px;padding:var(--sp-5) 0;}
.faq-cat__h{margin-bottom:var(--sp-3);}
/* [20260821cf] ディレクター指示（2026-08-24）＝カテゴリ見出しの英字ラベルを biz標準へ。
   旧＝h2の中に <span class="faq-cat__id"> で英字を抱えていた（faq.html だけの独自形）。
   新＝consultation.html / contact.html / home.html と同じ **`.eyebrow` を見出しの上に独立して置く**形。
   `biz-c1-dark.css` に `.eyebrow + h2{margin-top:0}`（二層ラベル直後の和文見出しを詰める）が
   既に用意されているため、ラベルと見出しの間隔もbiz標準どおりになる。
   `.faq-cat__id` はこのページでしか使っておらず、置換で参照0になったため当ページのCSSからは撤去。
   （`biz-c1-dark.css` 側の `.faq-cat__id` 指定は共有CSSのため本ラウンドでは触らない＝将来の掃除対象）
   ※JSからの参照が無いことを検索で確認済み。見出しの揃え（左）は指示外のため変更していない。 */
.faq-q{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:transparent;border:none;cursor:pointer;font-family:inherit;}
.faq-q__txt{flex:1;}
.faq-q__ic{flex:0 0 auto;width:16px;height:16px;position:relative;margin-top:4px;}
.faq-q__ic::before,.faq-q__ic::after{content:"";position:absolute;background:var(--c-accent);transition:transform .25s;}
.faq-q__ic::before{left:0;top:7px;width:16px;height:2px;}
.faq-q__ic::after{left:7px;top:0;width:2px;height:16px;}
.faq-q[aria-expanded="true"] .faq-q__ic::after{transform:scaleY(0);}
.faq-item__inds{display:inline-flex;gap:4px;margin-left:4px;}
.faq-ind-chip{border:1px solid var(--c-accent);border-radius:2px;padding:0 6px;white-space:nowrap;}
.faq-a{padding:0 0 var(--sp-3) 0;}
.faq-a .txt + .txt{margin-top:var(--sp-2);}
.faq-a__cta{display:inline-block;margin-top:var(--sp-2);text-decoration:none;padding-bottom:2px;}

/* 段落ち対策（QA biz-faq-02「い。」段落ち）: .page-hero__lead の最終行が2字になる。文言は不変。
   方針（2026-08-19ディレクター指示）＝**段落ちの箇所だけを直す**。
   それ以外の行は従来どおり幅いっぱいまで文字を詰める。
   - `word-break:auto-phrase`／`text-wrap:balance` は不使用（全行の改行位置が動くため）。
   - 採用＝`text-wrap-style:pretty`。最終行だけを調整し、他行は素と同一に保つ。
   実測（要素幅を240〜780pxまで掃引）:
     素 …… 310/430/540/710〜780px の11通りで「…ご覧くださ／い。」が発生（**実幅720pxを含む**）
     pretty  同区間すべてで解消（「…ご覧くだ／さい。」の3字）
   ※この要素は子に <span class="dash-run">（ダーシ連結）を持つため、当初の監査で
     「インライン子を持つ要素」を丸ごと除外しており取りこぼしていた。
     以降はブロック要素の有無だけで判定する（span/a/strong は許容）。 */
.section p,.section li,.section dd,.section dt,
.section h3,.section h4,.section figcaption,
.page-hero__lead,.faq-q,.faq-a,.faq-cat__lead{text-wrap-style:pretty;}

を無効化しても計算値が
   変わらない宣言＝死んでいる」を機械判定し、**105宣言中38を撤去**した（見た目は不変）。
   撤去した主なもの（ページ内の記述 → 実際の表示）:
     .faq-cat__h  font-size 20px → 40px ／ line-height 1.5 → 1.55
     .faq-q       font-size 15px → 20px ／ line-height 1.7 → 1.7(34px)
     .faq-ind-chip font-size 10px → 12px
     .faq-a       max-width 760px → 720px
     .faq-a .txt  font-size 14px → 16px
     .faq-a__cta  font-size 13px → 14px
     .faq-tab / .faq-indbar label / select の級数・色・境界線
     @media(min-width:768px) の .faq-cat__h 26px / .faq-q 16px（2宣言とも無効）
   **この4種の級数・色をいじるときは biz-c1-dark.css 側を編集すること。**
   ここに残っているのは「共有CSSに無い＝実際に効いている」指定だけ。 */
.faq-tools{position:sticky;top:60px;z-index:80;padding:var(--sp-2) 0;}
.faq-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.faq-tab{flex:0 0 auto;border:1px solid var(--c-line);border-radius:999px;padding:7px 14px;white-space:nowrap;transition:all .18s;}
.faq-indbar{display:flex;align-items:center;gap:10px;margin-top:10px;}
.faq-indbar select{padding:8px 12px;}
/* 20260810d QA対応: 見出しまわりにマージン増・日本語見出しの下に英字サブ（改行）・数量表記削除 */
/* [20260821ch] カテゴリの上罫線は撤去（指定は biz-c1-dark.css 側に集約）。 */
.faq-cat{scroll-margin-top:130px;padding:var(--sp-5) 0;}
.faq-cat__h{margin-bottom:var(--sp-3);}
/* [20260821cf] ディレクター指示（2026-08-24）＝カテゴリ見出しの英字ラベルを biz標準へ。
   旧＝h2の中に <span class="faq-cat__id"> で英字を抱えていた（faq.html だけの独自形）。
   新＝consultation.html / contact.html / home.html と同じ **`.eyebrow` を見出しの上に独立して置く**形。
   `biz-c1-dark.css` に `.eyebrow + h2{margin-top:0}`（二層ラベル直後の和文見出しを詰める）が
   既に用意されているため、ラベルと見出しの間隔もbiz標準どおりになる。
   `.faq-cat__id` はこのページでしか使っておらず、置換で参照0になったため当ページのCSSからは撤去。
   （`biz-c1-dark.css` 側の `.faq-cat__id` 指定は共有CSSのため本ラウンドでは触らない＝将来の掃除対象）
   ※JSからの参照が無いことを検索で確認済み。見出しの揃え（左）は指示外のため変更していない。 */
.faq-q{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:transparent;border:none;cursor:pointer;font-family:inherit;}
.faq-q__txt{flex:1;}
.faq-q__ic{flex:0 0 auto;width:16px;height:16px;position:relative;margin-top:4px;}
.faq-q__ic::before,.faq-q__ic::after{content:"";position:absolute;background:var(--c-accent);transition:transform .25s;}
.faq-q__ic::before{left:0;top:7px;width:16px;height:2px;}
.faq-q__ic::after{left:7px;top:0;width:2px;height:16px;}
.faq-q[aria-expanded="true"] .faq-q__ic::after{transform:scaleY(0);}
.faq-item__inds{display:inline-flex;gap:4px;margin-left:4px;}
.faq-ind-chip{border:1px solid var(--c-accent);border-radius:2px;padding:0 6px;white-space:nowrap;}
.faq-a{padding:0 0 var(--sp-3) 0;}
.faq-a .txt + .txt{margin-top:var(--sp-2);}
.faq-a__cta{display:inline-block;margin-top:var(--sp-2);text-decoration:none;padding-bottom:2px;}

/* 段落ち対策（QA biz-faq-02「い。」段落ち）: .page-hero__lead の最終行が2字になる。文言は不変。
   方針（2026-08-19ディレクター指示）＝**段落ちの箇所だけを直す**。
   それ以外の行は従来どおり幅いっぱいまで文字を詰める。
   - `word-break:auto-phrase`／`text-wrap:balance` は不使用（全行の改行位置が動くため）。
   - 採用＝`text-wrap-style:pretty`。最終行だけを調整し、他行は素と同一に保つ。
   実測（要素幅を240〜780pxまで掃引）:
     素 …… 310/430/540/710〜780px の11通りで「…ご覧くださ／い。」が発生（**実幅720pxを含む**）
     pretty  同区間すべてで解消（「…ご覧くだ／さい。」の3字）
   ※この要素は子に <span class="dash-run">（ダーシ連結）を持つため、当初の監査で
     「インライン子を持つ要素」を丸ごと除外しており取りこぼしていた。
     以降はブロック要素の有無だけで判定する（span/a/strong は許容）。 */
.section p,.section li,.section dd,.section dt,
.section h3,.section h4,.section figcaption,
.page-hero__lead,.faq-q,.faq-a,.faq-cat__lead{text-wrap-style:pretty;}

/* 20261020q 共通の絞り込み（.bz-filter）へ移行：旧 .faq-tabs／.faq-indbar の並べ方は使わない。下の中身まで 40px（sticky の帯の下余白 16px＋24px） */
.faq-tools .bz-filter{margin:0;}
.faq-tools{margin-bottom:var(--sp-3);}
.faq-tools .faq-tabs{overflow-x:auto;padding-bottom:2px;}
/* 20261020r 区切り線を他の絞り込みページ（施工事例・お知らせ・イベント）とそろえる：
   冒頭の下の線 → 64px → 絞り込み → 中身。絞り込みの帯の下の線はなし（帯の上余白 16px の分を引いて 48px） */
.page-hero-intro + .faq-tools{margin-top:calc(var(--sp-5) - var(--sp-2));}
.faq-tools.wrap{border-bottom:0;}
.faq-tools + * .faq-cat:first-child,.faq-tools + .faq-cat{padding-top:0;}