/* ===== page-hojokin.css ｜ 補助金サポート（Figma 14677:59454「PC-補助金サポート」1440×7023 を実測して組み直し 2026-09-15） =====
   構成: FV（紺＋診断フォーム）→ 診断結果（診断後のみ表示。14677:60271「診断結果なし」が初期状態）→ 対応している補助金 → 申請から導入の流れ → ミズタの支援範囲 → CTA → 共通フッター
   デザイン言語: 色/書体トークンは base.css。英小見出し（Lato 600 16px＋菱形アイコン）＋和見出し40px 700 のペア、共通ボタン(.btn)、コンテンツ幅1200中央（--pad-side）。
   クラスはすべて hk- 接頭辞（TOPの .hojokin__* と衝突させない）。 */

/* --- 共通: セクション見出し（Figma Title コンポーネント 16050:7356。アイコン17×10＋Lato 600 16px lh16 / gap12 / 和見出し 40px 700 lh64 ls1.6）--- */
.hk-head{display:flex;flex-direction:column;align-items:center;gap:24px;width:604px;max-width:100%;margin-inline:auto;text-align:center}
.hk-title{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.hk-title__en{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-en);font-weight:600;font-size:16px;line-height:1;white-space:nowrap;font-feature-settings:normal}
.hk-title__en img{width:17px;height:10px;flex:none}
.hk-title__jp{font-size:40px;font-weight:700;line-height:64px;letter-spacing:1.6px;white-space:nowrap}
.hk-head__lead{width:100%;font-size:var(--fs-body-m);font-weight:500;line-height:25.6px;letter-spacing:.16px}
.hk-pc{display:inline}.hk-sp{display:none}

/* --- 共通: 橙グラデボタン（Figma button 14179:2477 系。400×84 / pl32 pr24 py25 / gap40 / r5 / 文字20px 500 lh32 / アイコン34 紺）--- */
.hk-btn-grad{display:flex;align-items:center;gap:40px;width:400px;max-width:100%;padding:25px 24px 25px 32px;border-radius:var(--r-m);background:linear-gradient(101.9deg,#ff7100 0%,#ff8601 34%,#ffa800 75%,#f6af00 100%);color:var(--c-inverse);transition:opacity .35s var(--ease-out-quint,ease)}
.hk-btn-grad__label{display:flex;align-items:center;flex:1 0 0;min-width:0;padding-bottom:1px;font-size:20px;font-weight:500;line-height:32px;letter-spacing:.2px;white-space:nowrap}
.hk-btn-grad__icon{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:10px;background:var(--c-main);border-radius:3px}
.hk-btn-grad__icon svg{width:14px;height:14px;flex:none;max-width:none}
.hk-btn-grad__icon .ic-bar{fill:#b4e7ff}
.hk-btn-grad__icon .ic-chev{fill:none;stroke:#fff;stroke-width:1.5}
@media (hover:hover){.hk-btn-grad:hover{opacity:.85}}
.hk-btn-grad:focus-visible{outline:2px solid var(--c-main2);outline-offset:3px}

/* ===== FV（14677:59455）1440×800 =====
   塗り: 紺 #1549a0 に同色 HARD_LIGHT（合成結果 #032ab8）→ 写真 hojokin_bg.jpg を LINEAR_BURN 40%（CSSは multiply で近似）→ 左1177pxに #01a0ea MULTIPLY の矩形
   ヘッダー80pxは固定なので、コンテンツはページ上端から144pxの位置（Figma実測）に置く */
.hk-fv{position:relative;display:flex;align-items:center;width:100%;min-height:800px;padding:144px 30px 59px;overflow:hidden;background:#032ab8;color:var(--c-inverse)}
.hk-fv__bg{position:absolute;inset:0;pointer-events:none}
.hk-fv__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.4;mix-blend-mode:multiply;max-width:none}
.hk-fv__bg::after{content:"";position:absolute;left:0;top:0;width:1177px;max-width:100%;height:100%;background:var(--c-main2);mix-blend-mode:multiply}
.hk-fv__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:64px;width:min(1160px,100%);margin-inline:auto}
.hk-fv__main{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 616px;min-width:0;max-width:616px}
/* タイトル: 白箱「補助金活用」272×74（px16 pt4 pb8 / 48px 600 lh62.4 紺）＋「で、」白 → 2行目 48px 600 lh67.2 */
.hk-fv__title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:600;font-size:48px;line-height:67.2px;letter-spacing:0}
.hk-fv__title-row{display:flex;align-items:center;gap:8px;white-space:nowrap}
.hk-fv__mark{display:inline-block;padding:4px 16px 8px;background:var(--c-base);line-height:62.4px;color:var(--c-main)}
.hk-fv__de{line-height:62.4px}
.hk-fv__title-text{display:block;width:560px;max-width:100%}
.hk-fv__lead{margin-top:20px;font-size:var(--fs-body-m);font-weight:500;line-height:32px;letter-spacing:.16px}
.hk-fv__note{margin-top:16px;font-size:12px;font-weight:400;line-height:19.2px;letter-spacing:.12px;color:var(--c-base2)}
.hk-fv .hk-btn-grad{margin-top:40px}

/* ---- かんたん補助金診断カード（14677:59472）480×597 / base3 / r5 / pt24 px30 pb32 / gap32 ---- */
.hk-quiz{flex:none;width:480px;max-width:100%;padding:24px 30px 32px;background:var(--c-base3);border-radius:var(--r-m);color:var(--c-text)}
.hk-quiz__form{display:flex;flex-direction:column;align-items:center;width:100%}
.hk-quiz__head{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}
.hk-quiz__catch{font-size:18px;font-weight:500;line-height:28.8px;letter-spacing:.18px;color:#0f2a4f}
.hk-quiz__title{margin-top:-16px;font-size:24px;font-weight:500;line-height:38.4px;letter-spacing:.24px;color:var(--c-main)}   /* catch と title は gap 0（Frame 1321317975）*/
.hk-quiz__lead{font-size:var(--fs-body-s);font-weight:400;line-height:22.4px;letter-spacing:.14px}
.hk-quiz__fields{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:24px}
.hk-quiz__q{display:flex;flex-direction:column;gap:5px;width:100%}
.hk-quiz__label{display:flex;align-items:flex-start;gap:8px;font-weight:500;white-space:nowrap;cursor:pointer}
.hk-quiz__num{font-size:18px;line-height:28.8px;letter-spacing:.18px;color:var(--c-main2)}
.hk-quiz__label-text{font-size:var(--fs-body-m);line-height:32px;letter-spacing:.48px}
/* プルダウン: 本物の <select>（appearance:none で標準矢印を消し、右16pxに ic_chevron.svg を重ねる）。枠 50px / pl20 / border #c2cde0 / r3 */
.hk-quiz__select{position:relative;width:100%}
.hk-quiz__input{display:block;width:100%;height:50px;padding:0 44px 0 20px;background:var(--c-base);border:1px solid var(--c-border);border-radius:var(--r-s);font-family:inherit;font-size:var(--fs-body-m);font-weight:400;line-height:48px;letter-spacing:.16px;font-feature-settings:"palt";color:var(--c-text);white-space:nowrap;appearance:none;-webkit-appearance:none;cursor:pointer}
.hk-quiz__input:focus-visible{outline:2px solid var(--c-main2);outline-offset:2px}
.hk-quiz__chev{position:absolute;right:16px;top:50%;width:12px;height:15px;transform:translateY(-50%);pointer-events:none}
.hk-quiz__note{margin-top:16px;font-size:12px;font-weight:400;line-height:19.2px;letter-spacing:.12px;color:var(--c-gray);text-align:center}
.hk-quiz__error{margin-top:12px;font-size:var(--fs-body-s);font-weight:500;line-height:1.6;color:var(--c-accent);text-align:center}
.hk-quiz__error[hidden]{display:none}
/* 診断ボタン（14677:59485）223×60 / bg #01a0ea / 矢印は下向き */
.hk-quiz__submit{margin-top:32px;background:var(--c-main2);border-color:var(--c-main2)}
.hk-quiz__submit:focus-visible{outline:2px solid var(--c-main);outline-offset:3px}

/* ===== 診断結果（14677:59486）1440×1252 / base3 / pt120 pb100 / gap56 ===== */
.hk-result{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;padding:120px var(--pad-side) 100px;background:var(--c-base3)}
.hk-result[hidden]{display:none}
.hk-result:focus{outline:none}
.hk-result__head{display:flex;flex-direction:column;align-items:center;gap:24px;width:734px;max-width:100%;text-align:center}
.hk-result__title{font-size:32px;font-weight:700;line-height:41.6px;letter-spacing:1.28px;color:var(--c-main)}
.hk-result__lead{font-size:var(--fs-body-m);font-weight:400;line-height:25.6px;letter-spacing:.16px}
.hk-result__body{display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:1200px}
.hk-result__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%}
/* 結果カード（14650:62286）580 / 白 / r5 / p32 / gap24 */
.hk-rcard{display:flex;flex-direction:column;gap:24px;padding:32px;background:var(--c-base);border-radius:var(--r-m)}
.hk-rcard__name{padding-bottom:16px;border-bottom:1px solid var(--c-border2);font-size:24px;font-weight:500;line-height:38.4px;letter-spacing:.24px}
.hk-rcard__specs{display:flex;flex-direction:column;gap:16px;margin-top:-8px}   /* 見出し→仕様は gap16（カード gap24 との差分） */
.hk-rcard__spec{display:flex;flex-direction:column;gap:4px}
.hk-rcard__spec-label{display:flex;align-items:center;gap:8px;font-size:var(--fs-body-s);font-weight:500;line-height:22.4px;letter-spacing:.14px;color:var(--c-main)}
.hk-rcard__spec-label::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:var(--c-main)}
.hk-rcard__spec-val{font-size:var(--fs-body-m);font-weight:500;line-height:25.6px;letter-spacing:.16px}
.hk-rcard__desc{font-size:var(--fs-body-s);font-weight:400;line-height:22.4px;letter-spacing:.14px}
/* 公式サイトへのリンクボタン（button-map 14326:13852）246×48 / base3 / border #c2cde0 / r5 / pl20 pr8 py6 / gap40 / 外部リンク矢印 */
.hk-linkbtn{display:inline-flex;align-items:center;gap:40px;margin-top:40px;padding:6px 8px 6px 20px;background:var(--c-base3);border:1px solid var(--c-border);border-radius:var(--r-m);color:var(--c-main);transition:background-color .35s var(--ease-out-quint,ease)}
.hk-linkbtn__label{padding-bottom:1px;font-size:15px;font-weight:500;line-height:18px;letter-spacing:.15px;white-space:nowrap}
.hk-linkbtn__icon{display:block;width:34px;height:34px;flex:none}
@media (hover:hover){.hk-linkbtn:hover{background:#e3f4fd}}
.hk-linkbtn:focus-visible{outline:2px solid var(--c-main2);outline-offset:3px}

/* --- 注意事項（Frame 1321319153）821px中央 / 見出し20px 500 紺 pb8 下線 / gap16 / 箇条書き 16px lh25.6 gap8 --- */
.hk-notes{display:flex;flex-direction:column;gap:16px;width:821px;max-width:100%}
.hk-notes__head{padding-bottom:8px;border-bottom:1px solid var(--c-border);font-size:var(--fs-h5);font-weight:500;line-height:32px;letter-spacing:.2px;color:var(--c-main)}
.hk-notes__list{display:flex;flex-direction:column;gap:8px;width:100%}
.hk-notes__list li{position:relative;padding-left:26px;font-size:var(--fs-body-m);font-weight:400;line-height:25.6px;letter-spacing:.16px}
.hk-notes__list li::before{content:"•";position:absolute;left:8px;top:0}

/* ===== 対応している補助金（14677:59503）1440×2095 / 白 / pt100 pb80 / gap64 ===== */
.hk-subs{display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;padding:100px var(--pad-side) 80px;background:var(--c-base)}
.hk-subs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;max-width:1200px}
/* 制度カード（List Item）584 / p40 / gap24 / border #c2cde0 / r10。4枚目は base2 */
.hk-card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:40px;background:var(--c-base);border:1px solid var(--c-border);border-radius:10px}
.hk-card--local{background:var(--c-base2)}
.hk-card__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.hk-card__badge{display:inline-flex;align-items:center;padding:4px 12px;background:var(--c-main);border-radius:var(--r-s);font-size:12px;font-weight:500;line-height:19.2px;letter-spacing:.12px;color:var(--c-inverse);white-space:nowrap}
.hk-card__badge--local{background:var(--c-main2)}
.hk-card__title{width:100%;font-size:24px;font-weight:700;line-height:38.4px;letter-spacing:.24px;color:var(--c-main)}
.hk-card__pickup{display:flex;align-items:center;gap:8px;font-size:var(--fs-body-s);font-weight:500;line-height:22.4px;letter-spacing:.14px;color:var(--c-main2)}
.hk-card__pickup::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:var(--c-main2)}
/* 仕様（Definition List）: 上下罫 #cdcdcd / 行 py12 gap20 / dt 84px 14px 500 灰 / dd 16px 500 lh28.8 ＋ 補足 14px 400 灰 lh25.2 */
.hk-card__spec{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--c-border2)}
.hk-card__row{display:flex;align-items:flex-start;gap:20px;padding:12px 0;border-bottom:1px solid var(--c-border2)}
.hk-card__row dt{flex:none;width:84px;font-size:var(--fs-body-s);font-weight:500;line-height:25.2px;letter-spacing:.14px;color:var(--c-gray)}
.hk-card__row dd{display:flex;flex-direction:column;flex:1 0 0;min-width:0}
.hk-card__val{font-size:var(--fs-body-m);font-weight:500;line-height:28.8px;letter-spacing:.16px}
.hk-card__val--closed{font-weight:700;color:var(--c-accent)}
.hk-card__sub{margin-top:3.5px;font-size:var(--fs-body-s);font-weight:400;line-height:25.2px;letter-spacing:.16px;color:var(--c-gray)}
.hk-card__desc{width:100%;font-size:var(--fs-body-m);font-weight:400;line-height:32px;letter-spacing:.16px}
/* リンク（Link:align）: カード下端に揃える（Figmaは同じ行のカード高さに合わせて配置。本文が長いカードは本文との間隔が詰まる） */
.hk-card__link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-bottom:2px;border-bottom:1px solid var(--c-main);font-size:var(--fs-body-s);font-weight:500;line-height:22.4px;letter-spacing:.14px;color:var(--c-main);white-space:nowrap;transition:opacity .35s var(--ease-out-quint,ease)}
.hk-card__desc + .hk-card__link{margin-top:auto}
.hk-card__link-icon{width:14px;height:14px;flex:none}
.hk-card__link-icon .ic-bar{fill:var(--c-main2)}
.hk-card__link-icon .ic-chev{fill:none;stroke:var(--c-main);stroke-width:1}
@media (hover:hover){.hk-card__link:hover{opacity:.7}}
.hk-card__link:focus-visible{outline:2px solid var(--c-main2);outline-offset:3px}

/* ===== 申請から導入の流れ（14677:59654）1440×612 / 白 / pt80 pb100 / gap56 ===== */
.hk-flow{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;padding:80px var(--pad-side) 100px;background:var(--c-base)}
/* 6列 w170 を space-between（1200−170×6＝180 → 36px×5）。線は left127 top39 w947 h2 #01a0ea */
.hk-flow__steps{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:1200px}
.hk-flow__steps::before{content:"";position:absolute;left:127px;top:38px;width:947px;height:2px;background:var(--c-main2)}
.hk-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:170px;flex:none}
/* 菱形 90×78（Rectangle 106 を30°回転。ファイヤロボ Flow と同じ描き方）＋ 番号 Lato 600 24px 白 */
.hk-step__mark{position:relative;width:90px;height:78px}
.hk-step__mark img{position:absolute;left:5.9px;top:16.65px;width:78.208px;height:44.69px;max-width:none;transform:rotate(30deg) scaleY(-1)}
.hk-step__num{position:absolute;left:45px;top:27px;transform:translateX(-50%);font-family:var(--font-en);font-weight:600;font-size:24px;line-height:1;color:var(--c-inverse);white-space:nowrap;font-feature-settings:normal}
/* カード 170×198 / base2 / r5 / px14 py16 / gap4: アイコン80 → 見出し20px 500 lh28（高さ56固定・上下中央） → 補足14px lh22.4 */
.hk-step__card{display:flex;flex-direction:column;align-items:center;gap:4px;width:170px;padding:16px 14px;background:var(--c-base2);border-radius:var(--r-m)}
.hk-step__icon{width:80px;height:80px;flex:none}
.hk-step__label{display:flex;align-items:center;justify-content:center;width:100%;height:56px;font-size:var(--fs-h5);font-weight:500;line-height:28px;letter-spacing:.2px;text-align:center}
.hk-step__sub{width:100%;font-size:var(--fs-body-s);font-weight:400;line-height:22.4px;letter-spacing:.14px;text-align:center}

/* ===== ミズタの支援範囲（14677:59665）1440×812 / base3 / pt100 pb160 / gap64 ===== */
.hk-support{display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;padding:100px var(--pad-side) 160px;background:var(--c-base3)}
.hk-support__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;max-width:1200px}
/* カード 584 / 白 / r5 / px40 py32 / gap20 */
.hk-support__col{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:32px 40px;background:var(--c-base);border-radius:var(--r-m)}
.hk-support__head{font-size:24px;font-weight:500;line-height:38.4px;letter-spacing:.24px;color:var(--c-main)}
.hk-support__list{display:flex;flex-direction:column;gap:8px;width:100%}
.hk-support__list li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-body-m);font-weight:400;line-height:28.8px;letter-spacing:.16px}
.hk-support__list li::before{content:"";flex:none;width:4px;height:4px;margin-top:12.4px;border-radius:3px;background:var(--c-main2)}
.hk-support__col--not .hk-support__head,.hk-support__col--not .hk-support__list li{color:var(--c-gray)}
.hk-support__col--not .hk-support__list li::before{background:var(--c-gray)}

/* ===== CTA（14677:59717）青帯 pt100 pb160 mb-60（フッターが60px重なる）/ 傾きパネル 1147×594 -6°（ファイヤロボ CTA と同型）===== */
.hk-cta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;padding:100px 0 160px;margin-bottom:-60px;background:var(--c-main)}
/* パネル本体 1147×594（Figma Rectangle 5845・r32）に白20pxの stroke が OUTSIDE で付く → CSSの border は内側に食い込むので外寸 1187×634・外側r52（内側r32）で置く。
   内側シャドウ（INNER_SHADOW blur44）は塗り面の内側だけ＝白枠にはかからない（::after は inset:0） */
.hk-cta__panel{position:absolute;left:calc(50% - 593.5px);top:-31.3px;width:1187px;height:634px;border:20px solid #fff;border-radius:52px;background:var(--c-base3);box-shadow:2px -1px 8px rgba(28,34,43,.05);transform:rotate(-6deg);pointer-events:none}
.hk-cta__panel img{display:none}
.hk-cta__panel::before{content:"";position:absolute;inset:0;border-radius:32px;background:url(../img/lower/firerobo_cta_texture.jpg) repeat 0 0/262px 370px;mix-blend-mode:darken;opacity:.3}
.hk-cta__panel::after{content:"";position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 44px rgba(22,84,138,.3)}
.hk-cta__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:0 30px}
.hk-cta__head{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
/* 見出し箱 844×74: 白 / border #1549a0 / r3 / px32 py4 / 40px 700 lh64 ls.4 紺 */
.hk-cta__ttl{padding:4px 32px;background:#fff;border:1px solid var(--c-border-sub);border-radius:3px;font-size:40px;font-weight:700;line-height:64px;letter-spacing:.4px;color:var(--c-main);text-align:center;white-space:nowrap}
.hk-cta__txt{width:100%;font-size:var(--fs-body-m);font-weight:500;line-height:25.6px;letter-spacing:.16px;text-align:center}
.hk-cta__gears{position:absolute;left:calc(50% + 377px);top:5px;width:124px;height:114px;pointer-events:none}
.hk-cta__gear{position:absolute;left:calc(50% - 444px);top:235px;width:135.75px;height:135.75px;transform:rotate(180deg) scaleY(-1);pointer-events:none}
.hk-cta__person{position:absolute;left:calc(50% - 378px);top:309.25px;width:99.75px;height:87.75px;transform:rotate(180deg) scaleY(-1);pointer-events:none}
/* このページのFigmaフッターは pt140（共通 lower は100）。フッター本体は共通のまま、上余白だけ合わせる */
.hk .contact-footer--lower{padding-top:140px}

/* 1201px以上はFVをカンプどおり800px固定（診断カードの行高の丸めで1px伸びるのを止める） */
@media (min-width:1201px){.hk-fv{height:800px}}

/* ===== 中間幅（769〜1200px）: 左右30px固定で横だけ縮める（base.css の方針）===== */
@media (min-width:769px) and (max-width:1200px){
  .hk-fv{min-height:0;padding:130px 30px 60px}
  .hk-fv__inner{gap:40px}
  .hk-fv__title{font-size:clamp(34px,4vw,48px);line-height:1.4}
  .hk-fv__mark,.hk-fv__de{line-height:1.3}
  .hk-fv__title-text{width:auto}
  .hk-pc{display:none}
  .hk-quiz{width:min(480px,44%)}
  .hk-quiz__label{white-space:normal}
  .hk-title__jp{white-space:normal;line-height:1.4}
  .hk-result__list,.hk-subs__list,.hk-support__cols{gap:24px}
  .hk-card{padding:32px 24px}
  .hk-card__title{white-space:normal}
  /* 流れ: 6ステップ（170×6＋36×5＝1200固定）を3列に折り返す。ファイヤロボと同じ */
  .hk-flow__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 16px;justify-items:center}
  .hk-flow__steps::before{display:none}
  .hk-cta{overflow:hidden}
  .hk-cta__ttl{white-space:normal;font-size:clamp(26px,3.4vw,40px);line-height:1.6}
}
@media (min-width:769px) and (max-width:1024px){
  /* タブレット: FVは縦積み（コピー → 診断カード） */
  .hk-fv{padding:105px 30px 60px}
  .hk-fv__inner{flex-direction:column;align-items:stretch}
  .hk-fv__main{max-width:none;flex:none}
  .hk-quiz{width:100%}
  .hk-result__list,.hk-subs__list,.hk-support__cols{grid-template-columns:1fr}
  .hk-card__link{margin-top:0}
}

/* ===== SP（768px以下）: SPカンプ未支給 → 下層（保全パック・ファイヤロボ）のSP実装（左右24px・SPトークン・1カラム）に倣う =====
   Flow はあおさん指示「ファイヤロボのFlowのレスポンシブを参考に」→ .fr-flow のSP（縦積み・左に菱形60×35＋縦線・右にカード）を流用 */
@media (max-width:768px){
  .hk-pc{display:none}.hk-sp{display:inline}
  .hk-head{gap:16px;text-align:center}
  .hk-title{gap:12px}
  .hk-title__en{font-size:15px}
  .hk-title__jp{font-size:var(--fs-concept);line-height:1.5;letter-spacing:1.12px;white-space:normal}
  .hk-head__lead{font-size:15px;line-height:1.7;letter-spacing:.15px;text-align:left}

  .hk-btn-grad{width:100%;gap:16px;padding:16px 16px 16px 24px}
  .hk-btn-grad__label{font-size:16px;line-height:1.6;letter-spacing:.16px;white-space:normal}

  /* FV: ヘッダー65px＋40px から。コピー → 診断カードの縦積み */
  .hk-fv{min-height:0;padding:105px 24px 48px}
  .hk-fv__bg::after{width:100%}
  .hk-fv__inner{flex-direction:column;align-items:stretch;gap:40px}
  .hk-fv__main{max-width:none;flex:none}
  .hk-fv__title{gap:6px;font-size:28px;line-height:1.5}
  .hk-fv__mark{padding:2px 10px 4px;line-height:1.5}
  .hk-fv__de{line-height:1.5}
  .hk-fv__title-text{width:auto}
  .hk-fv__lead{margin-top:16px;font-size:15px;line-height:1.8;letter-spacing:.15px}
  .hk-fv__note{margin-top:12px}
  .hk-fv .hk-btn-grad{margin-top:24px}
  .hk-quiz{width:100%;padding:24px 20px 28px}
  .hk-quiz__catch{font-size:16px;line-height:1.6}
  .hk-quiz__title{font-size:20px;line-height:1.6;letter-spacing:.2px}
  .hk-quiz__lead{font-size:13px;line-height:1.7}
  .hk-quiz__fields{margin-top:20px}
  .hk-quiz__label{white-space:normal}
  .hk-quiz__label-text{font-size:15px;line-height:28.8px;letter-spacing:.3px}
  .hk-quiz__input{height:48px;line-height:46px;font-size:15px}
  .hk-quiz__submit{margin-top:24px;width:100%}
  .hk-quiz__submit .btn__label{flex:1 0 0;min-width:1px}

  /* 診断結果 */
  .hk-result{gap:32px;padding:64px var(--sp-side-m) 48px}
  .hk-result__head{gap:16px}
  .hk-result__title{font-size:22px;line-height:1.5;letter-spacing:.88px}
  .hk-result__lead{font-size:15px;line-height:1.7;text-align:left}
  .hk-result__body{gap:40px}
  .hk-result__list{grid-template-columns:1fr;gap:16px}
  .hk-rcard{gap:20px;padding:24px 20px}
  .hk-rcard__name{padding-bottom:12px;font-size:18px;line-height:1.6;letter-spacing:.18px}
  .hk-rcard__specs{gap:12px;margin-top:-4px}
  .hk-rcard__spec-val{font-size:15px;line-height:1.6}
  .hk-linkbtn{gap:16px;margin-top:8px;padding:6px 8px 6px 16px}
  .hk-linkbtn__label{font-size:14px}
  .hk-notes{gap:12px}
  .hk-notes__head{font-size:var(--fs-h5);line-height:1.6}
  .hk-notes__list li{padding-left:20px;font-size:15px;line-height:1.7;letter-spacing:.15px}
  .hk-notes__list li::before{left:4px}

  /* 対応している補助金: 1列 */
  .hk-subs{gap:40px;padding:var(--sp-under-btn) var(--sp-side-m)}
  .hk-subs__list{grid-template-columns:1fr;gap:16px}
  .hk-card{gap:20px;padding:24px 20px}
  .hk-card__title{font-size:20px;line-height:1.6;letter-spacing:.2px}
  .hk-card__row{gap:12px;padding:10px 0}
  .hk-card__row dt{width:70px;font-size:12px;line-height:1.8}
  .hk-card__val{font-size:15px;line-height:1.7}
  .hk-card__sub{margin-top:2px;font-size:12px;line-height:1.7}
  .hk-card__desc{font-size:15px;line-height:1.8;letter-spacing:.15px}
  .hk-card__link{margin-top:0}
  .hk-card__desc + .hk-card__link{margin-top:0}

  /* 流れ（.fr-flow SP 流用）: 縦の6ステップ。左に菱形マーク60×35＋縦線2px、右にカード */
  .hk-flow{gap:40px;padding:48px 24px}
  .hk-flow__steps{display:flex;flex-direction:column;gap:16px;width:100%}
  .hk-flow__steps::before{display:block;left:29px;top:33px;width:2px;height:calc(100% - 66px)}
  .hk-step{flex-direction:row;align-items:center;gap:16px;width:100%;min-height:68px}
  .hk-step__mark{width:60px;height:35px;flex:none}
  .hk-step__mark img{display:none}
  .hk-step__mark::before{content:"";position:absolute;inset:0;background:var(--c-main2);clip-path:polygon(0 50%,16.8% 0,48.5% 0,99.75% 50.8%,83.2% 100%,50.5% 100%)}   /* 51.96×29.69の矩形を30°回転して60×35で切ったひし形（ファイヤロボと同じ） */
  .hk-step__num{left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px}
  /* カードは「アイコン | 見出し＋補足（縦積み）」のグリッド */
  .hk-step__card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;flex:1 0 0;min-width:1px;width:auto;min-height:68px;padding:8px 12px}
  .hk-step__icon{grid-row:1/3;width:48px;height:48px}
  .hk-step__label{width:auto;height:auto;justify-content:flex-start;font-size:16px;line-height:1.5;letter-spacing:.16px;text-align:left;align-self:end}
  .hk-step__label br{display:none}
  .hk-step__sub{width:auto;font-size:12px;line-height:1.5;text-align:left;color:var(--c-gray);align-self:start}

  /* 支援範囲 */
  .hk-support{gap:40px;padding:var(--sp-under-btn) var(--sp-side-m) var(--sp-section-gap)}
  .hk-support__cols{grid-template-columns:1fr;gap:16px}
  .hk-support__col{gap:16px;padding:24px 20px}
  .hk-support__head{font-size:18px;line-height:1.6;letter-spacing:.18px}
  .hk-support__list li{font-size:15px;line-height:1.7}
  .hk-support__list li::before{margin-top:10.5px}

  /* CTA（ファイヤロボ SP と同型）: 青帯 h333 / パネルは帯の上端より42px上 / 白8px外枠 r12 / フッターが32px重なる */
  .hk-cta{display:block;min-height:333px;padding:0;margin-bottom:-32px;overflow:visible}
  .hk-cta__panel{left:24px;right:24px;top:-42px;width:auto;height:calc(100% + 30px);border:0;border-radius:12px;background:var(--c-base3);box-shadow:0 0 0 8px #fff,2px -1px 8px rgba(28,34,43,.05);transform:none}
  .hk-cta__panel::before{border-radius:12px;background:url(../img/lower/firerobo_cta_texture.jpg) no-repeat -67.3px -156px/445.5px 519px;mix-blend-mode:darken;opacity:.3}
  .hk-cta__panel::after{inset:0;border-radius:12px;box-shadow:inset 0 0 24px rgba(22,84,138,.2)}
  .hk-cta__in{gap:24px;padding:32px 40px 56px}
  .hk-cta__head{gap:12px}
  .hk-cta__ttl{padding:4px 16px;font-size:20px;line-height:1.6;letter-spacing:.2px;white-space:normal}
  .hk-cta__txt{font-size:14px;line-height:1.7}
  .hk-cta__gears{left:auto;right:16px;top:-28px;width:72px;height:66px}
  .hk-cta__gear,.hk-cta__person{display:none}
}