/* ==========================================================================
   ステップ8　── 大見出しのグラデーションを抑えめにする
   2026-08-06 riho さん「グラデーションが強すぎて不自然。抑えめか黒に」

   ★なぜ強く見えたか（実測から）
     カナリーがグラデを当てているのは
       120px / w200 の 細い英語（Company・Mission・Services）
     こちらが当てていたのは
       46px / w700 の 太い日本語（これまでに扱ってきた業務・開発事例）
     同じグラデ（#000 → #007dc9 50〜60% → #000）でも、
     太い日本語だと water色の面積が広くなり、中央が明るく光ってしまう。

   直したこと
     ・一番明るい #007dc9 を使うのをやめた
     ・「終わりの4分の1だけ水色」も試したが、「記事」のような短い見出しだと
       最後の1文字が丸ごと水色になって、かえって目立ってしまった（実際に見て確認）
     ・そこで、見出しの長さに左右されないように
       黒 #253a4f → 暗い青緑 #017cc8 の ゆるいグラデ にした。
       ほぼ黒に見えて、語尾がわずかに寒色に寄る程度。2文字でも12文字でも同じ濃さ。

   ★全部 黒 に戻したい場合は、このファイルの下のかたまり（.mk .mk-head h2）を
     まるごと消せば、黒（#253a4f）に戻ります。

   ファーストビューの「人を採る側が、つくる。」は
   riho さんのご指示で入れたものなので、ここでは触っていない。
   ========================================================================== */

.mk .mk-head h2{
  /* 全体をゆるく。終わりの色も暗いので、短い見出しでも派手にならない */
  background-image:linear-gradient(90deg,#253a4f 0%,#017cc8 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  width:fit-content;
}

/* 青いブロックの上は今までどおり白い文字（ステップ7の指定をそのまま生かす） */
.mk .s-blue .mk-head h2{background-image:none;color:#fff;-webkit-text-fill-color:#fff;}