/* LII-355 ロコノミクス LP — JSOL 提供 LP の <style> をそのまま移植し、末尾に静的化用クラスを追加 */
  body { margin:0; background:#fff; font-family:"Noto Sans JP Variable","Noto Sans JP","Yu Gothic",sans-serif; -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  a { color:#1F4E9C; text-decoration:none; } a:hover { color:#0d3573; }
  html { scroll-behavior:smooth; }

  @media (max-width:768px){
    [data-m="root"]{min-width:0!important}
    [data-m="hdr"]{padding:10px 14px!important; gap:10px!important; flex-wrap:wrap!important}
    [data-m="nav"]{display:none!important}
    [data-m="hdrsub"]{display:none!important}
    [data-m="hdrcta"]{font-size:13px!important; padding:11px 14px!important}
    [data-m="hero"]{grid-template-columns:1fr!important; gap:26px!important; padding:34px 18px 0 18px!important}
    [data-m="h1"]{font-size:30px!important}
    [data-m="lead"]{font-size:16px!important}
    [data-m="h2"]{font-size:24px!important}
    [data-m~="g4"],[data-m~="g3"],[data-m~="g2"]{grid-template-columns:1fr!important; gap:14px!important}
    [data-m="pad"]{padding:52px 18px!important}
    [data-m="padhero"]{padding:26px 18px 40px 18px!important}
    [data-m~="padcontact"]{padding:52px 18px!important}
    [data-m="law"]{grid-template-columns:1fr!important; gap:18px!important; padding:36px 18px!important}
    [data-m="lawl"]{border-right:0!important; border-bottom:2px solid rgba(255,255,255,.28)!important; padding-right:0!important; padding-bottom:16px!important}
    [data-m="lawl"] div{white-space:normal!important}
    [data-m="lawttl"]{font-size:22px!important}
    [data-m="lawtxt"]{font-size:16px!important}
    [data-m="nowrap"]{white-space:normal!important; font-size:15px!important}
    [data-m="flow"]{flex-direction:column!important; gap:10px!important}
    [data-m="arrow"]{justify-content:center!important}
    [data-m="arrow"]>div{transform:rotate(90deg)!important}
    [data-m="fnhead"]{flex-wrap:wrap!important; gap:10px!important}
    [data-m="panelpad"]{padding:20px 16px!important}
    [data-m="band"]{flex-direction:column!important; align-items:flex-start!important; gap:20px!important; padding:40px 18px!important}
    [data-m="bandttl"]{font-size:22px!important}
    [data-m="cardpad"]{padding:24px 20px!important}
    [data-m="mail"]{font-size:17px!important}
    [data-m="foot"]{flex-direction:column!important; align-items:flex-start!important; gap:22px!important; padding:32px 18px!important}
    [data-m="footr"]{text-align:left!important}
    [data-m="sticky"]{flex-direction:column!important; gap:10px!important; padding:12px 16px!important}
    [data-m="sticky"] div{font-size:13px!important}
    [data-m="hstat"]{font-size:26px!important}
    [data-m="tabbtn"]{padding:14px 14px!important}
  }

/* ---- LII-355: 静的化にあたって追加したクラス（dc ランタイムの computed style / style-hover の置き換え） ---- */
.lp-hover-red:hover { background:#a91117 !important; }
.lp-hover-blue:hover { background:#EAF1FA !important; }
.lp-hover-faq:hover { background:#f6f8fb !important; }
.lp-hover-mail:hover { background:#dbe7f7 !important; }

/* サービス: タブボタン */
.lp-tab { position:relative; padding:18px 18px 16px; border-radius:10px; cursor:pointer; font-family:inherit; display:flex; flex-direction:column; align-items:flex-start; gap:10px; transition:background .15s ease, border-color .15s ease; background:#fff; border:2px solid #b9c6d8; color:#14428c; text-align:left; }
.lp-tab.is-active { background:#14428c; border-color:#14428c; color:#fff; box-shadow:0 8px 20px rgba(20,66,140,.22); }
.lp-tab__num { flex:none; width:30px; height:30px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:900; background:#EAF1FA; color:#14428c; }
.lp-tab.is-active .lp-tab__num { background:#fff; color:#14428c; }
.lp-tab__hint { font-size:12px; font-weight:700; letter-spacing:.02em; color:#7c8ba0; }
.lp-tab.is-active .lp-tab__hint { color:#f6c343; }
.lp-tab__hint-on { display:none; }
.lp-tab.is-active .lp-tab__hint-on { display:inline; }
.lp-tab.is-active .lp-tab__hint-off { display:none; }
.lp-tab__arrow { display:none; }
.lp-tab.is-active .lp-tab__arrow { display:block; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #14428c; }

/* サービス: パネル / FAQ は hidden 属性で切替（[hidden] は UA 既定で display:none） */
.lp-panel[hidden], .lp-faq__a[hidden] { display:none; }

/* スティッキー CTA: lp.js が scrollY > 900 で is-visible を付与 */
.lp-sticky.is-visible { transform:translateY(0) !important; }

/* ヘッダー「ログイン」ボタン (LII-355 追加) */
@media (max-width:768px){
  [data-m="hdrlogin"]{font-size:13px!important; padding:9px 14px!important}
}