/* =========================================================
   配色の調整（2026-10-04）：「AIっぽい」グラデーション文字・ネオンの光をやめ、
   紺・白・オレンジの3色に絞った落ち着いたコーポレート配色にする。
   元に戻すときは index.html からこのファイルの読み込みを外すだけでよい。
   ========================================================= */
body.corp {
    --tone-navy: #0b1638;
    --tone-blue: #1c3fa8;
    --tone-sky: #9bb4e6;
    --tone-orange: #f36f21;
}

/* 見出し：グラデーションの文字 → 単色 */
body.corp .section-title,
body.corp .company-message .section-title-en,
body.corp .products-headline {
    background: none;
    -webkit-text-fill-color: var(--tone-navy);
    color: var(--tone-navy);
    filter: none;
    animation: none;
}
body.corp .map-section .section-title { -webkit-text-fill-color: #fff; color: #fff; }

/* 英字の小見出し：水色のネオン → 落ち着いた色 */
body.corp :is(.vb-en, .ad-en, .vs-en, .gb-en, .hero-label) { color: var(--tone-sky); }
body.corp .ig-en { color: #f6b689; }

/* ヒーロー */
body.corp .hero .gradient-text {
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}
body.corp .hero-title { text-shadow: 0 2px 18px rgba(0, 0, 0, .5); }
body.corp .hs-route { filter: none; opacity: .7; }
body.corp .hs-nodes circle { filter: none; }
body.corp .hs-earth { box-shadow: 0 0 40px 4px rgba(79, 140, 230, .3), inset -40px -30px 120px rgba(0, 0, 0, .65); }
body.corp .hs-earth::after { border-color: rgba(255, 255, 255, .15); box-shadow: none; }
body.corp .hs-robot { filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .55)); }

/* 1兆円 */
body.corp .vb-title { text-shadow: none; }
body.corp .vb-num {
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}
body.corp .vb-unit {
    background: none;
    -webkit-text-fill-color: var(--tone-orange);
    color: var(--tone-orange);
}
body.corp .vb-road::before { background: rgba(255, 255, 255, .25); }
body.corp .vb-road li { border-color: rgba(255, 255, 255, .14); }
body.corp .vb-road li::before { background: #fff; box-shadow: none; }
body.corp .vb-road li.goal { border-color: var(--tone-orange); background: rgba(243, 111, 33, .08); }
body.corp .vb-road li.goal::before { background: var(--tone-orange); box-shadow: none; }
body.corp .goal .vr-big { color: var(--tone-orange); }
body.corp .vs-text strong {
    background: none;
    -webkit-text-fill-color: #ffb27a;
    color: #ffb27a;
}

/* 数字の帯 */
body.corp .gb-stats b {
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}
body.corp .gb-stats b small { -webkit-text-fill-color: #fff; }

/* AI駆動経営 */
body.corp .ad-title span {
    background: none;
    -webkit-text-fill-color: var(--tone-orange);
    color: var(--tone-orange);
}
body.corp .ad-before-after .now b { color: var(--tone-orange); text-shadow: none; }
body.corp .ad-facts li { border-color: rgba(255, 255, 255, .16); }
body.corp .ad-ai { fill: var(--tone-sky); filter: none; }
body.corp .ad-hub { stroke: var(--tone-sky); filter: none; }
body.corp .ad-link-core { stroke: rgba(155, 180, 230, .5); }
body.corp .ad-link-ai { stroke: rgba(155, 180, 230, .25); }
body.corp .ad-person-bg { filter: none; }
body.corp .ad-legend .lg-hub { border-color: var(--tone-sky); }
body.corp .ad-legend .lg-ai { background: var(--tone-sky); }

/* AXel Ignition：茶色がかったグラデーション → 紺の単色 */
body.corp .ignition-section { background: #0a1433; }
body.corp .ig-stats li.hl { background: rgba(243, 111, 33, .12); box-shadow: none; }
body.corp .ig-stats .hl b { color: var(--tone-orange); }
body.corp .ig-card i { color: var(--tone-orange); }

/* 製品カードの上の光る線 */
body.corp .product-card::before { box-shadow: none; }

/* 取引先：7社になったので並べ方を自動に */
body.corp .cl-list { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* 道のりを4段階に（2026-10-04） */
body.corp .vb-road { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1160px; }
@media (max-width: 1024px) { body.corp .vb-road { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.corp .vb-road::before { display: none; } }
@media (max-width: 600px) { body.corp .vb-road { grid-template-columns: 1fr; } }