/* =========================================================
   リニューアル案C・D の「明るい版」（?tone=light のときだけ読み込む）。2026-10-02
   暗い版（renewal-c.css / renewal-d.css）には手を入れず、ここで上書きする
   ========================================================= */

/* ---------------- 案C ---------------- */
/* ヘッダー：ヒーローが白いので、最初から濃い文字・色付きのロゴ */
body.rc.tone-light .rc-header:not(.is-solid) .rc-logo img { filter: none; }
body.rc.tone-light .rc-header:not(.is-solid) .rc-nav { color: var(--ink); }
body.rc.tone-light .rc-header:not(.is-solid) .rc-btn { background: var(--blue); color: #fff; }
body.rc.tone-light .rc-burger { background: rgba(11,27,43,.06); }
body.rc.tone-light .rc-burger span { background: var(--ink); }

/* ヒーロー：白い地に、淡い青と緑の光 */
body.rc.tone-light .rc-hero { background: #f7fbff; color: var(--ink); }
body.rc.tone-light .rc-blob, body.rc.tone-light .rc-hero__grain, body.rc.tone-light .rc-beam { display: none; }
body.rc.tone-light .rc-hero__bg::after { display: block; background: radial-gradient(55% 50% at 96% 100%, rgba(35,228,171,.20), rgba(35,228,171,0) 70%); }
body.rc.tone-light .rc-aurora { display: block; inset: -30% -20% -10% 10%; filter: none; opacity: .7;
  background:
    radial-gradient(38% 34% at 70% 35%, rgba(0,159,253,.30), transparent 70%),
    radial-gradient(28% 28% at 86% 62%, rgba(35,228,171,.30), transparent 70%),
    radial-gradient(34% 30% at 55% 72%, rgba(120,190,255,.28), transparent 70%);
  animation: rc-aurora 18s ease-in-out infinite alternate; }
body.rc.tone-light .rc-dots { display: block; inset: 0;
  background-image: radial-gradient(rgba(0,119,217,.18) 1px, transparent 1.4px); background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(60% 70% at 72% 45%, #000 0%, transparent 75%); mask-image: radial-gradient(60% 70% at 72% 45%, #000 0%, transparent 75%); }
body.rc.tone-light .rc-hero__title .rc-line:last-child > span { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.rc.tone-light .rc-kicker { color: var(--blue-d); opacity: 1; }
body.rc.tone-light .rc-hero__lead { color: var(--ink-2); opacity: 1; }
body.rc.tone-light .rc-hero__perks li { background: rgba(255,255,255,.9); border: 1px solid rgba(11,27,43,.08); box-shadow: 0 16px 30px -22px rgba(0,40,90,.45); }
body.rc.tone-light .rc-hero__perks small { color: var(--ink-2); opacity: 1; }
body.rc.tone-light .rc-perk__ic--bar { background: #eaf5ff; }
body.rc.tone-light .rc-phone { box-shadow: inset 0 0 0 2px #2b3644, 0 0 0 1px rgba(11,27,43,.06), 0 50px 90px -34px rgba(0,60,140,.5); }
body.rc.tone-light .rc-card--glass { background: linear-gradient(135deg, #dff1ff, #ffffff); border: 1px solid rgba(0,119,217,.16); color: var(--ink-2); box-shadow: 0 24px 40px -22px rgba(0,40,90,.35); }
body.rc.tone-light .rc-card--navy { box-shadow: 0 24px 40px -20px rgba(0,30,70,.45); }
body.rc.tone-light .rc-usage { box-shadow: 0 24px 48px -20px rgba(0,40,90,.35); }
body.rc.tone-light .rc-note { color: var(--ink-2); }

/* 費用の帯：紺 → 白 */
body.rc.tone-light .rc-proof { background: #fff; color: var(--ink); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.rc.tone-light .rc-proof li + li { border-left-color: var(--line); }
body.rc.tone-light .rc-proof li > span { color: var(--ink-2); opacity: 1; }
body.rc.tone-light .rc-proof b { color: var(--ink); }

/* フッター：紺 → 淡いグレー */
body.rc.tone-light .rc-footer { background: #f5f8fb; color: var(--ink-2); border-top: 1px solid var(--line); }
body.rc.tone-light .rc-footer__logo { filter: none; }
body.rc.tone-light .rc-footer__tag { color: var(--ink); }
body.rc.tone-light .rc-footer__nav a:hover { color: var(--blue-d); }
body.rc.tone-light .rc-footer__word { color: rgba(11,27,43,.05); }
body.rc.tone-light .rc-story .rc-eyebrow--dark { background: #e3f4ff; border-color: transparent; color: var(--blue-d); }

/* ---------------- 案D：テック調（格子・細い線・等幅の小見出し）はそのまま、地を白に ---------------- */
body.rd.tone-light { --bg0: #ffffff; --bg1: #f6f8fa; --bd: rgba(11,27,43,.08); --bd2: rgba(11,27,43,.14); --tx: #0b1b2b; --tx2: #5b6773; }
body.rd.tone-light .rd-h2, body.rd.tone-light .rd-hero, body.rd.tone-light .rd-fee, body.rd.tone-light .rd-biz, body.rd.tone-light .rd-cta { color: var(--tx); }
body.rd.tone-light .rd-kicker, body.rd.tone-light .rd-kicker--blue, body.rd.tone-light .rd-kicker--light { color: #0077d9; background: rgba(0,159,253,.06); }
/* ヘッダー */
body.rd.tone-light .rd-logo img, body.rd.tone-light .rd-header.is-solid .rd-logo img, .is-menu body.rd.tone-light .rd-logo img { filter: none; }
body.rd.tone-light .rd-header.is-solid { background: rgba(255,255,255,.85); box-shadow: 0 1px 0 var(--bd); }
body.rd.tone-light .rd-nav, body.rd.tone-light .rd-header.is-solid .rd-nav { color: #3a4654; }
body.rd.tone-light .rd-nav > a:hover, body.rd.tone-light .rd-dd > button:hover { color: var(--tx); }
body.rd.tone-light .rd-header__cta, body.rd.tone-light .rd-header.is-solid .rd-header__cta { background: var(--tx); color: #fff; }
body.rd.tone-light .rd-dd__menu { background: #fff; box-shadow: 0 20px 40px -20px rgba(0,40,90,.3); }
body.rd.tone-light .rd-dd__menu a:hover { background: rgba(11,27,43,.04); }
body.rd.tone-light .rd-burger, body.rd.tone-light .rd-header.is-solid .rd-burger, .is-menu body.rd.tone-light .rd-burger { background: rgba(11,27,43,.06); }
body.rd.tone-light .rd-burger span, body.rd.tone-light .rd-header.is-solid .rd-burger span, .is-menu body.rd.tone-light .rd-burger span { background: var(--tx); }
/* ヒーロー */
body.rd.tone-light .rd-glow { opacity: .24; }
body.rd.tone-light .rd-hero__title .rd-w:last-child { background: linear-gradient(100deg, #0b1b2b 0%, #0077d9 48%, #13c79a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.rd.tone-light .rd-hero__perks li { background: #fff; box-shadow: 0 12px 26px -18px rgba(0,40,90,.35); }
body.rd.tone-light .rd-phone { box-shadow: 0 0 0 1px var(--bd2), 0 40px 100px -34px rgba(0,100,200,.5); }
body.rd.tone-light .rd-float { background: rgba(255,255,255,.97); box-shadow: 0 24px 50px -26px rgba(0,40,90,.4); }
/* 費用・ホークス */
body.rd.tone-light .rd-facts b { color: var(--tx); }
body.rd.tone-light .rd-hawks__in { border: 1px solid var(--bd); }
/* 料金 */
body.rd.tone-light .rd-fee::before { opacity: .14; }
body.rd.tone-light .rd-fee__num { background: linear-gradient(180deg, #0b1b2b 30%, rgba(11,27,43,.35)); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.rd.tone-light .rd-fee__list li { background: #fff; }
body.rd.tone-light .rd-fee__save > div > span { border-color: var(--bd2); background: #fff; }
body.rd.tone-light .rd-fee__save b { background: linear-gradient(100deg, #009ffd, #13c79a); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* 払えるもの・法人・よくある質問・CTA・フッター */
body.rd.tone-light .rd-pay__grid li { background: var(--bg1); }
body.rd.tone-light .rd-pay__grid li:hover { background: #eef6fd; }
body.rd.tone-light .rd-pay__ill { filter: drop-shadow(0 18px 20px rgba(0,40,90,.16)); }
body.rd.tone-light .rd-stmt { border: 1px solid var(--bd); box-shadow: 0 40px 100px -50px rgba(0,100,200,.45); }
body.rd.tone-light .rd-faq__list details { background: #fff; }
body.rd.tone-light .rd-faq__list summary::after { background: var(--tx); color: #fff; }
body.rd.tone-light .rd-link { color: #0077d9; }
body.rd.tone-light .rd-cta::before { opacity: .16; }
body.rd.tone-light .rd-footer { background: var(--bg1); color: var(--tx2); }
body.rd.tone-light .rd-footer__logo { filter: none; }
body.rd.tone-light .rd-footer__grid p { color: var(--tx); }
body.rd.tone-light .rd-footer nav a:hover { color: var(--tx); }
/* 新しい節（サービス概要・メリット・ダウンロード） */
body.rd.tone-light .fx-flow li { background: #fff; }
body.rd.tone-light .fx-need li { background: #fff; border: 1px solid var(--bd); }
body.rd.tone-light .rd-show .fx-show__phone { box-shadow: 0 0 0 1px var(--bd2), 0 50px 100px -40px rgba(0,100,200,.5); }
body.rd.tone-light .fx-merit__no { color: #0077d9; }
body.rd.tone-light .fx-merit__card { box-shadow: 0 30px 60px -44px rgba(0,40,90,.4); }
body.rd.tone-light .fx-calc { background: #fff; }
body.rd.tone-light .fx-calc input[type=range] { background: linear-gradient(90deg, #009ffd, #23e4ab) 0 0 / var(--p, 11%) 100% no-repeat, #dbe7f1; }
body.rd.tone-light .fx-story__head .rd-h2 { color: var(--tx); }
body.rd.tone-light .fx-dl { background: var(--bg1); color: var(--tx); }
body.rd.tone-light .fx-dl::before { background: radial-gradient(closest-side, rgba(0,159,253,.20), rgba(35,228,171,.08) 60%, transparent); }
body.rd.tone-light .fx-dl__title { background: linear-gradient(100deg, #0b1b2b 30%, #0077d9 70%, #13c79a); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.rd.tone-light .fx-dl__qr { border: 1px solid var(--bd); box-shadow: 0 30px 60px -36px rgba(0,40,90,.4); }

/* ---------------- 案C・D 共通：ベネフィット（紺／黒 → 白） ---------------- */
body.tone-light .fx-story { background: linear-gradient(180deg, #f3f9ff 0%, #ffffff 22%); color: #0b1b2b; }
body.tone-light .fx-story::before { background: radial-gradient(circle, rgba(0,159,253,.12), rgba(0,159,253,0) 65%); }
body.tone-light .fx-story__lead { color: #4a5866; }
body.tone-light .fx-story__chip { background: #e3f4ff; border-color: transparent; color: #0077d9; }
body.tone-light .fx-story__body p { color: #4a5866; }
body.tone-light .fx-story__media { background: #e9f1f8; box-shadow: 0 40px 80px -48px rgba(0,40,90,.5); }
body.tone-light .fx-story__note { color: #6b7680; }
body.tone-light .fx-story__media--meter { background: radial-gradient(circle at 25% 15%, rgba(0,159,253,.14), transparent 55%), radial-gradient(circle at 85% 90%, rgba(35,228,171,.14), transparent 50%), #f5f9fd; border: 1px solid rgba(11,27,43,.06); }
body.tone-light .fx-meter__k { color: #4a5866; }
body.tone-light .fx-meter__bar { background: #fff; border-color: rgba(11,27,43,.1); }
body.tone-light .fx-meter__goal { background: #0b1b2b; color: #fff; }
body.tone-light .fx-meter__goal::after { background: repeating-linear-gradient(180deg, #0b1b2b 0 4px, transparent 4px 8px); }
body.tone-light .fx-meter__axis { color: #8a96a3; }
body.tone-light .fx-meter__badge { background: #fff; border-color: rgba(11,27,43,.1); box-shadow: 0 12px 24px -14px rgba(0,40,90,.35); }

/* 2026-10-02 メリット01（カードの種類の切り替え）・法人ボタン：案Dの明るい版 */
body.rd.tone-light .fx-pm__tabs { background: #eef3f8; }
body.rd.tone-light .fx-pm__tabs button[aria-selected="true"] { background: #fff; color: var(--tx); box-shadow: 0 2px 10px rgba(0,40,90,.14); }
body.rd.tone-light .fx-pm__label b { color: #0077d9; }
body.rd.tone-light .fx-pm__coin svg { filter: drop-shadow(0 6px 0 rgba(11,27,43,.16)) drop-shadow(0 6px 0 rgba(11,27,43,.10)) drop-shadow(0 14px 14px rgba(0,40,90,.2)); }
body.rd.tone-light .fx-biz-more { background: var(--tx); color: #fff; }
body.tone-light .fx-story__media--fee { background: radial-gradient(circle at 78% 18%, rgba(35,228,171,.16), transparent 55%), radial-gradient(circle at 15% 85%, rgba(0,159,253,.16), transparent 55%), #f5f9fd; border: 1px solid rgba(11,27,43,.06); }
body.tone-light .fx-fee__slip { border: 1px solid rgba(11,27,43,.08); box-shadow: 0 30px 60px -30px rgba(0,40,90,.4); }

/* 2026-10-02 ニュース・ブログ、フッターの追加分（明るい版） */
body.rd.tone-light .fx-news__links a:hover, body.rd.tone-light .fx-blog__card:hover .fx-blog__title, body.rd.tone-light .fx-feed__item a:hover .fx-feed__title { color: #0077d9; }
body.rd.tone-light .fx-blog__img { background: #eef3f8; }
body.rd.tone-light .fx-blog__cat { background: #eef6fd; color: #0077d9; }
body.rd.tone-light .fx-feed__item a::before { background: #fff; border-color: #b8c6d3; }
body.rd.tone-light .fx-feed__item:first-child a::before { border-color: #009ffd; box-shadow: 0 0 0 4px rgba(0,159,253,.15); }
body.rd.tone-light .fx-feed__cat { background: #eef3f8; color: #4a5866; }
body.rd.tone-light .fx-feed__cat--news { background: #e3f4ff; color: #0077d9; }
body.rd.tone-light .fx-feed__cat--press-releases { background: #dcfaf0; color: #0a8f6c; }
body.rd.tone-light .fx-feed__cat--campaigns-offers { background: #fff4d6; color: #a06a00; }
body.rd.tone-light .fx-feed__cat--service-disruptions { background: #ffe8e8; color: #c43a3a; }
body.tone-light .fx-foot { border-top-color: rgba(11,27,43,.1); }
body.tone-light .fx-foot__sns a { background: rgba(11,27,43,.06); }
body.tone-light .fx-foot__sns a:hover { background: rgba(11,27,43,.12); }
body.tone-light .fx-foot__sns img { filter: none; opacity: 1; }
body.tone-light .fx-foot__lang { border-color: rgba(11,27,43,.18); }
body.tone-light .fx-foot__badge { background: #fff; border-color: rgba(11,27,43,.08); }
/* 2026-10-02 メリット01のカレンダー（案Dの明るい版） */
body.rd.tone-light .fx-cal { background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.07), 0 16px 30px -22px rgba(0,40,90,.4); }
body.rd.tone-light .fx-cal__month { color: var(--tx); }
body.rd.tone-light .fx-cal__head span { color: #0077d9; }
body.rd.tone-light .fx-cal__days li { color: #4a5866; }
body.rd.tone-light .fx-cal__days li.is-pay { color: #fff; }
body.rd.tone-light .fx-pm__count { background: var(--tx); color: #fff; }
/* 2026-10-02 メリット02の比較（案Dの明るい版） */
body.rd.tone-light .fx-sim { background: #f2f8fd; border: 0; }
body.rd.tone-light .fx-sim__seg { background: #fff; box-shadow: inset 0 0 0 1px #dbe7f1; }
body.rd.tone-light .fx-sim__seg button[aria-pressed="true"] { background: var(--tx); color: #fff; }
body.rd.tone-light .fx-sim input[type=range] { background: linear-gradient(90deg, #009ffd, #23e4ab) 0 0 / var(--p, 11%) 100% no-repeat, #dbe7f1; }
body.rd.tone-light .fx-can, body.rd.tone-light .fx-merit__below--sim { background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.06), 0 30px 60px -44px rgba(0,40,90,.4); }
body.rd.tone-light .fx-merit__below--sim .fx-can { box-shadow: none; }
body.rd.tone-light .fx-can__list li { background: #f5f8fb; }
body.rd.tone-light .fx-can__ic { background: #e3f4ff; color: #0077d9; }
body.rd.tone-light .fx-can__list li.is-ok { background: linear-gradient(135deg, #e6f6ff, #e3fbf3); }
body.rd.tone-light .fx-can__list li.is-ok em { color: #0a8f6c; }
body.rd.tone-light .fx-fact { background: #f2f8fd; border: 0; }
/* 2026-10-02 メリット01・02の比較・第2弾（?m2=fa/fi/fu/fe） */
body.rd.tone-light .fv-card { color: var(--tx); }
body.rd.tone-light .fv-flow__step, body.rd.tone-light .fv-bars__sum div, body.rd.tone-light .fv-ex__table, body.rd.tone-light .fv-cmp__bars { background: #f2f8fd; border: 0; }
body.rd.tone-light .fv-flow__step--earn { background: linear-gradient(135deg, #e6f6ff, #e3fbf3); }
body.rd.tone-light .fv-flow__tag, body.rd.tone-light .fv-bars__sum dt small, body.rd.tone-light .fv-bars__line em { background: var(--tx); color: #fff; }
body.rd.tone-light .fv-flow__op::after { background-color: var(--tx); }
body.rd.tone-light .fv-flow__rates li { background: rgba(255,255,255,.7); }
body.rd.tone-light .fv-flow__rates li.is-main, body.rd.tone-light .fv-ex__row.is-main, body.rd.tone-light .fv-cmp__track { background: #fff; }
body.rd.tone-light .fv-flow__rates b, body.rd.tone-light .fv-ex__row b, body.rd.tone-light .fv-cmp__v b, body.rd.tone-light .fv-cmp__k b, body.rd.tone-light .fv-flow__op b, body.rd.tone-light .fv-cmp__x, body.rd.tone-light .fv-ex__res b { color: var(--tx); }
body.rd.tone-light .fv-bars__line { border-top-color: var(--tx); }
body.rd.tone-light .fv-rent input[type=range] { background: linear-gradient(90deg, #009ffd, #23e4ab) 0 0 / var(--p, 11%) 100% no-repeat, #dbe7f1; }
body.rd.tone-light .fv-flow__op::after { filter: none; }
body.rd.tone-light .fv-flow__step, body.rd.tone-light .fv-bars__sum div, body.rd.tone-light .fv-ex__table, body.rd.tone-light .fv-cmp__bars { background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.07); }
body.rd.tone-light .fv-flow__step--earn { background: linear-gradient(135deg, #e6f6ff, #e3fbf3); box-shadow: none; }
body.rd.tone-light .fv-flow__rates li.is-main, body.rd.tone-light .fv-ex__row.is-main { background: #fff; }
body.rd.tone-light .fv-cmp__track { background: #eef3f8; }