.fi-hero{background:#f7f9fb;padding:92px 20px 104px}.fi-hero-inner{max-width:1320px;margin:0 auto}.fi-crumb{font-size:13px;color:#8a95a5;margin-bottom:34px}.fi-h1{font-family:"Noto Sans JP",sans-serif;font-size:58px;font-weight:500;color:#17285F;margin:0 0 18px;letter-spacing:.03em;line-height:1.3}.fi-lead{font-size:18px;font-weight:500;color:#3a4a5e}.fi-price{max-width:1320px;margin:52px auto 0;background:#fff;border:1px solid #e5e9ee;border-radius:6px;padding:34px 40px;display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:nowrap}.fi-price .num{font-family:"Oswald",sans-serif;font-size:74px;font-weight:700;color:#1b7eac;line-height:1;white-space:nowrap}.mk{background:linear-gradient(transparent 62%,#fff100 62%);padding:0 2px}.fi-price .num small{font-size:24px;font-weight:800;font-family:var(--font);color:#111;margin-left:6px}.fi-price ul{list-style:none;margin:0;padding:0 0 0 40px;border-left:1px solid #e5e9ee;font-size:16px;font-weight:500;color:#1a2433;display:grid;grid-template-columns:auto auto;gap:14px 40px}.fi-price ul li::before{content:"✓";color:#1f9d5b;font-weight:900;margin-right:7px}.fi-sec{padding:110px 20px}.fi-sec-inner{max-width:1320px;margin:0 auto}.fi-sec h2{font-family:"Noto Sans JP",sans-serif;font-size:48px;font-weight:500;color:#17285F;margin:0 0 40px;position:relative;padding-bottom:20px;letter-spacing:.02em;line-height:1.4}.fi-sec h2::after{content:"";position:absolute;left:0;bottom:0;width:150px;height:3px;background:#1b7eac;border-radius:2px;filter:blur(.4px)}.fi-sec .desc{font-size:16.5px;font-weight:500;color:#3a4a5e;margin:0 0 50px}.fi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}@media(max-width:768px){.fi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.fi-grid{grid-template-columns:repeat(2,1fr)}}.fi-card{background:#fff;border:1px solid #E4EBF3;border-radius:6px;padding:30px 14px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 4px 12px -6px rgba(3,76,146,.18)}.fi-card img{width:64px;height:64px;object-fit:contain;filter:saturate(1.14) hue-rotate(12.5deg);opacity:.14}.fi-card span{font-size:16.5px;font-weight:700;color:#1a2433;line-height:1.4}.fi-more{text-align:center;font-size:15px;font-weight:700;color:#3a4a5e;margin-top:40px}.fi-optwrap{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.fi-opt{background:#fff;border:1px solid #e5e9ee;border-radius:6px;padding:40px 28px;text-align:center}.fi-opt img{width:76px;height:76px;object-fit:contain;margin:0 auto 14px}.fi-opt h3{font-size:18px;font-weight:800;color:#111;margin:0 0 8px}.fi-opt p{font-size:14.5px;font-weight:500;color:#3a4a5e;line-height:1.8;margin:0}@media(max-width:768px){.fi-optwrap{grid-template-columns:1fr}.fi-h1{font-size:36px}.fi-sec h2{font-size:30px}}.header-action-item{border-radius:4px}
/* ===== BCトンマナ統一（トップのH1/H2配色を踏襲） ===== */
.fi-hero{position:relative;overflow:hidden;background:linear-gradient(97deg,#0E3058 0%,#034C92 52%,#0F4C93 76%,#0E2F57 100%)}
.fi-hero::before{content:none}
.fi-hero-inner{position:relative}.fi-head-copy{position:relative}
.fi-crumb{color:#9DB8D8}
.fi-crumb a{color:#C9D8EC}
.fi-h1{color:#fff}.fi-hero .page-wm{position:absolute;right:64px;top:50%;transform:translateY(-50%);font-size:150px;line-height:.8;color:rgba(255,255,255,.09);margin:0;z-index:0;white-space:nowrap}.fi-h1,.fi-lead,.fi-price,.fi-note{position:relative;z-index:1}
.fi-lead{color:#D6E2F0}.fi-lead::before{content:"";display:inline-block;width:30px;height:3px;margin:0 14px 5px 0;background:#FFE45C;border-radius:2px}
.fi-hero .mk{background:linear-gradient(transparent 62%,rgba(255,255,255,.30) 62%)}
.fi-price{border:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.4);border-radius:4px}
.fi-price .num{color:#034C92}
.fi-price ul li::before{color:#034C92}
.fi-sec h2{color:#112E56}
.fi-sec h2::after{background:linear-gradient(90deg,#112E56 0%,#034C92 40%,rgba(3,76,146,0) 100%);border-radius:0}
.fi-opt h3{color:#112E56}
.fi-card,.fi-opt{border-radius:4px}
.header-demo-btn{color:#112E56;border-color:#112E56}
.header-demo-btn::before{background:#112E56}
.header-contact-btn{background:#112E56;border-color:#112E56}
.header-contact-btn:hover{color:#112E56}

/* FV4下層統一: 料金・機能ページのタブレット／スマホ最適化 */
@media (max-width: 768px) {
  .fi-hero {
    padding: 72px 20px 76px;
  }

  .fi-price {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 34px 30px;
  }

  .fi-price > div {
    text-align: center;
  }

  .fi-price ul {
    border-top: 1px solid #e5e9ee;
    border-left: 0;
    padding: 26px 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 24px;
  }
}

@media (max-width: 640px) {
  .fi-hero {
    padding: 52px 20px 60px;
  }

  .fi-hero .page-wm {
    top: 50%;
    right: -18px;
    font-size: 74px;
  }

  .fi-h1 {
    margin-bottom: 12px;
    font-size: 34px;
  }

  .fi-lead {
    font-size: 15px;
    line-height: 1.8;
  }

  .fi-price {
    margin-top: 30px;
    padding: 30px 22px;
    gap: 24px;
  }

  .fi-price .num {
    font-size: 52px;
  }

  .fi-price .num small {
    margin-left: 3px;
    font-size: 18px;
  }

  .fi-price ul {
    grid-template-columns: 1fr;
    gap: 11px;
    padding-top: 22px;
    font-size: 14px;
    line-height: 1.65;
  }

  .svgb.sec {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .svgb .h2 {
    margin-bottom: 32px;
    padding-bottom: 14px;
    font-size: 32px;
  }

  .svgb .h2::after {
    width: 112px;
  }

  .svg-demo {
    padding: 42px 20px;
  }

  .svg-demo h2 {
    font-size: 28px;
  }

  .svg-demo-opts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .svg-demo-opts span,
  .svg-demo .btn-white {
    width: 100%;
    justify-content: center;
  }
}