/* ==========================================================================
   ステップ1　── ヘッダーとフッターだけ直す
   2026-08-06 riho さんの指示：
     ・文字の大きさ・太さ・行間・字間は プライムナンバーズ と同じにする
       （書体そのものは Noto Sans JP のままでよい。他のセクションも同じ書体のため）
     ・色だけ カナリー と同じにする。色以外（大きさ・余白・形）は変えない
     ・「お電話」「お問い合わせ」のボタンは カナリー と同じ色にする

   実測の出どころ
     文字  https://primenumbers.co.jp/       2026-08-06 ライブ計測
     色    https://corp.canary-app.jp/       2026-08-06 ライブ計測

   ★mk-base.css は書き換えていない。このファイルを後ろに読ませて上書きしている。
     読み込みを外せば、いつでも元に戻る。
   ========================================================================== */


/* ==========================================================================
   1. 文字　── プライムナンバーズの実測に合わせる（書体は変えない）
   ========================================================================== */

/* --- ヘッダー ------------------------------------------------------------- */

/* メニュー：16 / 行間24 / w700 / 字間0　★もともと一致していた（確認だけ） */
.mk-hdr__item{font-size:16px;line-height:24px;font-weight:700;letter-spacing:normal;}

/* 右のボタン：実測 16 / 行間24 / w700・箱125×44
   ★こちらは「お電話 06-6131-6763」と文字数が多いので、幅だけ文字なりにしている */
.mk-hdr__btn{font-size:16px;line-height:24px;font-weight:700;letter-spacing:normal;height:44px;}

/* --- フッター ------------------------------------------------------------- */

/* 列の見出し：実測 16 / 行間24 / w500 / 字間0
   （これまでは 16 / 行間25 / w700 / 字間.1em だった） */
.mk-ftr__col > p{font-size:16px;line-height:24px;font-weight:500;letter-spacing:normal;}

/* 列のリンク：実測 14 / 行間21 / w500　★もともと一致していた */
.mk-ftr__col li{font-size:14px;line-height:21px;font-weight:500;letter-spacing:normal;}
/* 頭の「- 」はプライムには無かったので外す */
.mk-ftr__col li::before{content:"";}

/* 囲みボタン：実測 18 / 行間27 / w700 / 字間0.72px（箱392×80・角丸14はそのまま） */
.mk-ftr__btn{font-size:18px;line-height:27px;font-weight:700;letter-spacing:.72px;}

/* 下段のリンク：実測 14 / 行間21 / w500（これまでは 13 / 行間24 / w300） */
.mk-ftr__legal{font-size:14px;line-height:21px;font-weight:500;letter-spacing:normal;}

/* ©の行：実測 18 / 行間27 / w300
   ★プライムはここだけ英語書体（aktiv-grotesk-extended）。書体は変えない指示なので
     大きさ・太さ・行間だけ合わせている */
.mk-ftr__legal span{font-size:18px;line-height:27px;font-weight:300;}

/* 中段の許認可の帯は、プライムに同じものが無いので実測できていない。いまのまま。 */


/* ==========================================================================
   2. 色　── カナリーの実測に合わせる（色だけ。大きさ・余白・形は触らない）
     #017cc8 主色 ／ rgba(37,58,79,.06) 枠線 ／ 文字は #000000 ／ 暗い地の上は #FFFFFF
   ========================================================================== */

/* --- ヘッダー：白のまま。文字を真っ黒に、下の線を淡い色に --------------------- */
.mk-hdr{background:#fff;color:#000;border-bottom-color:rgba(37,58,79,.06);}

/* お電話　＝ 白地・水色の文字・枠1px（カナリーの通常ボタンと同じ色）
   ★mk-base の「.mk-hdr a{color:inherit}」より強く書かないと文字色が効かない */
.mk-hdr a.mk-hdr__btn--sub{background:#fff;color:#017cc8;border:1px solid rgba(37,58,79,.06);}
/* お問い合わせ ＝ 水色地・白い文字（カナリーの右上のボタンと同じ色） */
.mk-hdr a.mk-hdr__btn--main{background:#017cc8;color:#fff;border:1px solid #017cc8;}

/* --- フッター：地を水色に。文字と線を白に ---------------------------------- */
.mk-ftr{background:#017cc8;color:#fff;}
.mk-ftr__sns span{background:rgba(255,255,255,.28);}
.mk-ftr__btn{border-color:rgba(255,255,255,.6);}
.mk-ftr__btn i{background:#fff;}
.mk-ftr__btn i::after{border-color:#017cc8;}
.mk-ftr__bnr{background:rgba(255,255,255,.14);}
.mk-ftr__bnr p{color:rgba(255,255,255,.92);}