/* =========================================================
   本文がもともと白いページ用（2026-10-04）
   会社情報・採用・プライバシーポリシー・研究事例など。
   ページ全体は反転せず、濃紺の部分（ヘッダー・上部の帯・関連記事・フッター）だけを
   反転して明るくする。写真・ロゴは二重に反転して元の色に戻す。
   ========================================================= */
.header,
.breadcrumb,
.article-header,
.related-articles,
.footer,
.case-hero,
.cta-section {
    filter: invert(1) hue-rotate(180deg);
}
.header img,
.breadcrumb img,
.article-header img,
.related-articles img,
.footer img,
.case-hero img,
.cta-section img,
.footer iframe {
    filter: invert(1) hue-rotate(180deg);
}

/* スクロール後のヘッダー：白い背景は反転で黒になるため、反転前の色を濃紺にしておく（反転後は白） */
.header.scrolled {
    background: rgba(10, 14, 39, .96) !important;
    box-shadow: 0 2px 12px rgba(255, 255, 255, .06);
}
.header.scrolled .nav-link { color: rgba(255, 255, 255, .92); }
.header.scrolled .nav-link.btn-contact { color: #fff; }
.header.scrolled .hamburger span { background: rgba(255, 255, 255, .92); }

/* ロゴを大きく（2026-10-04 グリーン×ゴールド） */
.header .logo img, body.corp .logo img { height: 52px !important; max-width: min(240px, 50vw) !important; }
.footer-logo img { height: 56px; width: auto; }
@media (max-width: 768px) { .header .logo img, body.corp .logo img { height: 40px !important; } }

/* 2026-10-04：お問い合わせを金色に／「兆円」を金色に */
.nav-menu .nav-link.btn-contact, body.corp .btn-contact, body.corp .header .nav-link.btn-contact {
    background: linear-gradient(135deg, #f3d77a 0%, #d4af37 45%, #b8860b 100%) !important;
    color: #2a1d00 !important;
    box-shadow: 0 4px 14px rgba(196, 150, 40, .35) !important;
    border: 0 !important;
}
.nav-menu .nav-link.btn-contact:hover, body.corp .btn-contact:hover { filter: brightness(1.06); }
body.corp .vb-unit {
    background: linear-gradient(180deg, #f6dc8a 0%, #d4af37 50%, #a87b12 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0 2px 6px rgba(196, 150, 40, .3));
}

.nav-menu .nav-link.btn-contact { filter: invert(1) hue-rotate(180deg); }

/* 金色のボタン（2026-10-04） */
.contact-form button[type="submit"], .contact-form .btn-submit, .contact-form .submit-button, .cb-btn, .rp-contact .btn-primary {
    background: linear-gradient(135deg, #f3d77a 0%, #d4af37 45%, #b8860b 100%) !important;
    color: #2a1d00 !important;
    box-shadow: 0 6px 18px rgba(196, 150, 40, .35) !important;
    border: 0 !important;
}

/* ロゴ（エンブレム＋RSK、2026-10-04 統一版） */
.header .logo img, body.corp .logo img { height: 46px !important; width: auto !important; max-width: 200px !important; }
.footer-logo img { height: 52px !important; width: auto; }
@media (max-width: 768px) { .header .logo img, body.corp .logo img { height: 36px !important; } }

/* ヘッダーを反転表示するページ用：表示が「黒文字→ゴールド／レインボー」になるよう、反転前の色を指定（2026-10-05） */
html body .header .nav-menu .nav-link:not(.btn-contact) { color: #fff !important; }
html body html body .header .nav-menu .nav-link:not(.btn-contact):active {
    background: linear-gradient(90deg, #a37115, #623400 40%, #371b00 60%, #9b5c00) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html body .header .nav-link.btn-contact:hover, html body .header .nav-link.btn-contact:active {
    background: linear-gradient(90deg, #ff6282, #a44400, #422300, #007012, #006aa2, #5f7fff, #a760f4, #ff6282) !important; background-size: 300% 100% !important; }