/* ==========================================================================
   MASTER key AX　共通の土台（プライムナンバーズ primenumbers.co.jp の実測から）
   実測日 2026-08-06 / 1440px / captures/prime/
   ここは「大きさ・余白・形」だけを決める。色は今のまま触らない。
   スコープ: .mk （既存ページに影響を出さないため）
   ========================================================================== */

:root{
  /* --- 横幅とグリッド（実測: 1440 - 100*2 = 1240。180px×6列 + 32pxの溝） --- */
  --mk-pad: 100px;      /* 画面左右の余白 */
  --mk-inner: 1240px;   /* 中身の幅 */
  --mk-col: 180px;      /* 1列 */
  --mk-gut: 32px;       /* 列と列のすき間 */

  /* --- 縦の余白（実測） --- */
  --mk-sec: 180px;      /* セクションとセクションの間。全部これ */
  --mk-head: 60px;      /* 見出しブロック → 中身 */
  --mk-lead: 76px;      /* 大見出し → 本文 */
  --mk-more: 50px;      /* 本文 → Read more */

  /* --- 色（今のまま。アクセントだけ変数にして後で決められるようにする） --- */
  --mk-ink:   #131311;  /* 文字の黒 */
  --mk-dark:  #242424;  /* 暗いセクションの地 */
  --mk-paper: #EFEFEF;  /* 明るいセクションの地 */
  --mk-onDark:#E2E2E2;  /* 暗い地の上の文字 */
  --mk-sub:   #949391;  /* 補助文字・区切り線 */
  --mk-line:  #6A6A6A;  /* 暗い地の上の枠線 */
  --mk-lineL: #DDDBD8;  /* 明るい地の上の枠線 */
  --mk-accent:#2DBB77;  /* ★未決。今は緑を仮置き */

  }

.mk{
  color: var(--mk-ink);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px; line-height: 32px; font-weight: 300; letter-spacing: .04em;
}

/* リンクは青くしない。下線もつけない（プライムナンバーズと同じ） */
.mk a{color:inherit;text-decoration:none;}
.mk a:hover{opacity:.7;}
.mk h1,.mk h2,.mk h3,.mk h4,.mk p,.mk ul,.mk figure{margin:0;}
.mk img{max-width:100%;}

/* --- 入れ物 --------------------------------------------------------------- */
/* ヘッダー・フッターは .mk の外にあるので、.mk を付けずに書く */
.mk-container{max-width:1440px;margin:0 auto;padding:0 var(--mk-pad);}
.mk .mk-section{padding-top:var(--mk-sec);}
.mk .mk-section:first-child{padding-top:0;}

/* 暗い帯。左上だけ大きく丸める（実測 border-radius:188px 0 0 0） */
.mk .mk-band{background:var(--mk-dark);color:var(--mk-onDark);
  border-radius:188px 0 0 0;padding:150px 0 180px;}
.mk .mk-band-r{border-radius:0 188px 0 0;}

/* --- 文字の階段 ----------------------------------------------------------- */
/* 飾り（読ませない） */
.mk .t-deco-num{font-size:156px;line-height:234px;font-weight:500;color:rgba(19,19,17,.10);}
.mk .t-deco-en {font-size:100px;line-height:150px;font-weight:500;color:rgba(19,19,17,.10);}
.mk .mk-band .t-deco-num,.mk .mk-band .t-deco-en{color:rgba(226,226,226,.10);}

/* 読ませる */
.mk .t-h2  {font-size:46px;line-height:73.6px;font-weight:700;letter-spacing:.1em;}
.mk .t-h1  {font-size:38px;line-height:70px;  font-weight:700;letter-spacing:.1em;}
.mk .t-h3  {font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.1em;}
.mk .t-h4  {font-size:20px;line-height:30px;  font-weight:700;letter-spacing:.1em;}
.mk .t-body{font-size:16px;line-height:32px;  font-weight:300;letter-spacing:.04em;}
.mk .t-tag {font-size:14px;line-height:21px;  font-weight:700;letter-spacing:.04em;}
.mk .t-en  {font-size:22px;line-height:33px;  font-weight:500;letter-spacing:0;}

/* --- セクション見出し（全ページ同じ形）------------------------------------
   ／ Service ｜ サービス紹介
   実測: 英語 22/22 w500 + 左padding38（斜線ぶん）／ 日本語 16/16 w700 ls1.6 + 左margin27 */
.mk .mk-sectitle{display:flex;align-items:baseline;}
.mk .mk-sectitle__en{position:relative;padding-left:38px;
  font-size:22px;line-height:22px;font-weight:500;}
.mk .mk-sectitle__en::before{content:"";position:absolute;left:10px;top:-2px;
  width:1px;height:26px;background:currentColor;transform:rotate(20deg);}
.mk .mk-sectitle__ja{position:relative;margin-left:27px;
  font-size:16px;line-height:16px;font-weight:700;letter-spacing:.1em;}
.mk .mk-sectitle__ja::before{content:"";position:absolute;left:-14px;top:1px;
  width:1px;height:14px;background:var(--mk-sub);}

/* --- ボタン4種 ------------------------------------------------------------ */
/* ① 丸矢印リンク（Read more / View all）文字22 + 黒丸64 */
.mk .mk-more{display:inline-flex;align-items:center;gap:28px;}
.mk .mk-more__txt{font-size:22px;line-height:33px;font-weight:500;
  border-bottom:1px solid currentColor;padding-bottom:2px;}
.mk .mk-more__circ{width:64px;height:64px;border-radius:50%;background:var(--mk-ink);
  display:flex;align-items:center;justify-content:center;flex:0 0 64px;}
.mk .mk-more__circ::after{content:"";width:9px;height:9px;
  border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg) translate(-2px,2px);}
.mk .mk-band .mk-more__circ{background:#fff;}
.mk .mk-band .mk-more__circ::after{border-color:var(--mk-ink);}

/* ② 角丸ボタン（ファーストビュー）312×68・角丸8 */
.mk .mk-btn{display:inline-flex;align-items:center;gap:20px;width:312px;max-width:100%;
  padding:14px 12px;border-radius:8px;background:var(--mk-ink);color:#fff;
  font-size:18px;line-height:27px;font-weight:700;}
.mk .mk-btn__ico{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 40px;}
.mk .mk-btn__ico::after{content:"";width:8px;height:8px;
  border-top:1.5px solid var(--mk-ink);border-right:1.5px solid var(--mk-ink);
  transform:rotate(45deg) translate(-2px,2px);}
.mk .mk-btn--accent{background:var(--mk-accent);color:#fff;}

/* ③ でかい丸ボタン（CTAに1個だけ）392×85・完全な楕円 */
.mk .mk-btn-round{display:inline-flex;align-items:center;width:392px;max-width:100%;height:85px;
  padding:0 40px;border-radius:42.5px;background:#fff;color:var(--mk-ink);
  font-size:18px;line-height:27px;font-weight:700;}
.mk .mk-btn-round__ico{margin-left:auto;width:45px;height:45px;border-radius:50%;
  background:var(--mk-ink);display:flex;align-items:center;justify-content:center;flex:0 0 45px;}
.mk .mk-btn-round__ico::after{content:"";width:8px;height:8px;
  border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg) translate(-2px,2px);}

/* ④ 囲みカード型（資料DLなど）498×184・角丸14・枠線1px */
.mk .mk-btn-card{position:relative;display:flex;flex-direction:column;gap:24px;
  width:498px;max-width:100%;padding:32px 97px 32px 32px;
  border:1px solid var(--mk-line);border-radius:14px;background:rgba(19,19,17,.8);color:var(--mk-onDark);}
.mk .mk-btn-card__title{font-size:20px;line-height:30px;font-weight:700;}
.mk .mk-btn-card__desc{font-size:16px;line-height:24px;font-weight:300;}
.mk .mk-btn-card__ico{position:absolute;right:32px;bottom:32px;
  width:45px;height:45px;border-radius:50%;background:#fff;
  display:flex;align-items:center;justify-content:center;}
.mk .mk-btn-card__ico::after{content:"";width:8px;height:8px;
  border-top:1.5px solid var(--mk-ink);border-right:1.5px solid var(--mk-ink);
  transform:rotate(45deg) translate(-2px,2px);}

/* ⑤ 小さいピル（サービス名の一覧）281×60・角丸40・白地 */
.mk .mk-pill{display:inline-flex;align-items:center;gap:10px;width:281px;max-width:100%;height:60px;
  padding:0 15px;border-radius:40px;background:#fff;color:var(--mk-ink);
  font-size:15px;line-height:20px;font-weight:700;letter-spacing:.05em;}

/* --- カード --------------------------------------------------------------- */
/* 事例カード 569×505（画像 569×379＝3:2） */
.mk .mk-case{width:569px;max-width:100%;}
.mk .mk-case__pic{aspect-ratio:4/3;background:var(--mk-lineL);overflow:hidden;}
.mk .mk-case__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk .mk-case__meta{display:flex;gap:16px;margin-top:22px;}
.mk .mk-case__logo{width:48px;height:48px;border-radius:50%;background:#fff;flex:0 0 48px;}
.mk .mk-case__client{font-size:16px;line-height:24px;font-weight:300;letter-spacing:.04em;}
.mk .mk-case__title{margin-top:6px;font-size:18px;line-height:30px;font-weight:700;letter-spacing:.1em;}

/* 番号カード（よくある状態など）枠線だけ・アイコンなし */
.mk .mk-numcard{padding:32px;border:1px solid var(--mk-line);border-radius:8px;}
.mk .mk-band .mk-numcard{border-color:var(--mk-line);}
.mk .mk-numcard__no{font-size:20px;line-height:30px;font-weight:500;color:var(--mk-sub);}
.mk .mk-numcard__title{margin-top:14px;font-size:20px;line-height:36px;font-weight:700;letter-spacing:.1em;}
.mk .mk-numcard__text{margin-top:14px;font-size:14px;line-height:24px;font-weight:300;}

/* 記事カード（大／小） */
.mk .mk-post__pic{aspect-ratio:710/400;background:var(--mk-lineL);overflow:hidden;}
.mk .mk-post__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk .mk-split__pic,.mk .mk-case__pic{overflow:hidden;}
.mk .mk-post__tags{display:flex;gap:8px;margin-top:20px;}
.mk .mk-post__title{margin-top:12px;font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.1em;}
.mk .mk-post--sm{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:start;}
.mk .mk-post--sm .mk-post__pic{aspect-ratio:130/86;margin:0;}
.mk .mk-post--sm .mk-post__tags{margin-top:0;}
.mk .mk-post--sm .mk-post__title{font-size:16px;line-height:25.6px;}

/* タグ（#つき） */
.mk .mk-tag{display:inline-flex;align-items:center;padding:2px 10px;
  border:1px solid var(--mk-lineL);border-radius:3px;
  font-size:12px;line-height:18px;font-weight:300;letter-spacing:.04em;color:var(--mk-sub);}
.mk .mk-tag--fill{background:var(--mk-ink);color:#fff;border-color:var(--mk-ink);}

/* お知らせ1行（日付は白い丸66px） */
.mk .mk-news{display:flex;align-items:center;gap:24px;padding:26px 0;
  border-bottom:1px solid var(--mk-lineL);}
.mk .mk-news__date{flex:0 0 66px;width:66px;height:66px;border-radius:50%;background:#fff;
  border:1px solid var(--mk-lineL);display:flex;flex-direction:column;
  align-items:center;justify-content:center;}
.mk .mk-news__y{font-size:10px;line-height:13px;font-weight:500;}
.mk .mk-news__d{font-size:16px;line-height:20.8px;font-weight:500;}
.mk .mk-news__title{font-size:16px;line-height:28.8px;font-weight:700;letter-spacing:.1em;}

/* --- ファーストビュー（下層ページ）----------------------------------------
   実測: パンくず14 → h1 38/70 w700 → 一行リード16/32 w300。画像なし・灰色地 */
.mk .mk-pagehead{background:var(--mk-paper);padding:26px 0 62px;}
.mk .mk-crumb{display:flex;gap:10px;font-size:12px;line-height:18px;font-weight:300;color:var(--mk-sub);}
.mk .mk-pagehead h1{margin:20px 0 0;font-size:38px;line-height:70px;font-weight:700;letter-spacing:.1em;}
.mk .mk-pagehead .lead{margin:6px 0 0;font-size:16px;line-height:32px;font-weight:300;}

/* ページ内リンク（黒帯にピル） */
.mk .mk-index{background:var(--mk-dark);color:var(--mk-onDark);padding:76px 0 90px;}
.mk .mk-index__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 32px;margin-top:34px;}
.mk .mk-index__item{display:flex;align-items:center;justify-content:space-between;gap:12px;
  height:44px;padding:0 8px 0 18px;border-radius:22px;background:#fff;color:var(--mk-ink);
  font-size:14px;line-height:21px;font-weight:700;}
.mk .mk-index__ico{width:28px;height:28px;border-radius:50%;background:var(--mk-ink);flex:0 0 28px;
  display:flex;align-items:center;justify-content:center;}
.mk .mk-index__ico::after{content:"";width:7px;height:7px;
  border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg) translateY(-2px);}

/* --- 並べかた（幅は必ず 180×n + 32×(n-1) になる）--------------------------- */
.mk .mk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.mk .mk-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.mk .mk-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;}
.mk .mk-flow{display:flex;flex-wrap:wrap;gap:16px;}

/* 見出しブロック：ラベル → 44px → 46pxの見出し → 76px → 本文 */
.mk .mk-head h2{margin:44px 0 0;font-size:46px;line-height:73.6px;font-weight:700;letter-spacing:.1em;}
.mk .mk-head .mk-lead{margin:var(--mk-lead) 0 0;max-width:816px;
  font-size:16px;line-height:32px;font-weight:300;letter-spacing:.04em;}
.mk .mk-body{margin-top:var(--mk-head);}
.mk .mk-foot{margin-top:var(--mk-more);}
.mk .mk-foot--center{display:flex;justify-content:center;}

/* 明るい地の番号カード（枠線を薄くする） */
.mk .mk-numcard--light{border-color:var(--mk-lineL);}

/* 幅の自由なピル（長い言葉むけ） */
.mk .mk-pill--auto{width:auto;height:44px;padding:0 22px;font-size:14px;
  border:1px solid var(--mk-lineL);}
.mk .mk-band .mk-pill--auto{border-color:var(--mk-line);background:transparent;color:var(--mk-onDark);}

/* 本文＋画像の2段組（実測: 本文 604 / 画像 604・溝32） */
.mk .mk-split{display:grid;grid-template-columns:minmax(0,604px) minmax(0,604px);gap:32px;
  align-items:start;}
.mk .mk-split__pic{background:var(--mk-lineL);aspect-ratio:604/420;overflow:hidden;}
.mk .mk-split__pic img{width:100%;height:100%;object-fit:cover;display:block;}

/* 言い切りの囲み（枠線1本だけ。影は使わない） */
.mk .mk-callout{padding:40px;border:1px solid var(--mk-lineL);}
.mk .mk-callout p{margin:0;font-size:24px;line-height:48px;font-weight:700;letter-spacing:.1em;}

/* 図（入口 → 真ん中 → 出口） */
.mk .mk-diagram{display:flex;flex-direction:column;align-items:center;gap:20px;
  padding:56px 40px;border:1px solid var(--mk-lineL);}
.mk .mk-diagram__row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.mk .mk-diagram__row span{display:inline-flex;align-items:center;height:40px;padding:0 18px;
  border:1px solid var(--mk-lineL);border-radius:20px;font-size:14px;font-weight:700;}
.mk .mk-diagram__core{display:inline-flex;align-items:center;height:60px;padding:0 40px;
  border-radius:30px;background:var(--mk-ink);color:#fff;font-size:20px;font-weight:700;letter-spacing:.1em;}
.mk .mk-diagram__arrow{display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:12px;font-weight:700;color:var(--mk-sub);}
.mk .mk-diagram__arrow::before{content:"";width:1px;height:28px;background:var(--mk-sub);}
.mk .mk-diagram__note{margin:20px 0 0;font-size:14px;line-height:24px;color:var(--mk-sub);text-align:center;}

/* テーマ（見出し／説明／期待される効果／事例 の4つ） */
.mk .mk-theme{padding-top:56px;border-top:1px solid var(--mk-lineL);}
.mk .mk-theme:first-child{padding-top:0;border-top:0;}
.mk .mk-theme + .mk-theme{margin-top:56px;}
.mk .mk-theme__title{margin:0;font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.1em;}
.mk .mk-theme__text{margin:16px 0 0;max-width:816px;
  font-size:16px;line-height:32px;font-weight:300;letter-spacing:.04em;}
.mk .mk-theme__part{margin-top:32px;}
.mk .mk-theme__label{margin:0 0 14px;font-size:14px;line-height:21px;font-weight:700;
  letter-spacing:.1em;color:var(--mk-sub);}
.mk .mk-theme__cases p{margin:0;padding:12px 0;border-bottom:1px solid var(--mk-lineL);
  font-size:16px;line-height:28px;font-weight:300;}

/* 記事・事例の本文（読む幅は816＝グリッド4列） */
.mk .mk-article{max-width:816px;}
.mk .mk-article__block{padding-top:56px;}
.mk .mk-article__block + .mk-article__block{margin-top:56px;border-top:1px solid var(--mk-lineL);}
.mk .mk-article h3{margin:0 0 24px;font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.1em;}
.mk .mk-article p{margin:0 0 24px;font-size:16px;line-height:32px;font-weight:300;letter-spacing:.04em;}
.mk .mk-article p:last-child{margin-bottom:0;}
.mk .mk-article p b{font-weight:700;}
.mk .mk-article figure{margin:32px 0 0;}
.mk .mk-article figure img{width:100%;display:block;}

/* 基本情報の表 */
.mk .mk-table{width:100%;border-collapse:collapse;}
.mk .mk-table th,.mk .mk-table td{padding:16px 0;border-bottom:1px solid var(--mk-lineL);
  font-size:16px;line-height:28px;text-align:left;vertical-align:top;}
.mk .mk-table th{width:180px;font-weight:700;letter-spacing:.06em;}
.mk .mk-table td{font-weight:300;}

/* 導入前 / 導入後 */
.mk .mk-beforeafter__label{margin:0 0 20px;display:inline-flex;align-items:center;height:36px;
  padding:0 18px;border-radius:18px;font-size:14px;font-weight:700;letter-spacing:.1em;
  background:var(--mk-ink);color:#fff;}
.mk .mk-beforeafter__label.is-after{background:var(--mk-accent);}
.mk .mk-beforeafter ul{margin:0;padding:0;list-style:none;}
.mk .mk-beforeafter li{padding:16px 0;border-top:1px solid var(--mk-lineL);
  font-size:16px;line-height:28px;font-weight:300;}

/* 一覧の絞り込み */
.mk .mk-filter{display:flex;flex-wrap:wrap;gap:10px;}
.mk .mk-filter__tab{display:inline-flex;align-items:center;height:40px;padding:0 20px;
  border:1px solid var(--mk-lineL);border-radius:20px;font-size:14px;font-weight:700;}
.mk .mk-filter__tab.is-active{background:var(--mk-ink);color:#fff;border-color:var(--mk-ink);}

/* 数字の実績 */
.mk .mk-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;
  margin:0;padding:0;list-style:none;}
.mk .mk-stats li{padding-top:24px;border-top:1px solid var(--mk-lineL);}
.mk .mk-stats b{display:block;font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.06em;}
.mk .mk-stats span{display:block;margin-top:8px;font-size:12px;line-height:20px;color:var(--mk-sub);}

@media (max-width:900px){
  .mk .mk-article__block{padding-top:36px;}
  .mk .mk-article__block + .mk-article__block{margin-top:36px;}
  .mk .mk-table th{width:110px;}
  .mk .mk-stats{grid-template-columns:1fr;gap:18px;}
  .mk .mk-split{grid-template-columns:1fr;gap:20px;}
  .mk .mk-callout{padding:24px;}
  .mk .mk-callout p{font-size:18px;line-height:34px;}
  .mk .mk-diagram{padding:28px 16px;}
  .mk .mk-theme{padding-top:36px;}
  .mk .mk-theme + .mk-theme{margin-top:36px;}
  .mk .mk-grid2,.mk .mk-grid3,.mk .mk-grid4{grid-template-columns:1fr;gap:20px;}
  .mk .mk-head h2{margin-top:24px;}
  .mk{--mk-pad:20px;--mk-sec:90px;--mk-head:36px;--mk-lead:36px;--mk-more:30px;}
  .mk .t-deco-num{font-size:72px;line-height:100px;}
  .mk .t-deco-en{font-size:44px;line-height:60px;}
  .mk .t-h2{font-size:28px;line-height:44px;}
  .mk .t-h1{font-size:26px;line-height:42px;}
  .mk .t-h3{font-size:19px;line-height:32px;}
  .mk .t-h4{font-size:17px;line-height:28px;}
  .mk .mk-band{border-radius:80px 0 0 0;padding:80px 0 90px;}
  .mk .mk-index__list{grid-template-columns:1fr;}
  .mk .mk-case,.mk .mk-btn-card,.mk .mk-btn-round,.mk .mk-btn{width:100%;}
  .mk .mk-btn-card{padding:24px;}
  .mk .mk-btn-card__ico{position:static;margin-left:auto;}
  .mk .mk-post--sm{grid-template-columns:100px minmax(0,1fr);gap:14px;}
  .mk .mk-pagehead h1{font-size:26px;line-height:42px;}
}

/* 理念の一文（囲まずに大きく置く） */
.mk .mk-callout-plain{margin:0;max-width:816px;
  font-size:24px;line-height:48px;font-weight:700;letter-spacing:.1em;}
@media (max-width:900px){
  .mk .mk-callout-plain{font-size:18px;line-height:34px;}
}

/* --- トップのファーストビュー（実測: 見出し45/67.5 w700 ls4.5・リード19.8 w700）------- */
.mk .mk-hero{background:var(--mk-paper);padding:150px 0 120px;}
/* 旧版と同じ大きさに戻す（実測 90.72/154.2 w700 ls0.2em） */
.mk .mk-hero h1{margin:0;font-size:90.72px;line-height:154.2px;font-weight:700;letter-spacing:.2em;}
.mk .mk-hero .mk-hero__lead{margin:26px 0 0;max-width:816px;
  font-size:23px;line-height:39.1px;font-weight:700;letter-spacing:.05em;}
.mk .mk-hero__cta{display:flex;flex-wrap:wrap;gap:15px;margin-top:50px;}

/* 取引先ロゴの帯（横に流す） */
.mk .mk-logos{overflow:hidden;padding:60px 0;border-bottom:1px solid var(--mk-lineL);}
.mk .mk-logos__row{display:flex;gap:48px;width:max-content;animation:mkFlow 40s linear infinite;}
.mk .mk-logos__row span{display:inline-flex;align-items:center;justify-content:center;
  width:160px;height:56px;background:var(--mk-paper);
  font-size:12px;color:var(--mk-sub);flex:0 0 160px;}
@keyframes mkFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 横スクロールの一覧（事例） */
.mk .mk-slider{position:relative;}
.mk .mk-slider__list{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;scrollbar-width:none;}
.mk .mk-slider__list::-webkit-scrollbar{display:none;}
.mk .mk-slider__list > *{flex:0 0 392px;scroll-snap-align:start;}
.mk .mk-slider__nav{display:flex;gap:12px;margin-top:32px;}
.mk .mk-slider__arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--mk-lineL);
  background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.mk .mk-slider__arrow::after{content:"";width:8px;height:8px;
  border-top:1.5px solid var(--mk-ink);border-right:1.5px solid var(--mk-ink);
  transform:rotate(45deg) translate(-2px,2px);}
.mk .mk-slider__arrow.is-prev::after{transform:rotate(-135deg) translate(-2px,2px);}

/* 記事の並べかた（大1つ＋小いくつか） */
.mk .mk-postgrid{display:grid;grid-template-columns:minmax(0,816px) minmax(0,392px);gap:32px;}
.mk .mk-postgrid__side{display:flex;flex-direction:column;gap:24px;}

@media (max-width:900px){
  .mk .mk-hero{padding:56px 0 60px;}
  .mk .mk-hero h1{font-size:38px;line-height:62px;letter-spacing:.12em;}
  .mk .mk-hero .mk-hero__lead{font-size:16px;line-height:30px;}
  .mk .mk-slider__list > *{flex:0 0 280px;}
  .mk .mk-postgrid{grid-template-columns:1fr;}
}

/* ==========================================================================
   中くらいの見出し ── 2026-08-06 riho さん決定：C（16pxのラベル＋右に線）
     大 46px（セクション。／英語｜日本語ラベルつき）
     中 16px（このラベル。英語なし）      ← 大の下にぶら下がる話題はこれ
     小 20〜24px（カード・本文の見出し）
   案A・案Bは比較用に残す（部品見本2ページで使う）。本番では mk-h-mid を使う。
   ========================================================================== */

/* ★本番で使うのはこれ */
.mk .mk-h-mid{display:flex;align-items:center;gap:20px;
  font-size:16px;line-height:16px;font-weight:700;letter-spacing:.1em;color:var(--mk-sub);}
.mk .mk-h-mid::after{content:"";flex:1;height:1px;background:var(--mk-lineL);}
.mk .mk-band .mk-h-mid{color:var(--mk-onDark);}
.mk .mk-band .mk-h-mid::after{background:var(--mk-line);}
/* 中見出しのすぐ下の中身 */
.mk .mk-h-mid + *{margin-top:24px;}
/* 中見出しどうしの間 */
.mk .mk-submid{margin-top:64px;}

/* 中見出し 案A：28px・左に短い横線（比較用） */
.mk .mk-h-mid-a{display:flex;align-items:center;gap:16px;
  font-size:28px;line-height:48px;font-weight:700;letter-spacing:.1em;}
.mk .mk-h-mid-a::before{content:"";width:24px;height:2px;background:currentColor;flex:0 0 24px;}

/* 中見出し 案B：24px・上に細い区切り線 */
.mk .mk-h-mid-b{padding-top:24px;border-top:1px solid var(--mk-lineL);
  font-size:24px;line-height:38.4px;font-weight:700;letter-spacing:.1em;}

/* 中見出し 案C：16pxのラベル・右に線が伸びる */
.mk .mk-h-mid-c{display:flex;align-items:center;gap:20px;
  font-size:16px;line-height:16px;font-weight:700;letter-spacing:.1em;color:var(--mk-sub);}
.mk .mk-h-mid-c::after{content:"";flex:1;height:1px;background:var(--mk-lineL);}

/* 重要なセリフ：左に縦線（旧 p-stance を共通部品にしたもの） */
.mk .mk-quote{padding:4px 0 4px 28px;border-left:4px solid var(--mk-accent);}
.mk .mk-quote p{font-size:26px;line-height:46px;font-weight:700;letter-spacing:.05em;}

/* できることカード：画像つき（旧 barter feature を共通部品にしたもの） */
.mk .mk-usecard{padding:40px 35px;border:1px solid var(--mk-lineL);}
.mk .mk-usecard__pic{aspect-ratio:425/194;background:var(--mk-paper);overflow:hidden;margin-bottom:24px;}
.mk .mk-usecard__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk .mk-usecard__no{font-size:20px;line-height:30px;font-weight:500;color:var(--mk-sub);}
.mk .mk-usecard__title{margin-top:10px;font-size:20px;line-height:36px;font-weight:700;letter-spacing:.1em;}
.mk .mk-usecard__text{margin-top:14px;font-size:14px;line-height:24px;font-weight:300;}

/* 扱うテーマ 案2：左に画像・右に本文（旧 nanoc svc を共通部品にしたもの） */
.mk .mk-feature{display:grid;grid-template-columns:392px minmax(0,1fr);
  background:var(--mk-paper);align-items:stretch;}
.mk .mk-feature__pic{background:var(--mk-lineL);overflow:hidden;}
.mk .mk-feature__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk .mk-feature__body{padding:48px;}
.mk .mk-feature + .mk-feature{margin-top:32px;}
.mk .mk-feature--rev{grid-template-columns:minmax(0,1fr) 392px;}
.mk .mk-feature--rev .mk-feature__pic{order:2;}

/* 扱うテーマ 案3：画像は上・全幅（プライムの事例カードと同じ考え方） */
.mk .mk-feature-top__pic{aspect-ratio:1240/420;background:var(--mk-lineL);overflow:hidden;}
.mk .mk-feature-top__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk .mk-feature-top__body{padding-top:32px;max-width:816px;}

@media (max-width:900px){
  .mk .mk-h-mid-a{font-size:20px;line-height:34px;}
  .mk .mk-h-mid-b{font-size:19px;line-height:32px;}
  .mk .mk-quote p{font-size:18px;line-height:34px;}
  .mk .mk-quote{padding-left:18px;}
  .mk .mk-usecard{padding:24px;}
  .mk .mk-feature,.mk .mk-feature--rev{grid-template-columns:1fr;}
  .mk .mk-feature--rev .mk-feature__pic{order:0;}
  .mk .mk-feature__pic{aspect-ratio:16/9;}
  .mk .mk-feature__body{padding:24px;}
}

/* ==========================================================================
   ヘッダー・フッター・お問い合わせ
   プライムナンバーズ実測（2026-08-06 / captures/prime-contact/）
     ヘッダー 高さ150・ロゴ左71幅220・メニューx448から16px w700・間隔30
     ドロップ 幅865・角丸14・#242424の90%・影 0 3px 64px rgba(0,0,0,.25)・余白50/60
              1行目に英語22px＋右に「一覧 →」、細い線、3列のリンク、右に写真315×420
     フッター 暗い地・余白110/49・4列（392/180/180/392）
              右列は SNS → 囲みボタン392×80（角丸14・枠線1px）
              中段 #1F1F1D 余白49/54 ／ 下段 余白48
     フォーム 入力欄 532×50・角丸12・枠線1px ／ 送信 400×80・角丸40
   色は今のまま（ボタンは既存の青を使う）。
   ========================================================================== */

.mk *,.mk-hdr,.mk-hdr *,.mk-ftr,.mk-ftr *{box-sizing:border-box;}

.mk-hdr{position:sticky;top:0;z-index:900;background:#fff;
  border-bottom:1px solid var(--mk-lineL);
  display:flex;align-items:center;height:150px;padding:0 71px;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;color:var(--mk-ink);}
.mk-hdr a{color:inherit;text-decoration:none;}
.mk-hdr__logo{flex:0 0 auto;}
.mk-hdr__logo img{display:block;width:220px;height:auto;}
.mk-hdr__nav{display:flex;align-items:center;gap:30px;margin-left:auto;}
.mk-hdr__item{position:relative;padding:14px 0;
  font-size:16px;line-height:24px;font-weight:700;white-space:nowrap;cursor:pointer;}
.mk-hdr__item::after{content:"";display:block;height:2px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.mk-hdr__item:hover::after{transform:scaleX(1);}
.mk-hdr__cta{display:flex;gap:12px;margin-left:30px;}
.mk-hdr__btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;
  font-size:14px;line-height:1;font-weight:700;white-space:nowrap;}
.mk-hdr__btn--sub{background:#EFEFEF;color:var(--mk-ink);}
.mk-hdr__btn--main{background:var(--mk-accent);color:#fff;}
.mk-hdr__burger{display:none;}

/* ドロップダウン */
.mk-pop{position:absolute;right:0;top:100%;padding-top:20px;z-index:5;
  visibility:hidden;opacity:0;transition:opacity .18s;}
.mk-hdr__item:hover .mk-pop,.mk-hdr__item:focus-within .mk-pop{visibility:visible;opacity:1;}
.mk-pop__inner{position:relative;width:865px;padding:50px 60px;border-radius:14px;
  background:rgba(36,36,36,.94);box-shadow:0 3px 64px rgba(0,0,0,.25);color:var(--mk-onDark);}
.mk-pop__head{display:flex;align-items:baseline;justify-content:space-between;
  padding-bottom:25px;border-bottom:1px solid rgba(226,226,226,.25);}
.mk-pop__en{font-size:22px;line-height:33px;font-weight:500;}
.mk-pop__all{font-size:16px;line-height:25px;font-weight:700;}
.mk-pop__all::after{content:" →";}
.mk-pop__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 40px;margin-top:28px;padding-right:300px;}
.mk-pop__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:16px;line-height:25px;font-weight:700;}
.mk-pop__list a::after{content:"→";font-weight:400;opacity:.7;}
.mk-pop__pic{position:absolute;right:34px;top:18px;width:255px;height:340px;
  background:var(--mk-line);overflow:hidden;pointer-events:none;}
.mk-pop__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.mk-pop--sm .mk-pop__inner{width:520px;}
.mk-pop--sm .mk-pop__list{grid-template-columns:repeat(2,minmax(0,1fr));}
.mk-pop--sm .mk-pop__pic{display:none;}

/* フッター */
.mk-ftr{background:var(--mk-dark);color:var(--mk-onDark);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;}
.mk-ftr a{color:inherit;text-decoration:none;}
.mk-ftr a:hover{opacity:.7;}
.mk-ftr__nav{padding:110px 0 49px;}
.mk-ftr__grid{display:grid;grid-template-columns:392px 180px 180px minmax(0,392px);gap:32px;
  justify-content:space-between;}
.mk-ftr__col > p{margin:0 0 18px;font-size:16px;line-height:25px;font-weight:700;letter-spacing:.1em;}
.mk-ftr__col ul{margin:0;padding:0;list-style:none;}
.mk-ftr__col li{margin-top:11px;font-size:14px;line-height:21px;font-weight:500;}
.mk-ftr__col li::before{content:"- ";opacity:.6;}
.mk-ftr__col--2 ul{columns:2;column-gap:24px;}
.mk-ftr__col--2 li{break-inside:avoid;}
.mk-ftr__side{display:flex;flex-direction:column;gap:14px;}
.mk-ftr__sns{display:flex;gap:14px;margin-bottom:12px;}
.mk-ftr__sns span{width:32px;height:32px;border-radius:50%;background:rgba(226,226,226,.18);}
.mk-ftr__btn{display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;height:80px;padding:0 26px;border:1px solid var(--mk-line);border-radius:14px;
  font-size:18px;line-height:27px;font-weight:700;}
.mk-ftr__btn i{width:45px;height:45px;border-radius:50%;background:#fff;flex:0 0 45px;
  display:flex;align-items:center;justify-content:center;}
.mk-ftr__btn i::after{content:"";width:8px;height:8px;
  border-top:1.5px solid var(--mk-ink);border-right:1.5px solid var(--mk-ink);
  transform:rotate(45deg) translate(-2px,2px);}
.mk-ftr__bnr{background:#1F1F1D;padding:32px 0;}
.mk-ftr__bnr p{margin:0;font-size:13px;line-height:24px;font-weight:300;color:#9C9C99;}
.mk-ftr__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:16px;padding:48px 0;}
.mk-ftr__bottom img{width:200px;height:auto;display:block;}
.mk-ftr__legal{display:flex;gap:28px;font-size:13px;line-height:24px;font-weight:300;}

/* お問い合わせ */
.mk-contact{display:grid;grid-template-columns:minmax(0,392px) minmax(0,816px);gap:32px;
  align-items:start;}
.mk-contact__side h1{margin:0;font-size:64px;line-height:1;font-weight:500;}
.mk-contact__tel{margin-top:32px;font-size:16px;line-height:32px;font-weight:700;}
.mk-flow-steps{display:flex;gap:24px;margin-top:40px;}
.mk-flow-steps span{font-size:14px;line-height:22px;font-weight:500;color:var(--mk-sub);}
.mk-flow-steps span.is-now{color:var(--mk-ink);font-weight:700;}
.mk-form__row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;
  align-items:start;margin-bottom:20px;}
.mk-form__label{padding-top:14px;font-size:16px;line-height:24px;font-weight:700;}
.mk-form__req{margin-left:8px;font-size:13px;color:#BE0C0C;}
.mk-form input[type=text],.mk-form input[type=email],.mk-form input[type=tel],
.mk-form select,.mk-form textarea{
  width:100%;height:50px;padding:0 18px;border:1px solid rgba(0,0,0,.15);border-radius:12px;
  background:#fff;font-size:16px;font-family:inherit;color:var(--mk-ink);}
.mk-form select{max-width:280px;}
.mk-form textarea{height:285px;padding:16px 18px;line-height:28px;resize:vertical;}
.mk-form__agree{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;
  font-size:16px;line-height:32px;font-weight:700;}
.mk-form__agree a{border-bottom:1px solid currentColor;}
.mk-form__submit{display:flex;justify-content:center;margin-top:32px;}
.mk-form__submit button{width:400px;max-width:100%;height:80px;border:0;border-radius:40px;
  background:var(--mk-accent);color:#fff;font-size:18px;font-weight:700;font-family:inherit;
  cursor:pointer;}

@media (max-width:900px){
  .mk-hdr{height:64px;padding:0 20px;}
  .mk-hdr__logo img{width:150px;}
  .mk-hdr__nav,.mk-hdr__cta{display:none;}
  .mk-hdr__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;
    margin-left:auto;width:40px;height:40px;border:0;background:none;}
  .mk-hdr__burger span{display:block;height:2px;background:var(--mk-ink);}
  .mk-ftr__nav{padding:56px 0 32px;}
  .mk-ftr__grid{grid-template-columns:1fr;gap:32px;}
  .mk-ftr__bottom{padding:28px 0;}
  .mk-contact{grid-template-columns:1fr;gap:40px;}
  .mk-contact__side h1{font-size:38px;}
  .mk-form__row{grid-template-columns:1fr;gap:8px;margin-bottom:16px;}
  .mk-form__label{padding-top:0;}
  .mk-form__submit button{width:100%;}
}