@charset "UTF-8";
/* ==========================================================================
   ブランドカラー定義  ─  この1ファイルだけ各社で書き換える
   --------------------------------------------------------------------------
   common.css の後に読み込むこと。CSS変数は「後から読み込んだ方が勝つ」ので、
   common.css を一切さわらずに色だけを差し替えられる。

   骨格（レイアウト・余白・文字サイズ）は5社まったく同じ。
   色だけが違う ＝ グループとしての統一感を出しつつ、各社の個性も残す。
   --------------------------------------------------------------------------
   ↓ 現在は ADDSTEP の設定。他社に展開するときは下の候補と差し替える。
   ========================================================================== */

:root {
  /* ADDSTEP … 既存ブランドカラー（青） */
  --brand:      #5d99da;
  --brand-dark: #4983c4;                  /* ホバー時の少し濃い色 */
  --brand-tint: rgba(93,153,218,.2);      /* 入力欄フォーカス時のリング */
  --accent:     #ea6021;                  /* 見出しラベル・ボタンのオレンジ */
}

/* --------------------------------------------------------------------------
   ▼ 他社用の候補（使うときは上の :root と入れ替える）
      彩度・明度をADDSTEPと揃えてあるので、並べても浮きません。

   ADDUP    … グループ母体。落ち着いた濃紺
   :root {
     --brand:      #2f5d8c;
     --brand-dark: #244a71;
     --brand-tint: rgba(47,93,140,.2);
     --accent:     #ea6021;
   }

   ADDYOU   … 寝具・睡眠。深いティール
   :root {
     --brand:      #2f8f8a;
     --brand-dark: #24736f;
     --brand-tint: rgba(47,143,138,.2);
     --accent:     #ea6021;
   }

   ADDWE    … 西日本・キッチン。あたたかいテラコッタ寄りの赤
   :root {
     --brand:      #c4553f;
     --brand-dark: #a44432;
     --brand-tint: rgba(196,85,63,.2);
     --accent:     #2f5d8c;
   }

   ADDLaLa  … 研修・教育。やわらかい紫
   :root {
     --brand:      #8a6bb0;
     --brand-dark: #71568f;
     --brand-tint: rgba(138,107,176,.2);
     --accent:     #ea6021;
   }
   -------------------------------------------------------------------------- */
