:root{
      --navy:#0f3557;
      --navy2:#183f63;
      --blue:#2475a8;
      --light-blue:#eef7fb;
      --pale:#f7fafc;
      --green:#20826b;
      --orange:#f58220;
      --orange-hover:#df6d0d;
      --text:#243746;
      --muted:#647684;
      --border:#dce6ec;
      --white:#fff;
      --shadow:0 12px 32px rgba(27,63,91,.10);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      line-height:1.8;
      background:#fff;
    }
    img{max-width:100%}
    .material-symbols-outlined{
      font-size:28px;
      line-height:1;
      vertical-align:middle;
    }
    /* imgタグになったアイコンのサイズを維持する補完スタイル */
    img.material-symbols-outlined {
      object-fit: contain;
    }
    .business-subsidy-container{width:min(1120px,calc(100% - 40px));margin:auto}
    
    /* ボタンのテキストカラーが白以外にならないよう強力に固定 */
    .business-subsidy-cta{
      display:inline-flex;justify-content:center;align-items:center;gap:8px;
      min-height:58px;padding:0 28px;border-radius:10px;
      color:#fff !important; 
      background:var(--orange);font-weight:800;
      box-shadow:0 8px 18px rgba(245,130,32,.22);
      transition:.2s ease;
      text-decoration: none !important;
    }
    .business-subsidy-cta:hover{background:var(--orange-hover);transform:translateY(-1px); color:#fff !important;}
    .business-subsidy-cta.business-subsidy-secondary{background:#fff;color:var(--navy) !important;border:1px solid #b9cbd8;box-shadow:none}
    .business-subsidy-cta.business-subsidy-secondary:hover{background:#f7fafc; color:var(--navy) !important;}

    .business-subsidy-wrapper h1, 
    .business-subsidy-wrapper h3 {line-height:1.45;margin:0 0 30px 0;color:var(--navy)}
    
    .business-subsidy-lead{font-size:18px;color:#415665}
    .business-subsidy-small{font-size:13px;color:var(--muted)}
    .business-subsidy-section{padding:25px 0}
    .business-subsidy-section.business-subsidy-alt{background:var(--pale)}

    /* 幅制限を解除し、h2(ttlType01)が1000pxに広がるように調整 */
    .business-subsidy-section-head{text-align:center;max-width:1000px;margin:0 auto 44px}
    .business-subsidy-section-head .business-subsidy-eyebrow{margin-bottom:12px}

    /* 見出し下のテキストは引き続きコンパクトに中央寄せ */
    .business-subsidy-section-head p{max-width:780px;margin:14px auto 0;color:var(--muted)}

    /* 親要素のtext-align: center;の影響を防ぎ、見出しを左寄せにする補完 */
    .business-subsidy-wrapper .ttlType01 { text-align: left; }

    .header{
      height:68px;background:#fff;border-bottom:1px solid #edf1f4;
      display:flex;align-items:center;position:sticky;top:0;z-index:20;
    }
    .header-inner{display:flex;justify-content:space-between;align-items:center}
    .brand{font-weight:800;color:var(--navy);letter-spacing:.02em}
    .header .mini-cta{
      padding:10px 18px;border-radius:8px;background:var(--orange);color:#fff;font-weight:700;font-size:14px
    }
    /* Hero */
    .business-subsidy-hero{
      background:
        radial-gradient(circle at 90% 15%, rgba(77,166,201,.16), transparent 27%),
        linear-gradient(135deg,#f7fbfd 0%,#eef7fb 100%);
      padding:74px 0 66px;
      overflow:hidden;
    }
    .business-subsidy-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}
    .business-subsidy-hero h1{font-size:44px;letter-spacing:-.02em;margin:18px 0 20px}
    .business-subsidy-hero h1 .business-subsidy-accent{color:var(--green)}
    
    /* グラスモーフィズムカード追加 */
    .business-subsidy-glass-card {
      background: rgba(255, 255, 255, 0.65);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.8);
      border-radius: 16px;
      padding: 20px 24px;
      margin-bottom: 24px;
      box-shadow: 0 8px 32px rgba(27, 63, 91, 0.08);
    }
    .business-subsidy-glass-card p:last-child {
      margin-bottom: 0;
    }

    .business-subsidy-hero-copy {
        font-size: 16px;
        color: #4c6070;
        margin: 0 0 22px;
    }
    .hero-note{
      display:flex;align-items:center;gap:10px;
      background:#fff;border-left:5px solid var(--orange);
      padding:14px 16px;border-radius:10px;box-shadow:0 7px 20px rgba(24,63,99,.07);
      margin:22px 0;
      font-weight:700;color:var(--navy);
    }
    
    /* PC時のボタンと注記の中央揃え */
    .business-subsidy-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
    .business-subsidy-hero-sub{font-size:13px;text-align:center;color:var(--muted);margin-top:10px}
    
    .business-subsidy-hero-visual{
      position:relative;min-height:430px;display:flex;align-items:center;justify-content:center
    }
    .business-subsidy-device{
      width:330px;background:#fff;border-radius:28px;padding:18px;
      box-shadow:0 26px 60px rgba(20,61,92,.18);
      border:1px solid #e5eef3;
      transform:rotate(-1deg);
    }
    .business-subsidy-device-top{height:18px;width:70px;background:#dfe9ee;border-radius:999px;margin:2px auto 16px}
    .business-subsidy-screen{
      background:linear-gradient(145deg,#edf7f8,#f9fbfc);
      min-height:270px;border-radius:18px;padding:22px;
      border:1px solid #e0eaee;
    }
    .business-subsidy-screen-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:18px}
    .business-subsidy-screen-row{
      display:flex;justify-content:space-between;align-items:center;
      padding:12px 0;border-bottom:1px solid #dce7eb;font-size:13px
    }
    .business-subsidy-screen-row:last-child{border:0}
    .business-subsidy-amount{font-weight:800;color:var(--navy);font-size:18px}
    .business-subsidy-device-bottom{height:58px;width:90px;background:#eef3f6;border-radius:10px;margin:15px auto 2px}
    .business-subsidy-float-card{
      position:absolute;background:#fff;padding:13px 16px;border-radius:13px;
      box-shadow:0 14px 32px rgba(20,61,92,.16);display:flex;align-items:center;gap:10px;
      font-size:13px;font-weight:700;color:var(--navy)
    }
    .business-subsidy-float-card img{vertical-align: middle;}
    .business-subsidy-fc1{left:0;top:76px}.business-subsidy-fc2{right:-4px;bottom:85px}
    .business-subsidy-pos-image-wrap{
      width:100%;
      max-width:520px;
      margin:auto;
    }
    .business-subsidy-pos-image-wrap img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .business-subsidy-pos-image-note{
      margin-top:10px;
      text-align:center;
      font-size:12px;
      color:var(--muted);
    }
    /* point */
    .business-subsidy-two-point {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 22px;
        align-items: stretch;
        max-width: 920px;
        margin: 60px auto 0;
    }
    .business-subsidy-point-card{
      background:#fff;border:1px solid var(--border);border-radius:var(--radius);
      padding:30px;text-align:center;box-shadow:var(--shadow)
    }
    .business-subsidy-point-icon{
      display:grid;
      place-items:center;
      margin:0 auto 18px;
    }
    .business-subsidy-plus{display:grid;place-items:center;font-size:34px;font-weight:800;color:#91a6b4}
    .business-subsidy-point-card p{font-size:14px;color:var(--muted);margin:8px 0 0}
    .business-subsidy-result-box {
        max-width: 920px;
        margin: 60px auto 0;
        padding: 18px 24px;
        border-radius: 14px;
        color: var(--navy);
        text-align: center;
        font-weight: 700;
        font-size: 32px;
        border: 2px solid #a2c6ff;
    }
    .business-subsidy-lead-wrap {
        max-width: 920px;
        margin: 50px auto 0;
        text-align: center;
    }
    /* video */
    .business-subsidy-video-wrap{
      width:min(860px,100%);
      margin:0 auto;
      aspect-ratio:16/9;
      border-radius:18px;
      overflow:hidden;
      background:#102f49;
      box-shadow:0 18px 42px rgba(20,61,92,.14);
    }
    .business-subsidy-video-wrap iframe{
      width:100%;
      height:100%;
      display:block;
      border:0;
    }
    .business-subsidy-video-placeholder{
      width:100%;
      height:100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      color:#fff;
      padding:30px;
      background:linear-gradient(135deg,#143c5c,#1d6288);
    }
    .business-subsidy-video-placeholder img{
      margin-bottom:12px;
    }
    .business-subsidy-video-placeholder p{
      font-size:20px;
      font-weight:700;
      margin:0 0 6px;
    }
    .business-subsidy-video-placeholder small{color:#cfe0ea}
    .business-subsidy-video-under-copy{
      max-width:800px;
      margin:26px auto 0;
      text-align:center;
    }
    .business-subsidy-video-under-copy strong{
      display:block;
      font-size:27px;
      color:var(--navy);
      margin-top:50px;
      margin-bottom:6px;
      background: linear-gradient(rgba(255, 255, 255, 0) 60%, #FFEC66 60%, #FFEC66 95%, rgba(255, 255, 255, 0) 95%);
    }
    .business-subsidy-video-under-copy p{
      color:var(--muted);
      margin:0 0 18px;
    }
    .business-subsidy-video-under-copy .business-subsidy-cta {
      margin-top: 30px;
    }

    /* 新規グラデーションセクション */
    .business-subsidy-rate-section {
      background: linear-gradient(145deg, #99cfff 10%, #00375a 30%, #00375a 75%, #99cfff 95%);
      width: 100vw;
      margin-left: calc(50% - 50vw);
      padding: 84px 0;
    }
    
    /* 詳細度を上げて !important を回避しつつ、余白を35pxに */
    .business-subsidy-wrapper .business-subsidy-rate-section .business-subsidy-section-head p,
    .business-subsidy-wrapper .business-subsidy-rate-section h3,
    .business-subsidy-wrapper .business-subsidy-rate-section .business-subsidy-small {
      color: #fff;
      margin: 35px auto;
    }

    /* rate */
    .business-subsidy-rate-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:stretch}
    
    /* 大カードを白背景に反転し、テキストをセンターに配置 */
    .business-subsidy-big-rate{
      border-radius:var(--radius);
      background:#fff;
      color:var(--navy);
      padding:36px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      text-align:center;
      box-shadow:var(--shadow)
    }
    .business-subsidy-big-rate .business-subsidy-label{font-size:15px;opacity:.82}
    .business-subsidy-big-rate .business-subsidy-number{font-size:54px;font-weight:800;line-height:1.2;margin:8px 0}
    .business-subsidy-big-rate .business-subsidy-number small{font-size:22px}
    
    /* 右側のテーブルを2つの独立したカードに変更 */
    .business-subsidy-rate-table {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .business-subsidy-rate-row {
      background: #fff;
      border-radius: var(--radius);
      border: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .business-subsidy-rate-row div {
      padding: 24px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--navy);
      flex: 1;
    }
    .business-subsidy-rate-row .business-subsidy-right {
      font-weight: 800;
      font-size: 32px;
      text-align: center;
      justify-content: center;
      flex: none;
      padding: 16px;
    }
    
    /* 対象テキストのフォントサイズとカラー変更 */
    .business-subsidy-wrapper .business-subsidy-rate-desc {
      font-size: 15px;
      color: #0f3557;
    }

    .business-subsidy-limit-title {
        text-align: center;
        margin: 34px 0 16px;
    }
    .business-subsidy-limit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
    .business-subsidy-limit-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;text-align:center}
    .business-subsidy-limit-card strong{display:block;font-size:28px;color:var(--navy);margin-top:4px}
    
    /* 各コース名の短め下線あしらい追加 */
    .business-subsidy-limit-label {
      position: relative;
      display: inline-block;
      padding-bottom: 4px;
    }
    .business-subsidy-limit-label::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 60%; /* テキストより少し短めの擬似線 */
      height: 2px;
      background-color: var(--blue);
      border-radius: 1px;
    }

    .business-subsidy-limit-note {
        text-align: center;
        margin-top: 14px;
    }
    .business-subsidy-limit-action {
        text-align: center;
        margin-top: 40px;
    }
    
    /* 新規追加：大きい数字用 */
    .business-subsidy-large-num {
        font-size: 65px;
    }
    /* 指定の箇所（右側の独立したカード内）の数字のみを1cm上に移動 */
    .business-subsidy-rate-row .business-subsidy-right .business-subsidy-large-num {
        display: inline-block;
        transform: translateY(-1cm);
    }

    /* schedule */
    .business-subsidy-schedule-box{
      background:#fff;border:1px solid var(--border);border-radius:var(--radius);
      padding:34px;box-shadow:var(--shadow)
    }
    .business-subsidy-schedule-title {
      text-align: center;
      font-size: 37px;
      margin: 27px 0 27px;
      color: var(--navy);
    }
    /* マーカーの追加 */
    .business-subsidy-schedule-marker {
      background: linear-gradient(rgba(255, 255, 255, 0) 60%, #e2ffe7 60%, #93ffa8 95%, rgba(255, 255, 255, 0) 95%);
    }

    .business-subsidy-schedule-content {
      display:grid;grid-template-columns:250px 1fr;gap:34px;
    }
    
    /* ▼ 縦伸び防止と正円の維持 ▼ */
    .business-subsidy-date-card {
        background: #eefbf0;
        border-radius: 50%; /* 正円にするため50%に変更 */
        aspect-ratio: 1 / 1; /* 高さと幅を一致させる */
        padding: 24px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: center; /* Grid内で縦に伸びるのを防ぐ */
    }
    
    .business-subsidy-date-card .business-subsidy-year{font-size:14px;font-weight:700;color:var(--blue)}
    .business-subsidy-date-card .business-subsidy-date{font-size:36px;line-height:1.3;font-weight:800;color:var(--navy)}
    .business-subsidy-date-card .business-subsidy-date span{font-size:20px}
    
    /* 右側テキストのフォントサイズ変更 */
    .business-subsidy-schedule-copy p {
      font-size: 15px;
    }

    .business-subsidy-schedule-copy .business-subsidy-warning {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: #898786;
      padding: 14px 16px;
      margin-top: 18px;
      font-weight: 600;
      font-size: 15px;
      border: 2px solid #b6b6b6;
      border-radius: 10px;
    }
    /* HTML側でwidth="128"等の大きなサイズが指定されても崩れないように制御 */
    .business-subsidy-schedule-copy .business-subsidy-warning img {
      width: 24px;
      height: auto;
      flex-shrink: 0;
    }
    
    /* flow (縦並びレイアウト・内容を分割) */
    .business-subsidy-flow {
      display: flex;
      flex-direction: column;
      gap: 38px;
      max-width: 680px;
      margin: 0 auto;
    }
    .business-subsidy-flow-item {
      position: relative;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 24px 31px;
      display: flex;
      align-items: stretch; /* STEPバッジの縦線を引くため */
      gap: 71px;
      text-align: left;
    }
    
    /* 下向き三角の配置とサイズを調整 */
    .business-subsidy-flow-item:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -27px; /* gap 38pxの中央に配置 */
      top: auto;
      right: auto;
      transform: translateX(-50%);
      border-top: 16px solid #95a9b6; /* ▼の大きさを少し大きく */
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      z-index: 2;
    }
    
    /* 画像のように弧を描くSTEPバッジ */
    .business-subsidy-step-badge {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: var(--blue);
      flex-shrink: 0;
      width: 140px;
      border-right: 1px solid var(--border); /* 薄い縦線 */
      padding-right: 28px;
    }
    .step-text-wrap {
      display: flex;
      justify-content: center;
      gap: 1px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: -4px;
      letter-spacing: 0;
    }
    .step-text-wrap span {
      display: inline-block;
    }
    .step-badge-num {
      font-size: 42px;
      font-weight: 800;
      line-height: 1;
    }
    /* バッジの下に移動した見出し */
    .business-subsidy-step-badge h3 {
      font-size: 18px;
      margin: 4px 0 0;
      color: var(--navy);
      text-align: center;
    }
    
    /* アイコン+テキストのコンテナ */
    .business-subsidy-flow-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .business-subsidy-flow-body {
      display: flex;
      align-items: center;
      gap: 116px;
    }
    
    .business-subsidy-flow-icon {
      margin: 0;
      display: grid;
      place-items: center;
      flex-shrink: 0;
    }
    /* 画像を直接入れた場合でも大きくなりすぎないように制御 */
    .business-subsidy-flow-icon img {
      width: 100px;
      height: auto;
    }
    
    .business-subsidy-flow-text {
      flex-grow: 1;
    }
    .business-subsidy-flow-text p {
      font-size: 15px;
      line-height: 1.65;
      color: var(--text);
      margin: 0;
    }
    
    .business-subsidy-attention {
      margin-top: 24px;
      margin-left: auto;
      margin-right: auto;
      padding: 16px 20px;
      border: 2px solid #b6b6b6;
      border-radius: 12px;
      color: #898786;
      display: flex;
      gap: 10px;
      align-items: flex-start;
      width: 70%;
    }
    /* 指定サイズに修正 */
    .business-subsidy-attention img {
      width: 27px;
      height: auto;
      flex-shrink: 0;
    }
    
    /* support */
    .business-subsidy-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    
    /* position: relative; を追加 */
    .business-subsidy-support-card{
      background:#fff;
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:26px;
      min-height:220px;
      position: relative; 
    }
    
    /* 左上におしゃれなバッジとして配置 */
    .business-subsidy-support-card .business-subsidy-num {
        position: absolute;
        top: -15px;
        left: -15px;
        font-size: 30px;
        font-weight: 600;
        color: #2475a887;
        background: #ffffff;
        border: 2px solid #b5d3e5;
        border-radius: 32%;
        width: 75px;
        height: 75px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0;
        z-index: 2;
    }
    
    /* 画像を120pxにし、中央配置 */
    .business-subsidy-support-card img {
      width: 120px;
      height: auto;
      margin: 0 auto 12px;
      display: block;
    }
    
    .business-subsidy-support-card h3 {
      font-size: 16px;
      text-align: center;
    }
    .business-subsidy-support-card p {
      font-size: 13px;
      color: var(--muted);
      margin-bottom: 0;
      text-align: center;
    }
    
    /* FAQ */
    /* FAQの下の余白を100pxに設定 */
    .business-subsidy-faq{
      max-width:900px;
      margin: 0 auto 100px; 
      display:grid;
      gap:12px;
    }
    
    details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 20px}
    summary{
      cursor:pointer;list-style:none;padding:20px 34px 20px 0;font-weight:700;color:var(--navy);
      position:relative
    }
    summary::-webkit-details-marker{display:none}
    summary::after{
      content:"＋";position:absolute;right:0;top:18px;color:var(--blue);font-size:20px
    }
    details[open] summary::after{content:"−"}
    details p{margin:0 0 20px;color:var(--muted);font-size:14px}
    
    /* final cta */
    /* 親要素にはみ出し防止と相対配置を設定 */
    .business-subsidy-final-cta{
      padding:74px 0;
      background: linear-gradient(-45deg, #cce4f6 0%, #0f3557 30%, #0f3557 70%, #cce4f6 100%);
      color:#fff;
      text-align:center;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }
    
    /* 吹き出しデザイン */
    .business-subsidy-final-cta .business-subsidy-eyebrow.business-subsidy-eyebrow-alt {
        position: relative;
        display: inline-block;
        background: #fff;
        color: var(--blue);
        /* 元の巨大サイズ指定を尊重しつつ、はみ出ないよう改行を許可 */
        font-size: clamp(24px, 5vw, 72px); 
        font-weight: 900;
        top: auto;
        left: auto;
        transform: none;
        white-space: normal;
        word-break: auto-phrase;
        z-index: 2;
        pointer-events: auto;
        padding: 24px 40px;
        margin: 0 auto 36px;
        border-radius: 20px;
        letter-spacing: 0.05em;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
    }
    
    /* 吹き出しのしっぽ（下向き） */
    .business-subsidy-final-cta .business-subsidy-eyebrow.business-subsidy-eyebrow-alt::after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        border-top: 26px solid #fff;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
    }
    
    .business-subsidy-wrapper .business-subsidy-final-cta h2.business-subsidy-final-title{color:#fff;font-size:36px;background:none;padding:0;text-align:center;margin-top:14px;}
    .business-subsidy-final-cta p{color:#dbeaf3;max-width:760px;margin:16px auto 26px}
    
    /* すりガラス風（ガラスモーフィズム）のカードデザイン */
    .business-subsidy-final-glass-card {
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 16px;
        padding: 28px 32px;
        max-width: 800px;
        margin: 24px auto 32px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    }
    /* カード内のテキストカラーと余白を上書き調整 */
    .business-subsidy-wrapper .business-subsidy-final-cta .business-subsidy-final-glass-card p {
        color: #ffffff;
        max-width: 100%;
        margin: 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.8;
    }
    
    .business-subsidy-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
    .business-subsidy-final-note {
        margin-top: 30px;
        font-size: 12px;
        text-align: left;
        color: #dbeaf3;
        display: inline-block;
        max-width: 760px;
        line-height: 1.6;
    }
    .business-subsidy-final-note p {
      margin: 0;
    }
    /* 詳細度を上げて !important を回避 */
    a.business-subsidy-final-note-link {
        color: #dbeaf3;
        text-decoration: underline;
    }

    /* includeで読み込んでいるソリューションメニューを1000px幅・中央配置にする */
    .solution-menu-wrapper {
      max-width: 1000px;
      margin: 0 auto;
      width: 100%; /* スマホなど画面が狭い時にはみ出さないための設定 */
    }

    @media(max-width:960px){
      .business-subsidy-hero-grid,.business-subsidy-rate-wrap{grid-template-columns:1fr}
      .business-subsidy-hero-visual{min-height:390px}
      .business-subsidy-support-grid{grid-template-columns:repeat(2,1fr)}
    }
    
    @media(max-width:720px){
      .business-subsidy-container{width:min(100% - 28px,1120px)}
      /* ▼ セクションの余白を縮小 ▼ */
      .business-subsidy-section{padding:30px 0}
      .business-subsidy-wrapper .business-subsidy-section-head h2 {font-size:18px;padding:15px;}
      
      /* ▼ スマホの推奨フォントサイズ（16px）と左寄せ ▼ */
      .business-subsidy-glass-card p,
      .business-subsidy-section-head p,
      .business-subsidy-lead,
      .business-subsidy-schedule-copy p {
        font-size: 16px;
        line-height: 1.6;
        text-align: left;
      }
      
      .business-subsidy-result-box {
        padding: 16px 2px;
        font-size: 16px;
        line-height: 1.6;
      }
      
      /* ▼ レスポンシブ調整（Heroセクション） ▼ */
      .business-subsidy-hero-grid {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }
      
      /* コンテナをcontents化して並び順を制御 */
      .business-subsidy-hero-copy-wrap {
        display: contents;
      }
      
      /* ① 見出し（フォントサイズ 24px） */
      .business-subsidy-hero h1 {
        order: 1;
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 0;
      }
      
      /* ② 画像（中央配置・幅70%） */
      .business-subsidy-hero-visual {
        order: 2;
        min-height: auto;
        width: 100%;
      }
      .business-subsidy-pos-image-wrap {
        width: 70%;
        margin: 0 auto;
      }
      
      /* ③ グラスモーフィズムカード */
      .business-subsidy-glass-card {
        order: 3;
        margin-bottom: 0;
        padding: 20px;
      }
      
      /* ④ ボタン */
      .business-subsidy-hero-actions {
        order: 4;
        margin-top: 0;
      }
      
      /* ⑤ 注記テキスト */
      .business-subsidy-hero-sub {
        order: 5;
        margin-top: -12px;
        text-align: left;
      }
      
      .business-subsidy-hero{padding:44px 0 50px}
      .business-subsidy-device{width:270px}
      .business-subsidy-screen{min-height:210px;padding:16px}
      .business-subsidy-fc1{left:0;top:25px}.business-subsidy-fc2{right:0;bottom:35px}
      
      /* ▼ POINTカードと「＋」マークのレスポンシブ調整 ▼ */
      .business-subsidy-two-point {
        grid-template-columns: 1fr;
        gap: 16px;
      }
      .business-subsidy-point-card {
        padding: 26px 10px;
      }
      .business-subsidy-point-card p {
        font-size: 16px;
      }
      /* 「＋」を中央に配置する調整 */
      .business-subsidy-plus {
        height: auto;
        padding: 8px 0;
      }
      
      /* ▼ レスポンシブ時のグラデーションと数字調整 ▼ */
      .business-subsidy-large-num {
        font-size: 55px;
      }
    
      .business-subsidy-rate-section {
        background: linear-gradient(145deg, #99cfff 0%, #00375a 19%, #00375a 92%, #99cfff 100%);
      }
      
      .business-subsidy-big-rate {
        padding: 36px 0;
      }
      .business-subsidy-limit-card {
        padding: 22px 0;
      }
    
      /* ホバー無効化 */
      .business-subsidy-cta:hover {
        background: var(--orange);
        transform: none;
      }
      .business-subsidy-cta.business-subsidy-secondary:hover {
        background: #fff;
      }
    
      /* セクション外ボタンの幅調整 */
      .business-subsidy-limit-action {
        width: min(100% - 28px, 1120px);
        margin-left: auto;
        margin-right: auto;
      }
      
      .business-subsidy-rate-table { grid-template-columns: 1fr; gap: 16px; }

      .business-subsidy-limit-cards{grid-template-columns:1fr}
      .business-subsidy-schedule-box{padding:24px}
      .business-subsidy-schedule-title{font-size:24px; margin: 0 0 20px;}
      .business-subsidy-schedule-content{grid-template-columns:1fr;gap:24px;}
      
      /* ▼ 動画下のテキストレスポンシブ（マーカー消去・四角枠追加・左寄せ） ▼ */
      .business-subsidy-video-under-copy strong{
        font-size: 16px;
        background: none;
        border: 2px solid #a2c6ff;
        border-radius: 14px;
        padding: 16px 5px;
        margin-top: 32px;
        margin-bottom: 16px;
        line-height: 1.6;
      }
      
      .business-subsidy-video-under-copy p {
        text-align: left;
      }
      
      /* ▼ 2つのpの間に区切り線（レスポンシブ時のみ） ▼ */
      .business-subsidy-schedule-copy p:first-of-type {
        position: relative;
        padding-bottom: 24px;
        margin-bottom: 24px;
      }
      .business-subsidy-schedule-copy p:first-of-type::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background-color: var(--border); /* 薄い色 */
      }
      
      /* ▼ スマホ向けに縦レイアウトの余白と画像の押し潰れ防止 ▼ */
      .business-subsidy-flow-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 10px;
        gap: 16px;
      }
      /* アイコンとテキストが横並びにならないように縦に並べる設定 */
      .business-subsidy-flow-body {
        flex-direction: column;
        gap: 12px;
        width: 100%; /* 追加：全体幅を使うようにする */
      }
      .business-subsidy-step-badge {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--border);
        padding-right: 0;
        padding-bottom: 16px;
      }
      .business-subsidy-flow-content {
        align-items: center;
        width: 100%; /* 追加 */
      }
      .business-subsidy-flow-text {
        text-align: center;
        width: 100%; /* 追加 */
      }
      
      /* アイコン画像が極端に狭くならないように制御 */
      .business-subsidy-flow-icon {
        width: 100px; /* 固定幅を持たせる */
        height: 100px;
        margin: 0 auto;
      }
      .business-subsidy-flow-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      
      /* スマホ表示の矢印も調整 */
      .business-subsidy-flow-item:not(:last-child)::after {
        bottom: -27px;
        border-top: 16px solid #95a9b6;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
      }
      
      /* ▼ 注意書きのレスポンシブ対応（幅100%） ▼ */
      .business-subsidy-attention {
        width: 100%;
      }
      
      /* ▼ サポートカードのフォントサイズと余白調整 ▼ */
      .business-subsidy-support-grid{grid-template-columns:1fr}
      .business-subsidy-support-card {
        padding: 26px 10px;
      }
      .business-subsidy-support-card h3 {
        font-size: 17px;
      }
      .business-subsidy-support-card p {
        font-size: 16px;
      }
      
      /* ▼ FAQ下の余白を半分に ▼ */
      .business-subsidy-faq {
        margin-bottom: 50px;
      }
      
      /* ▼ 注記テキストのフォントサイズとぶら下がりインデント調整 ▼ */
      .business-subsidy-limit-note,
      .business-subsidy-final-note,
      .business-subsidy-lead-wrap .business-subsidy-small {
        font-size: 14px;
      }
      .business-subsidy-limit-note,
      .business-subsidy-lead-wrap .business-subsidy-small,
      .business-subsidy-indent {
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
      }
      
      /* ▼ 最後のCTAセクション（背景と見出しサイズ調整） ▼ */
      .business-subsidy-final-cta {
        background: linear-gradient(-45deg, #cce4f6 0%, #0f3557 13%, #0f3557 70%, #cce4f6 100%);
      }
      .business-subsidy-wrapper .business-subsidy-final-cta h2.business-subsidy-final-title {
        font-size: 20px;
        background: none;
        padding: 0;
      }
      
      .business-subsidy-hero-actions,.business-subsidy-final-actions{display:grid}
      .business-subsidy-cta{width:100%}
      
      /* スマホ表示での巨大吹き出しのサイズと余白調整 */
      .business-subsidy-final-cta .business-subsidy-eyebrow.business-subsidy-eyebrow-alt {
        padding: 12px 18px; /* 横幅を少し小さくするため、左右のpaddingを調整 */
        margin: 0 auto 17px; /* 指示通り下の余白を17pxに変更 */
        border-radius: 16px;
        font-size: 20px; /* 指示通り20pxに変更 */
      }
      
      /* 吹き出しのしっぽ（三角）のサイズと位置をスマホ用に調整 */
      .business-subsidy-final-cta .business-subsidy-eyebrow.business-subsidy-eyebrow-alt::after {
        bottom: -18px;
        border-top: 19px solid #fff;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
      }
      
      /* スマホ表示でのガラスカードの余白調整 */
      .business-subsidy-final-glass-card {
        padding: 20px 5px;
        margin-top: 16px;
      }
    }