/* 置き去り防止装置リード獲得LP（/okizari-bus/・/subsidy/okizari/）専用スタイル
   サイト共通トークン: --navy --blue --orange --border --radius（site.css）を踏襲 */

.okz-main{--okz-navy:#15335f;--okz-orange:#e8731a;--okz-sky:#eef4fb}
.okz-icon{width:22px;height:22px;flex:none}

/* ---- ヒーロー ---- */
.okz-hero{background:linear-gradient(118deg,#0e2447 0%,#15335f 55%,#1f4a85 100%);color:#fff;padding:72px 0 60px}
.okz-hero-inner{max-width:880px}
.okz-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.okz-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 14px}
.okz-badge .okz-icon{width:16px;height:16px}
.okz-hero-title{font-size:clamp(28px,4vw,44px);line-height:1.35;margin:0 0 16px}
.okz-hero-accent{color:#ffb257}
.okz-hero-lead{font-size:16px;line-height:1.9;margin:0 0 26px;color:#e8f0fb}
.okz-hero-lead strong{color:#ffd9ae}
.okz-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.okz-hero-model{font-size:12px;color:#b9cce6;margin:0}

/* ---- ボタン ---- */
.okz-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;padding:15px 26px;font-weight:800;font-size:15px;line-height:1.2;cursor:pointer;transition:.2s}
.okz-btn .okz-icon{width:19px;height:19px}
.okz-btn-dl{background:var(--okz-orange,#e8731a);color:#fff}
.okz-btn-dl:hover{background:#d2630e;transform:translateY(-1px)}
.okz-btn-sub{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);color:#fff}
.okz-btn-sub:hover{background:rgba(255,255,255,.24)}
.okz-btn-submit{width:100%;margin-top:18px}
.okz-btn-sub-l{background:#fff;color:var(--okz-navy)}
.okz-btn-sub-l:hover{transform:translateY(-1px)}
.okz-btn-contact-l{background:var(--okz-orange);color:#fff}
.okz-btn-contact-l:hover{background:#d2630e;transform:translateY(-1px)}

/* ---- セクション共通 ---- */
.okz-section{padding:64px 0}
.okz-section-label{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--okz-orange);margin:0 0 8px;text-align:center}
.okz-section-title{font-size:clamp(22px,2.8vw,32px);color:var(--okz-navy);text-align:center;line-height:1.5;margin:0 0 34px}
.okz-label-light{color:#ffb257}
.okz-title-light{color:#fff}

/* ---- FACT: 対象/対象外 ---- */
.okz-fact{background:#f7fafd}
.okz-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.okz-scope-card{background:#fff;border-radius:12px;padding:26px 28px;border:1px solid var(--border,#dbe4ee)}
.okz-scope-card h3{display:flex;align-items:center;gap:9px;font-size:17px;margin:0 0 12px}
.okz-scope-card p{margin:0;font-size:14px;line-height:1.85;color:#333}
.okz-scope-in{border-top:4px solid #2e8b57}
.okz-scope-in h3{color:#226844}
.okz-scope-out{border-top:4px solid var(--okz-orange)}
.okz-scope-out h3{color:#b35600}
.okz-fact-answer{background:#fff7ec;border:1px solid #f3ddc0;border-left:5px solid var(--okz-orange);border-radius:10px;padding:20px 26px}
.okz-fact-answer p{margin:0;font-size:15px;line-height:1.9}

/* ---- セグメント ---- */
.okz-segment-list{display:grid;gap:18px}
.okz-segment-card{display:flex;gap:22px;background:#fff;border:1px solid var(--border,#dbe4ee);border-radius:12px;padding:26px 28px;box-shadow:0 6px 18px rgba(3,47,105,.05)}
.okz-segment-icon{flex:none;width:64px;height:64px;border-radius:14px;background:var(--okz-sky);color:var(--okz-navy);display:grid;place-items:center}
.okz-segment-icon .okz-icon{width:34px;height:34px}
.okz-segment-body h3{font-size:19px;color:var(--okz-navy);margin:0 0 4px}
.okz-segment-lead{font-size:13px;font-weight:800;color:var(--okz-orange);margin:0 0 10px}
.okz-segment-text{font-size:14px;line-height:1.9;color:#333;margin:0}

/* ---- 選ばれる理由 ---- */
.okz-reasons{background:#f7fafd}
.okz-reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.okz-reason-card{background:#fff;border:1px solid var(--border,#dbe4ee);border-radius:12px;padding:24px 26px}
.okz-reason-card .okz-icon{width:30px;height:30px;color:var(--okz-orange);margin-bottom:10px}
.okz-reason-card h3{font-size:16px;color:var(--okz-navy);margin:0 0 8px;line-height:1.5}
.okz-reason-card p{font-size:13.5px;line-height:1.85;color:#444;margin:0}
.okz-reason-note{text-align:center;margin:26px 0 0;font-size:14px}
.okz-reason-note a{color:var(--blue,#0b63c4);font-weight:700;text-decoration:underline}

/* ---- 資料DL ---- */
.okz-dl{background:linear-gradient(135deg,#132c52,#1b3f72);color:#fff}
.okz-dl-lead{text-align:center;font-size:15px;line-height:1.9;margin:0 0 30px;color:#dfe9f6}
.okz-dl-lead strong{color:#ffd9ae}
.okz-dl-form{max-width:680px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:30px}
.okz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.okz-form-field{display:grid;gap:6px}
.okz-form-wide{grid-column:1/-1}
.okz-form-field label{font-size:13px;font-weight:700}
.okz-form-field input{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;color:#1a1a1a}
.okz-required{color:#ffb4a6;font-size:11px}
.okz-form-status{margin:14px 0 0;padding:12px;border-radius:8px;display:none;font-size:14px}
.okz-form-status.show{display:block;background:rgba(255,255,255,.12)}
.okz-form-status.success{background:#e7f8ee;color:#17663a}
.okz-form-status.error{background:#fff0f0;color:#9c2626}
.okz-form-privacy{font-size:11.5px;color:#c6d6ea;margin:12px 0 0;text-align:center}

/* ---- CTA ---- */
.okz-contact{background:#f7fafd;text-align:center}
.okz-contact-title{font-size:clamp(22px,2.6vw,30px);color:var(--okz-navy);margin:0 0 24px}
.okz-contact-steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;padding:0;margin:0 0 30px}
.okz-contact-steps li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--okz-navy)}
.okz-contact-steps .okz-icon{color:#2e8b57;width:20px;height:20px}
.okz-contact-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:22px}
.okz-contact-cta .okz-btn-sub-l{border:1px solid var(--border,#dbe4ee);box-shadow:0 4px 14px rgba(3,47,105,.08)}
.okz-contact-tel{font-size:14px;color:#333;margin:0}
.okz-contact-tel a{display:inline-flex;align-items:center;gap:7px;font-size:20px;font-weight:900;color:var(--okz-navy);margin-left:6px}
.okz-contact-tel .okz-icon{width:18px;height:18px}

/* ---- 補助金ハブ（/subsidy/okizari/） ---- */
.okz-subfact-list{display:grid;gap:18px;margin-bottom:18px}
.okz-subfact-card{background:#fff;border:1px solid var(--border,#dbe4ee);border-left:5px solid var(--okz-orange);border-radius:12px;padding:26px 30px;box-shadow:0 6px 18px rgba(3,47,105,.05)}
.okz-subfact-num{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--okz-orange);margin:0 0 8px}
.okz-subfact-card h3{display:flex;align-items:flex-start;gap:10px;font-size:18px;color:var(--okz-navy);margin:0 0 12px;line-height:1.5}
.okz-subfact-card h3 .okz-icon{width:24px;height:24px;flex:none;margin-top:2px;color:var(--okz-orange)}
.okz-subfact-card p{margin:0;font-size:14.5px;line-height:1.95;color:#333}
.okz-subfact-card a{color:var(--blue,#0b63c4);font-weight:700;text-decoration:underline}
.okz-subfact-note{font-size:12.5px;color:#777;margin:0}
.okz-sub-facts{background:#f7fafd;padding-top:50px}
.okz-sub-how{padding-top:0}
.okz-how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:0}
.okz-how-steps li{background:#fff;border:1px solid var(--border,#dbe4ee);border-radius:12px;padding:24px}
.okz-how-steps h3{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--okz-navy);margin:0 0 10px}
.okz-how-steps h3 .okz-icon{width:22px;height:22px;color:var(--okz-orange)}
.okz-how-steps p{font-size:13.5px;line-height:1.85;color:#444;margin:0}
.okz-sub-support{background:#f7fafd}
.okz-support-box{max-width:860px;margin:0 auto 36px;background:#fff7ec;border:1px solid #f3ddc0;border-radius:12px;padding:26px 30px}
.okz-support-box p{margin:0 0 14px;font-size:15px;line-height:1.95}
.okz-support-points{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.okz-support-points li{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--okz-navy)}
.okz-support-points .okz-icon{width:20px;height:20px;color:#2e8b57}
.okz-sub-links{display:grid;gap:8px;margin:10px 0 16px}
.okz-sub-links a{display:block;font-size:13px;padding:10px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:8px}
.okz-sub-links a:hover{background:rgba(255,255,255,.2)}

/* ---- レスポンシブ ---- */
.okz-pc-br{display:inline}
.okz-sp-br{display:none}
@media(max-width:800px){
  .okz-pc-br{display:none}
  .okz-sp-br{display:inline}
  .okz-hero{padding:52px 0 44px}
  .okz-section{padding:48px 0}
  .okz-scope-grid{grid-template-columns:1fr}
  .okz-reason-grid{grid-template-columns:1fr}
  .okz-segment-card{flex-direction:column;gap:14px;padding:22px}
  .okz-form-grid{grid-template-columns:1fr}
  .okz-dl-form{padding:22px}
  .okz-how-steps{grid-template-columns:1fr}
  .okz-hero-cta .okz-btn,.okz-contact-cta .okz-btn{width:100%}
  .okz-support-box{padding:20px 22px}
}