/* ==========================================================================
   ステップ11　── 全ページ共通の色と、見出しの帯
   2026-08-06

   1. 色の変数を差し替える（C・D・F）
        枠線     rgba(37,58,79,.06) → rgba(37,58,79,.06)     206か所
        補助文字 rgba(37,58,79,.5) → rgba(37,58,79,.5)     140か所
        アクセント #017cc8（仮置きの緑）→ #017cc8   ★緑がこれで全部消える
      ★mk-base.css は書き換えず、あとから :root を上書きしている。
        このファイルを外せば、元の色に戻る。

   2. 見出しの帯（B）を全ページ 白にして、タイトルをグラデーションにする
        これまで  グレー #ffffff の帯に 黒いタイトル
        これから  白い帯に 黒 → #017cc8 のグラデのタイトル
        （求人・採用ページ・kintoneページで先に入れていた形を全ページに広げる）

   ★あわせて起きること
     枠線の変数は、ダミー画像の箱の地にも使われている（.mk-case__pic など51か所）。
     そこも rgba(37,58,79,.06) → rgba(37,58,79,.06) になり、少し明るくなる。
     カナリーの写真まわりの淡い色 rgba(37,58,79,.06) に近いので、そのままにしてある。
   ========================================================================== */


/* --- 1. 色の変数 ------------------------------------------------------------ */
:root{
  --mk-lineL: rgba(37,58,79,.06);   /* 明るい地の上の枠線・ダミー画像の地 */
  --mk-sub:   rgba(37,58,79,.5);   /* 補助文字・注記・区切り */
  --mk-accent:#017cc8;   /* ★仮置きの緑をやめて、カナリーの主色に */
}


/* --- 2. 見出しの帯：全ページ 白＋グラデのタイトル ----------------------------- */
.mk .mk-pagehead{background:#fff;}
.mk .mk-pagehead h1{
  background-image:linear-gradient(90deg,#253a4f 0%,#017cc8 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  width:fit-content;
}

/* お問い合わせページの見出しは プライム実測の 24px のまま（ステップ5で決めたもの）。
   グラデはそのまま効く。 */


/* --- 変数の差し替えで足りないところの手当て ---------------------------------- */

/* 「導入後」のラベル：変数が水色になったので、そのまま水色の帯になる（緑が消える） */

/* タグの塗りつぶし（新着）は 黒のまま。カナリーに同じ部品がないため触らない */