/* ============================================================
   DTx FIT — 配色層：ネイビー基調 × 差し色の赤（最後に読み込む）
   赤 #B40019 はボタン・下線・バッジ・価格・ラベルの「差し色」だけに残す
   ============================================================ */
:root{--navy:#0B1F3A;--navy-l:#16305A;--navy-d:#071528;--ink:#14213D;--mute:#9AA7BD;--bg:#EEF1F6;--bg-2:#E8ECF3;--bg-3:#F2F4F8;--bg-4:#D6DCE6;--red:#B40019;--red-d:#5D131D}

/* ---- 土台 ---- */
body{color:var(--ink);background:var(--bg)}
header{background:rgba(11,31,58,.78)}
#gnav ul li a span{color:var(--mute)}
.header-btn a,.reserve-btn a{box-shadow:2px 2px 0 var(--navy-d)}
#nav-toggle.is-black span{background:var(--navy)}
.open #gnav{background:rgba(11,31,58,.94)}
.l-inner h3:after{background:var(--navy)}
.g-back{background:var(--bg)}
.pickup{background:var(--bg)}
.top-intro{background:var(--bg-2)}
.top-intro-box figcaption{background:rgba(11,31,58,.86)}
.intro-btn a{background-color:var(--navy)}
.intro-btn a:hover{background-color:var(--red)}
.conv-foot{background:var(--bg-3)}
.top-news{background:var(--navy)}
.top-news-left .all-btn a{background:var(--red)}
.top-news-left .all-btn a:hover{background:var(--red-d)}
.campaign{background:var(--bg-2)}
.news-line dl{background:rgba(11,31,58,.85)}
.table-list dd{border-bottom-color:var(--navy)}

/* ---- ABOUT / PLAN（.about ラッパー＝旧・赤の面）---- */
.about{background:var(--navy)}
.about-block-01 .number{background:var(--red)}
.price-plan .price-plan-obj{background:var(--bg-4)}
.price-plan .price-plan-obj dt{background:var(--navy)}
.plan-price table.price-01,.plan-price table.price-02{border-color:var(--navy)}
.plan-price table.price-01 th,.plan-price table.price-02 th{border-color:var(--navy);background:var(--navy)}
.plan-price table.price-01 td,.plan-price table.price-02 td{border-color:var(--navy)}
.join-list-area{background:var(--bg-3)}
.join-list dt{background:var(--navy)}
.join-list dd:before{background:var(--navy)}
.plan-list .plan-area p{color:var(--ink)}

/* ---- 無料体験（STEPパネル）---- */
.trial-list li .step-in{background:var(--navy)}
.trial-list li h3{background:var(--bg)}
.trial-list li h3 span{background:var(--navy)}
.trial-list li dl dt.tit{color:var(--navy)}
.trial-list li dl dd{background:var(--red)}

/* ---- 旧フッター指定（保険）---- */
footer{background:var(--navy)}
footer small{background:var(--navy-d);color:var(--mute)}

/* ---- アニメ層・進化層の黒 → ネイビー ---- */
.a-intro-space{background:var(--navy)}
.evo-veil{background:var(--navy)}
.kv{background:var(--navy)}
.kv-swipe figure::after{background:linear-gradient(180deg,rgba(11,31,58,.5) 0%,rgba(11,31,58,0) 28%,rgba(11,31,58,0) 62%,rgba(11,31,58,.55) 100%)}
.evo-points > li{background:#fff}
.evo-plan{background:var(--bg)}
.evo-plan-list .head{background:var(--navy)}
.evo-plan-list .price span{color:var(--ink)}
.evo-plan-list ul{border-top-color:var(--bg-4)}
.evo-steps .step{background:var(--navy)}
footer.evo-foot{background:var(--navy)}
.evo-foot small{background:var(--navy-d);color:var(--mute)}
.evo-foot-brand p{color:var(--mute)}
.evo-foot-info dt{color:var(--mute)}
.evo-foot-btns a:hover{background:#fff;color:var(--navy)}
.a-form-fallback p{color:var(--ink)}