/* ==========================================================================
   ステップ5　── ボタンの色 ／ お問い合わせ ／ 文字の太さ
   2026-08-06 riho さん「おすすめでお願いします」で、下の3つをまとめて入れた。

   ① 文字の太さ（案C：書体は Noto Sans JP のまま、太さの使い分けだけプライムに寄せる）
        プライムは 本文 w300 ／ リンク・ラベル w500 ／ 見出し w700 の3段階。
        こちらは w300 と w700 の2段階しか無く、そこが一番の違いだったので
        「リンク・ラベル・タグ」を w500 にして3段階にする。
        ★見出しと本文の太さは変えない。

   ② お問い合わせ（プライム実測に合わせる。ただし送信ボタンの色だけカナリー）
        入力欄 532×50・角丸12 ／ 選択欄 240×50 ／ 本文欄 532×285
        必須の印 14px w700 #BE0C1A ／ 同意の一文 20px 行間36 w700
        ページ見出し「お問い合わせ」24px 行間36 w700
        送信 400×80・角丸40 … プライムは黒 #253a4f だが、
        ボタンの色をカナリーに寄せる方針なので 水色 #017cc8 にした。

   ③ ボタンの色（カナリーは塗りつぶしをサイト全体で1個しか使っていない）
        色を付ける      1 View all の丸矢印 ／ 6 送信ボタン ／ 7 業務名・ツール名のピル
        白＋水色の文字   2 CTAの丸ボタン ／ 3 CTAの囲みカード ／
                        4 事例の左右矢印 ／ 5 絞り込みタブ

   実測の出どころ
     プライム  https://primenumbers.co.jp/ ＋ captures/prime-contact/
     カナリー  https://corp.canary-app.jp/   #017cc8 ／ 枠線 rgba(37,58,79,.06) ／ ピル 9999px
   ========================================================================== */


/* ==========================================================================
   ① 文字の太さを3段階にする（w300 本文 ／ w500 リンク・ラベル ／ w700 見出し）
   ========================================================================== */

.mk .mk-pill,
.mk .mk-pill--auto,
.mk .mk-tag,
.mk .mk-filter__tab,
.mk .mk-case__client,
.mk .mk-news__title,
.mk .mk-btn-card__title,
.mk .mk-theme__label,
.mk .mk-stats span{font-weight:500;}


/* ==========================================================================
   ③ ボタンの色
   ========================================================================== */

/* --- 色を付けるもの -------------------------------------------------------- */

/* 1 View all の丸矢印：黒丸 → 水色の丸 */
.mk .mk-more__circ{background:#017cc8;}
.mk .mk-more__circ::after{border-color:#fff;}
.mk .mk-band .mk-more__circ{background:#fff;}
.mk .mk-band .mk-more__circ::after{border-color:#017cc8;}

/* 7 業務名・ツール名のピル：全ページで 白地・水色の文字・枠1px（トップは済み） */
.mk a.mk-pill,
.mk a.mk-pill--auto{background:#fff;border:1px solid rgba(37,58,79,.06);color:#017cc8;}
/* 暗い帯の上では、地が透けないように白の枠だけにする */
.mk .mk-band a.mk-pill,
.mk .mk-band a.mk-pill--auto{background:#fff;border-color:#fff;color:#017cc8;}

/* --- 白＋水色の文字にするもの ----------------------------------------------- */

/* 2 CTAの丸ボタン（お問い合わせ 392×85）：白地・黒文字 → 白地・水色の文字 */
.mk .mk-btn-round{background:#fff;color:#017cc8;}
.mk .mk-btn-round__ico{background:#017cc8;}
.mk .mk-btn-round__ico::after{border-color:#fff;}

/* 3 CTAの囲みカード2枚：黒の80% → 白地・見出しは黒・説明は灰・矢印だけ水色 */
.mk .mk-btn-card{background:#fff;border-color:#fff;color:#253a4f;border-radius:12px;}
.mk .mk-btn-card__title{color:#253a4f;}
.mk .mk-btn-card__desc{color:rgba(37,58,79,.5);}
.mk .mk-btn-card__ico{background:#017cc8;}
.mk .mk-btn-card__ico::after{border-color:#fff;}

/* 4 事例の左右の矢印：枠をカナリーの色に、矢印を水色に */
.mk .mk-slider__arrow{border-color:rgba(37,58,79,.06);}
.mk .mk-slider__arrow::after{border-color:#017cc8;}

/* 5 絞り込みタブ：ふだんは白＋黒。選んでいるものだけ 白地・水色の文字と枠 */
.mk .mk-filter__tab{background:#fff;border-color:rgba(37,58,79,.06);}
.mk .mk-filter__tab.is-active{background:#fff;border-color:#017cc8;color:#017cc8;}


/* ==========================================================================
   ② お問い合わせ（プライム実測。送信ボタンの色だけカナリー）
   ========================================================================== */

/* 入力欄・選択欄・本文欄の幅（プライム実測 532 / 240 / 532×285） */
.mk .mk-form input[type=text],
.mk .mk-form input[type=email],
.mk .mk-form input[type=tel],
.mk .mk-form textarea{max-width:532px;}
.mk .mk-form select{max-width:240px;}
.mk .mk-form textarea{height:285px;}
.mk .mk-form input[type=text],
.mk .mk-form input[type=email],
.mk .mk-form input[type=tel],
.mk .mk-form select,
.mk .mk-form textarea{border-color:rgba(37,58,79,.06);}

/* 必須の印（プライム実測 14px w700 #BE0C1A） */
.mk .mk-form__req{font-size:14px;line-height:21px;font-weight:700;color:#BE0C1A;}

/* 同意の一文（プライム実測 20px 行間36 w700） */
.mk .mk-form__agree{font-size:20px;line-height:36px;font-weight:700;}

/* 送信ボタン 400×80・角丸40。プライムは黒だが、ボタンの色はカナリーに合わせて水色 */
.mk .mk-form__submit button{background:#017cc8;color:#fff;font-weight:700;}

/* ページ見出し「お問い合わせ」だけ プライム実測の 24px / 行間36 / w700 に
   ★他のページの見出し（38px）は変えていない。このページだけ */
.mk .mk-pagehead--contact h1{font-size:24px;line-height:36px;}

@media (max-width:900px){
  .mk .mk-form__agree{font-size:16px;line-height:30px;}
}