@charset "UTF-8";

/* ===========================================================
   Bパターン ── 白背景の配色だけを決めるファイル
   レイアウトは core.css 側。ここは色以外を書かないこと。

   面の作り方（恒久ルール）
   ・枠線でカードを囲まない。塗りの差だけで面を立てる
   ・白地のセクションには薄い面のカード、薄い面のセクションには白いカード
   ・差し色はBESWの赤 #DC0000 だけ。他の色は入れない
   =========================================================== */

:root {
  /* 地 */
  --bg:        #FFFFFF;   /* 白いセクション */
  --bg-2:      #E8EDF3;   /* 薄い面のセクション。面2と同じ値にそろえる */

  /* カードの塗り。どちらを使うかは core.css 側がセクションごとに切り替える */
  --c-plain:   #FFFFFF;   /* 薄い面の上に置く白いカード */
  --c-tint:    #F2F5F9;   /* 白地の上に置く薄い面のカード */
  --c-tint-2:  #E8EDF3;   /* カードの中のさらに一段 */
  --c-tint-3:  #DCE3EC;   /* 薄い面のセクションで、白カードの中に敷く帯 */
  --card:      #FFFFFF;   /* セクションの外（FV・フッター）での既定 */
  --card-2:    #F2F5F9;

  /* 浮かせたいものだけ影を使う（FVのフォーム・入口カード・おすすめプラン） */
  --float-sh:  0 10px 30px rgba(20, 26, 38, .10);

  /* 文字 */
  --ink:       #14171D;   /* 見出し */
  --text:      #454C57;   /* 本文 */
  --sub:       #5F6670;   /* 補足 */
  --weak:      #6E7680;   /* 注記。薄くしすぎない */

  /* 構造の色。番号・印・タグなど、赤にしないところ */
  --struct:      #1B2430;
  --struct-ink:  #FFFFFF;
  --struct-weak: #8A919B;
  --shot-bg:     #14171D;   /* 写真が入る予定の面 */


  /* BESWの赤 */
  --brand:      #DC0000;  /* 見出しの一部・数字・アイコン */
  --brand-fill: #DC0000;  /* 白文字が乗る面 */
  --medal:      #A8AFB9;  /* 実績メダルの月桂樹。数字を立てるため一段薄く */

  /* ヘッダー */
  --hd-bg:     #FFFFFF;
  --nav-bg:    #F2F5F9;
  --tel-bg:    #1B1E26;
  --tag-bg:    #F2F5F9;
  --brand-ink-on-tag: #454C57;
  --search-bg: #F2F5F9;

  /* ファーストビュー */
  --hero-bg:   #E8EDF3;   /* 面2にそろえる */
  --hero-fade:  rgba(232,237,243,.94);   /* FVの写真を左半分で消すための膜 */
  --hero-fade2: rgba(232,237,243,.55);
  --hero-ink:  #14171D;
  --hero-text: #454C57;
  --hero-weak: #8A919B;

  /* フォーム */
  --form-hd:   #1B1E26;
  --input-bg:  #F2F5F9;

  /* 小物 */
  --news-tag-sub: #6B727D;   /* コラム側のバッジ */
  --chip-bg:   #E8EDF3;   /* 準備中バッジ */
  --chip-ink:  #78808C;
  --tbd-bg:    #E8EDF3;   /* 要差し替えの枠 */
  --btn-sub:     #1B1E26;   /* 主役ではないボタン。赤は使わず黒ベタ */
  --btn-sub-ink: #FFFFFF;
  --btn-off:     #DDE2E8;   /* 押せないボタン */
  --btn-off-ink: #757C87;

  /* ロゴは白地に置く。他社ロゴの色は加工しない */
  --logos-bg:  #FFFFFF;
  --logo-hd-filter: none;
  --logo-ft-filter: brightness(1.25);

  /* 締めのCTA */
  --cta-bg:    #14171D;   /* 単色。上端に赤い帯を1本だけ入れる */

  /* フッター */
  --ft-bg:     #39404D;   /* 締めCTAより必ず1段明るく */
  --ft-text:   #C3C8D1;
  --ft-weak:   #99A0AA;
  --ft-mark:   #8A919B;
  --ft-btn:    #DC0000;
  --ft-chip:   #454C57;
}