/* ==========================================================================
   ステップ9　── 2026-08-06 riho さんの指示
     ① セクションの大見出しは 黒に戻す（グラデをやめる）
     ② よくある状態のカードの枠線を消す
     ③ できることの背景は よくある状態と同じ色にする（青いブロックをやめる）
     ④ 「求人・採用」の大きいタイトルはグラデーションにする
     ⑤ できることのカードの余白を控えめにする
     ⑥ 扱う範囲のボタンの文字は 青か黒 → 黒にした

   ★①でグラデを外したぶん、④のページタイトルだけがグラデになる。
     大見出しとページタイトルで役割が分かれる形。
   ========================================================================== */


/* --- ① セクションの大見出し（46px）は 黒 ------------------------------------
   ステップ8で入れた「抑えめのグラデ」をやめて、黒に戻す。
   ★グラデに戻したくなったら、mk-step8.css がそのまま残してある。 */
.mk .mk-head h2{
  background-image:none;
  color:#253a4f;
  -webkit-text-fill-color:#253a4f;
  width:auto;
}


/* --- ④ ページの大きいタイトル（求人・採用）はグラデーション -------------------
   黒 → 主色 #017cc8。大見出しを黒にしたので、ここだけ色が付く。
   ★一番明るい #007dc9 は使っていない（太い日本語だと光りすぎるため）。 */
.mk.p-op .mk-pagehead h1{
  background-image:linear-gradient(90deg,#253a4f 0%,#017cc8 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  width:fit-content;
}


/* --- ② よくある状態のカード：枠線を消す ------------------------------------- */
.mk .s-tint .mk-numcard{border:0;}


/* --- ③⑤⑥ できること：青い箱をやめて、よくある状態と同じ淡いグレーの上に置く ----
   2026-08-06 riho さん「一旦 青じゃなくて普通にグレーの背景で。ボタンはカナリーの水色で」

   ・地　　　よくある状態と同じ1枚の淡いグレー（.s-tint）
   ・カード　白・枠なし・角丸12（よくある状態のカードと同じ見え方）
   ・余白　　上下28 / 左右24（前は40/35）。画像の下は18
   ・ボタン　白地・カナリーの水色 #017cc8 の文字・枠1px

   ★青い箱（.s-blue）の指定は mk-step7.css にそのまま残してあります。
     戻したくなったら、組み立て側で <div class="s-blue"> を巻き直すだけです。 */

.mk .s-tint .mk-usecard{
  background:#fff;border:0;border-radius:12px;color:#253a4f;
  padding:28px 24px;
}
.mk .s-tint .mk-usecard__pic{background:rgba(37,58,79,.06);margin-bottom:18px;}
.mk .s-tint .mk-usecard__no{color:rgba(37,58,79,.5);font-weight:500;}
.mk .s-tint .mk-usecard__title{color:#253a4f;}
.mk .s-tint .mk-usecard__text{color:#253a4f;}
@media (max-width:900px){
  .mk .s-tint .mk-usecard{padding:20px 18px;}
}

/* 扱う範囲のボタン：白地・カナリーの水色 #017cc8 の文字・枠1px
   ★span で書かれているので、リンク（a）向けの指定は効かない。ここで指定する。 */
.mk.p-op .s-tint .mk-pill,
.mk.p-op .s-tint .mk-pill--auto{background:#fff;border:1px solid rgba(37,58,79,.06);color:#017cc8;}