/* ==========================================================================
   最後に効かせる調整　── 2026-08-07
   「全体的に文字の間隔が狭いし、文字が太くて濃い」への手当ての仕上げ。

   ★ここが必要な理由
     ステップごとに書いてきたCSSの中に、
     色や太さを直接書いた指定（.s-canary .mk-theme__title{color:...;font-weight:700}など）
     が残っていて、あとから書いた「ゆるめる指定」に勝ってしまっていた。
     このファイルは一番最後に読み込むので、確実に上書きできる。
   ========================================================================== */

/* --- 太さ：見出しは500、ラベル・タグ・ピルは400 ----------------------------- */
.mk .mk-head h2,
.mk .mk-pagehead h1,
.mk .t-h1,.mk .t-h2,.mk .t-h3,.mk .t-h4,
.mk .mk-theme__title,
.mk .mk-post__title,
.mk .mk-numcard__title,
.mk .mk-usecard__title,
.mk .mk-case__title,
.mk .mk-btn-card__title,
.mk .mk-form__label,
.mk .t-en,
.s-laboro .hero-h1,
.mk .s-canary .mk-theme__title,
.mk.p-op #feature .mk-usecard__title,
.mk.p-tool #theme .mk-theme__title,
.mk.p-op #issue .mk-numcard__title{font-weight:500 !important;}

.mk .mk-pill,
.mk .mk-pill--auto,
.mk a.mk-pill,
.mk a.mk-pill--auto,
.mk .s-canary .mk-pill--auto,
.mk .s-canary .mk-feature .mk-pill--auto,
.mk.p-op #feature .mk-pill--auto,
.mk.p-tool #theme .mk-feature .mk-pill--auto,
.mk .mk-tag,
.mk .mk-filter__tab,
.mk .mk-h-mid,
.mk .mk-theme__label,
.mk .c-spec th,
.mk .mk-table th,
.mk-ftr__col li,
.mk-ftr__col > p,
.mk-hdr__item{font-weight:400 !important;}

/* --- 本文の色を少し薄く（見出しは そのまま）--------------------------------- */
.mk .t-body,
.mk .mk-head .mk-lead,
.mk .mk-pagehead .lead,
.mk .mk-article p,
.s-laboro .msg-lead,
.mk .mk-theme__text,
.mk .mk-usecard__text,
.mk .mk-numcard__text,
.mk .mk-table td,
.mk .c-spec td,
.mk .mk-theme__cases p,
.mk .mk-diagram__note,
.mk .s-canary .mk-theme__text,
.mk.p-op #feature .mk-usecard__text,
.mk.p-tool #theme .mk-theme__text,
.mk.p-op #issue .mk-numcard__text{color:rgba(37,58,79,.82);}

/* 青い地の上は白のまま（薄くしない） */
.mk .s-canary .mk-head .mk-lead,
.mk.p-op #feature .mk-head .mk-lead,
.mk.p-tool #theme .mk-head .mk-lead{color:#fff;}

/* --- 字間・行間の最終値 ----------------------------------------------------- */
.mk .s-canary .mk-theme__title,
.mk .s-canary .mk-theme__text,
.mk.p-op #feature .mk-usecard__title,
.mk.p-op #feature .mk-usecard__text,
.mk.p-tool #theme .mk-theme__title,
.mk.p-tool #theme .mk-theme__text,
.mk.p-op #issue .mk-numcard__title,
.mk.p-op #issue .mk-numcard__text{letter-spacing:.07em;}


/* ==========================================================================
   2026-08-07 追加の指示
     ・ページ見出しと「よくある状態」も、同じ透かしグレーにする
     ・できること（Feature）に角丸を入れ、トップと同じ形にする
   ========================================================================== */

/* --- 透かしグレーを1枚にそろえる --------------------------------------------
   これまで「ページ全体の淡いグレー」の上に、さらに .s-tint の帯を重ねていたため、
   見出しの帯と よくある状態 だけ色が違って見えていた。
   帯の地をやめて、ページ全体の1枚だけにする。 */
.mk .s-tint{background-image:none;}
.mk .mk-pagehead{background:transparent;}

/* --- できること・扱うテーマ：トップの Service と同じ角丸に -------------------- */
.mk.p-op #feature,
.mk.p-tool #theme{
  border-radius:120px 0 120px 0;
  overflow:hidden;
}
@media (max-width:900px){
  .mk.p-op #feature,
  .mk.p-tool #theme{border-radius:60px 0 60px 0;}
}


/* ==========================================================================
   ★2026-08-07 「ここも太すぎ。まだ文字がダサいところがあるので直して」
     CTAのコピーが 24px w700・行間48・字間.1em で、いちばん太く見えていた。
     残っていた w700 を、サイト全体で 500 に落とす。
   ========================================================================== */

/* CTAのコピー */
.mk .mk-cta-copy{
  margin-top:26px;
  font-size:clamp(18px, 0.57vw + 15.8px, 24px);
  line-height:2;
  font-weight:400;
  letter-spacing:.09em;
}

/* まだ w700 が残っている部品をまとめて落とす */
.mk .mk-btn,
.mk .mk-btn-round,
.mk .mk-btn-card__title,
.mk .mk-news__title,
.mk .mk-index__item,
.mk .mk-beforeafter__label,
.mk .mk-diagram__core,
.mk .mk-diagram__row span,
.mk .mk-quote p,
.mk .mk-callout p,
.mk .mk-callout-plain,
.mk .mk-stats b,
.mk .mk-form__agree,
.mk .mk-form__submit button,
.mk .mk-more__txt,
.mk-hdr__btn,
.mk-ftr__btn,
.mk-ftr__legal,
.mk .mk-toc a,
.mk .mk-toc__title,
.mk .mk-artgrid__main .mk-article h2,
.mk .mk-article h3,
.mk .mk-article p b{font-weight:500 !important;}

/* 引用・言い切りの大きい文字も、行間と字間をゆるめる */
.mk .mk-quote p,
.mk .mk-callout p,
.mk .mk-callout-plain{line-height:2;letter-spacing:.07em;}

/* 残っていた w700（リンク・ドロップダウン・必須の印など） */
.mk a, .mk-hdr a, .mk-ftr a,
.mk-pop__all, .mk-pop__list a,
.mk .mk-form__req,
.mk .mk-diagram__arrow,
.mk .mk-flow-steps span.is-now,
.mk-drawer li a, .mk-drawer .mk-drawer__cta a{font-weight:500 !important;}

/* --- 見出しの帯の白い地を外す ------------------------------------------------
   ★mk-step7.css の「.mk.p-op .mk-pagehead{background:#fff}」のほうが
     指定が強く、白いままになっていた。ここで確実に消す。 */
.mk .mk-pagehead,
.mk.p-op .mk-pagehead,
.mk.p-tool .mk-pagehead,
.mk.p-column .mk-pagehead,
.mk.p-parts .mk-pagehead{background:transparent !important;}

/* --- リンクが押せなくなるのを防ぐ（重なり層をすべて無効化）--------------------
   ★2026-08-07 「リンクが飛べない」との報告。
     画面に重ねている層（背景の粒・膜・青の層・写真の膜・スプラッシュ）が
     クリックを受け取ってしまうと、下のリンクが押せなくなる。
     ここで まとめて pointer-events:none にしておく（保険）。 */
.mk-bg,
.mk-bg__inner,
.mk-obj,
.s-punch,
.s-punch__blur,
.mk-splash,
.mk .mk-case__pic::after,
.mk .mk-post__pic::after,
.mk .mk-feature__pic::after,
.mk .mk-split__pic::after,
.mk .mk-usecard__pic::after{pointer-events:none !important;}

/* 本文・カード・ボタンは必ず押せるようにする */
.mk a, .mk button,
.mk-hdr a, .mk-hdr button,
.mk-ftr a, .mk-ftr button,
.mk-drawer a, .mk-drawer button{pointer-events:auto;position:relative;z-index:2;}