の並び順だけで決まるので、
行を増減しても番号がずれない。
────────────────────────────────────────────────
================================================================== */
/* ---------- このページだけのトークン ----------
色の9個（--ink 〜 --accent-soft）と --serif / --sans / --mono は
miki-pages.css で4ページ共通に定義してある。値は設計と完全一致
（実測で確認済み）なので、ここでは再定義しない。
下の3つは設計にしか無かったもの。共通トークンを汚さないよう
このページに閉じて定義する。 */
.miki-equipment{
--white:#ffffff; /* 白背景セクション（05 / 06） */
--line-cool:#e4e2dc; /* 白背景の上で使う、青みのある罫 */
--sans-jp:'Noto Sans JP', sans-serif; /* 欧文の --sans では日本語に当たらない箇所用 */
counter-reset: eqsec; /* セクション番号 */
}
/* ---------- HERO ----------
写真なしの明るいヒーロー（オフホワイト背景 + 大きな明朝タイポ）。
加工技術ページ（暗ヒーロー）との視覚的リズムに違いを出す。
右下に大きな 07/UNITS 数字を透かしとして配置してデザイン強度を確保。 */
.miki-equipment .hero{
position:relative;
background:var(--paper);color:var(--ink);
overflow:hidden;
}
.miki-equipment .hero .bg{
position:absolute;inset:0;
background:
/* Vertical grain gradient — subtle warm tone shift for depth */
linear-gradient(180deg, #f6f4ef 0%, #efece2 100%);
}
.miki-equipment .hero .bg::before{
/* 右下に薄く出る台数の透かし。装飾ではなく台数の表示である。
★ 2026-09-05: "07" → "11" に変更。
"07" は旧構成の台数（NC旋盤2 + マシニング2 + 汎用3 = 7）で、
旧本文の「MACHINES 7 units + measurement」と一致していた。
資料☆1では一覧が11行（M-01〜M-11）になったので合わせた。
内訳: CNC旋盤3 + マシニング2 + ワイヤー1 + 三次元測定1
+ CAD/CAM 1 + 汎用3 = 11。
※ CAD/CAM はソフト（1 SEAT）、三次元測定器は測定機なので、
「機械だけ」で数えると9になる。一覧の行数に合わせて11とした。
★ 一覧の行を増減したらこの数字も直すこと（CSSからは数えられない）。
サイズ・位置は変更していない。 */
content:"11";
position:absolute;right:-.05em;bottom:-.15em;
font-family:var(--sans);font-weight:300; /* 200 は配信していない。実態に合わせた */
font-size:clamp(220px, 30vw, 480px);
line-height:.85;letter-spacing:-.06em;
color:rgba(20,20,20,.045);
pointer-events:none;
}
.miki-equipment .hero .bg::after{
/* small vertical rule left, decorative */
content:"";
position:absolute;left:48px;top:56px;bottom:80px;
width:1px;
background:linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,.15) 20%, rgba(20,20,20,.15) 80%, rgba(20,20,20,0) 100%);
pointer-events:none;
}
.miki-equipment .hero .inner{
position:relative;z-index:2;
max-width:1440px;margin:0 auto;
min-height:56vh;
padding:56px 48px 80px;
display:flex;flex-direction:column;justify-content:flex-start;
}
.miki-equipment .hero .eyebrow{
display:flex;align-items:center;gap:16px;
font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.36em;color:var(--ink-3);
margin-bottom:40px;
}
.miki-equipment .hero .eyebrow .num{color:var(--accent)}
.miki-equipment .hero .eyebrow .rule{flex:0 0 60px;height:1px;background:var(--ink-3);opacity:.5}
.miki-equipment .hero-title{
font-family:var(--serif);font-weight:500;
font-size:clamp(36px, 4.8vw, 76px);
line-height:1.15;letter-spacing:.02em;color:var(--ink);
}
.miki-equipment .hero-title .en{
display:block;
font-family:var(--sans);font-weight:300;
font-size:clamp(14px, 1.3vw, 20px);
letter-spacing:.5em;color:var(--ink-3);
margin-bottom:28px;text-transform:uppercase;
}
.miki-equipment .hero-title em{
font-style:normal;color:var(--accent);
}
.miki-equipment .hero-bottom{
display:grid;grid-template-columns:1fr 1fr;gap:64px;
margin-top:56px;padding-top:40px;
border-top:1px solid var(--ink);
align-items:end;
}
.miki-equipment .hero-lead{
max-width:520px;
font-size:16px;line-height:2.15;color:var(--ink-2);
font-weight:400;
}
.miki-equipment .hero-meta{
justify-self:end;text-align:right;
font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--ink-3);
line-height:2;
}
.miki-equipment .hero-meta strong{color:var(--accent);font-weight:500;letter-spacing:.28em;display:block;margin-bottom:6px}
/* ---------- セクション共通 ---------- */
.miki-equipment .section{
padding:120px 0;position:relative;
counter-increment: eqsec;
}
.miki-equipment .section .inner{max-width:1440px;margin:0 auto;padding:0 48px}
.miki-equipment .section.paper-2{background:var(--paper-2)}
.miki-equipment .section.white{background:var(--white)}
.miki-equipment .section.no-top{padding-top:0}
/* ★ 2026-09-05: 小見出し（MACHINE LIST · 設備一覧 など）を
ページの左端にそろえた（指示）。
それまでは .headings の中にあり、左の大きな数字のぶんだけ
右に押し出されていた（実測で左端が 281〜319px）。
.section-head の直下に出し、grid-template-areas で
1段目に全幅で置いている。数字と見出しは2段目のまま。 */
.miki-equipment .section-head{
display:grid;
grid-template-columns:auto 1fr;
grid-template-areas:
"eyebrow eyebrow"
"num headings";
gap:0 64px;
margin-bottom:80px;align-items:end;
}
.miki-equipment .section-head > .eyebrow{grid-area:eyebrow}
.miki-equipment .section-head .num{grid-area:num}
.miki-equipment .section-head .headings{grid-area:headings}
/* ★ 数字は本文に書かない。counter が入れる。
本文側は
の空タグ。 */
.miki-equipment .section-head .num{
font-family:var(--sans);font-weight:300;
font-size:clamp(88px, 12vw, 180px);
line-height:.85;letter-spacing:-.04em;color:var(--ink);
padding-right:32px;border-right:1px solid var(--line);
}
.miki-equipment .section-head .num::before{
content: counter(eqsec, decimal-leading-zero);
}
.miki-equipment .section.white .section-head .num{border-color:var(--line-cool)}
.miki-equipment .section-head .headings{padding-bottom:18px}
.miki-equipment .section-head .eyebrow{
display:flex;align-items:center;gap:14px;
font-family:var(--sans);font-size:12px;letter-spacing:.36em;color:var(--ink-3);font-weight:500;
margin-bottom:28px;text-transform:uppercase;
}
/* 同じ counter を増やさずに読むだけ。大きい数字と必ず一致する */
.miki-equipment .section-head .eyebrow .accent{color:var(--accent)}
.miki-equipment .section-head .eyebrow .accent::before{
content: counter(eqsec, decimal-leading-zero);
}
.miki-equipment .section-head .eyebrow .rule{flex:0 0 40px;height:1px;background:var(--ink-3);opacity:.4}
.miki-equipment .section-head h2{
font-family:var(--serif);font-weight:500;
font-size:clamp(32px, 3.6vw, 52px);line-height:1.35;letter-spacing:.02em;
color:var(--ink);max-width:22em;
}
.miki-equipment .section-head h2 em{font-style:normal;color:var(--accent)}
.miki-equipment .section-head .kicker{
margin-top:20px;
font-family:var(--serif);font-size:15px;line-height:2;color:var(--ink-3);max-width:32em;
}
/* ---------- 01 設備一覧（表） ----------
カテゴリ見出し行（.ml-catrow）と機種行（.ml-row）を縦に並べるだけ。
写真を持たないぶん、密度を上げて一覧性を優先している。 */
/* ★ 表の幅は本文いっぱいにしない（2026-09-05・指示）。
参考にした他社ページ（nihonseimitsu.co.jp/pages/12/）は素の
で、
中身の幅に合わせて自然に狭くなっている。こちらは grid なので
放っておくと本文いっぱい（1326px）に広がり、
スペックの短い文字が横に散って読みにくかった。
880px にした理由（実測）:
スペックの最長は 333.6px。880px のときスペック列は 488.8px あり、
余裕が約155px＝全角12文字ぶん。お客様が文字を足しても
すぐには折り返さない。
760px まで詰めると余裕は約77px＝6文字ぶんしか残らない。
編集される表なので、詰めすぎない側を選んだ。
※ 左端は見出しと揃える（中央寄せにしない）。 */
.miki-equipment .ml-table{
max-width:880px;
margin-inline:auto; /* 2026-09-05: ページの左右センターに置く（指示） */
border-top:2px solid var(--ink);
counter-reset: mlrow; /* 機種の通し番号 */
}
.miki-equipment .ml-catrow{
padding:32px 0 12px;
border-bottom:1px solid var(--line);
}
.miki-equipment .ml-catrow .name{
display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;
}
/* ★ 第2回修正（2026-10-01）: 分類名はゴシック・濃紺（クライアント要望）。字の大きさは据え置き。
Noto Sans JP は 400 / 600 が読み込まれているので 600 を使う（500 は読み込まれていない）。 */
.miki-equipment .ml-catrow .name .jp{
font-family:var(--sans-jp);font-weight:600;font-size:22px;letter-spacing:.05em;color:var(--miki-navy);
}
.miki-equipment .ml-catrow .name .en{
font-family:var(--sans);font-size:12px;letter-spacing:.28em;color:var(--ink-3);
text-transform:uppercase;font-weight:500;
}
/* ★ 台数だけは自動化できない（CSSに要素を数える機能が無い）。
機種を増減したら本文の数字も直すこと。引き継ぎガイドにも書いてある。 */
/* ★ 2026-10-01（M2-b・Ken の実機確認、依頼文②を一覧全体に）: 一覧の文字はすべてゴシック（Noto Sans JP）。
読み込み済みのウェイトは 400 / 600 だけなので、そのどちらかを使う */
.miki-equipment .ml-catrow .count{
margin-left:auto;
font-family:var(--sans-jp);font-size:11px;letter-spacing:.15em;color:var(--ink-3);
}
.miki-equipment .ml-catrow .count b{
font-family:var(--sans-jp);font-weight:600;color:var(--ink);
letter-spacing:0;margin-right:4px;font-size:16px;
}
/* 機種行。左端の M-01… は ::before が自動で入れる（本文には書かない） */
.miki-equipment .ml-row{
display:grid;grid-template-columns:64px 1.4fr 2.6fr;gap:32px;
padding:18px 0;
border-bottom:1px solid var(--line);
align-items:baseline;
counter-increment: mlrow;
}
.miki-equipment .ml-row::before{
content:"M-" counter(mlrow, decimal-leading-zero);
font-family:var(--sans);font-size:10px;letter-spacing:.28em;
color:var(--accent);font-weight:600;
}
.miki-equipment .ml-row .model{
font-family:var(--sans-jp);font-weight:600;font-size:19px; /* 17 → 19px（スペック 18px より小さくならないように） */
letter-spacing:.03em;color:var(--ink);line-height:1.3;
}
.miki-equipment .ml-row .model .maker{
display:block;
font-family:var(--sans-jp);font-size:12px;letter-spacing:.22em;color:var(--ink-3); /* 11 → 12px */
font-weight:500;margin-top:4px;
}
/* ★ 第2回修正（2026-10-01）: 14 → 16px（SP 13 → 15px）。クライアント要望「もう少し大きめ」 */
.miki-equipment .ml-row .spec{
font-family:var(--sans-jp);font-size:18px;line-height:1.9; /* 16 → 18px（SP 15 → 17px） */color:var(--ink-2);letter-spacing:.04em;
}
/* ---------- 02 カテゴリ別ギャラリー ---------- */
.miki-equipment .cg-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:40px;
}
.miki-equipment .cg-card{
display:flex;flex-direction:column;
transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.miki-equipment .cg-card:hover{transform:translateY(-4px)}
.miki-equipment .cg-thumb{
aspect-ratio:4/3;overflow:hidden;
border:1px solid var(--line);
background:var(--paper-2);
position:relative;
}
.miki-equipment .cg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s ease}
.miki-equipment .cg-card:hover .cg-thumb img{transform:scale(1.04)}
.miki-equipment .cg-body{padding:24px 4px 0}
/* ★ 2026-09-05: 英字（CNC LATHE など）から、上の設備一覧と同じ日本語に変更。
欧文の var(--sans) では日本語に当たらないので var(--sans-jp) にしている。
uppercase と .32em の字間は欧文向けの指定なので外した。 */
.miki-equipment .cg-code{
display:block;
font-family:var(--sans-jp);font-size:18px;letter-spacing:.08em;
color:var(--miki-navy);font-weight:600; /* 第2回修正: 一覧の分類名と同じ濃紺（同じ名前を2色で出さない） */
margin-bottom:10px;
}
.miki-equipment .cg-en{
font-family:var(--sans);font-size:11px;letter-spacing:.28em;color:var(--ink-3);
text-transform:uppercase;font-weight:500;margin-bottom:14px;
}
.miki-equipment .cg-charm{
font-family:var(--serif);font-size:14px;line-height:2;letter-spacing:.04em;color:var(--ink-2);
}
.miki-equipment .cg-charm em{font-style:normal;color:var(--accent);font-weight:600}
/* ---------- 03 外観 ----------
住所は直下のお問い合わせ帯に出るので、ここには置かない。 */
.miki-equipment .exterior{padding:0;position:relative}
.miki-equipment .exterior-img{
aspect-ratio:1440/540;
position:relative;overflow:hidden;background:var(--ink);
}
.miki-equipment .exterior-img img{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
/* ★ 2026-09-05: 外観写真を明るいものに差し替えたところ、
白い文字が読みにくくなった。下端の暗さを 70% → 85% に上げ、
暗くなり始める位置も 45% → 30% に上げている。
写真が変わると必要な濃さも変わる。差し替えたら文字の読みやすさを
必ず目で確かめること。 */
.miki-equipment .exterior-img::after{
content:"";position:absolute;inset:0;
background:linear-gradient(180deg, transparent 30%, rgba(20,20,20,.85) 100%);
}
.miki-equipment .exterior-overlay{
position:absolute;bottom:44px;left:48px;right:48px;
color:var(--paper);z-index:2;
}
/* ★ 2026-09-05: 「— OUR FACTORY」から先頭のダッシュを外し、
見出しと同じく左右センターに置いて大きくした（指示）。
見出し（h2）は 旧エディタ拡張の `h2{text-align:center}` で
もともと中央寄せになっている。それに揃えた形。 */
.miki-equipment .exterior-overlay .en{
font-family:var(--sans);font-size:clamp(16px, 1.6vw, 22px);letter-spacing:.36em;
color:var(--accent-soft);
font-weight:500;text-transform:uppercase;margin-bottom:14px;
text-align:center;
}
.miki-equipment .exterior-overlay h2{
font-family:var(--serif);font-weight:500;
font-size:clamp(24px, 2.6vw, 36px);line-height:1.4;letter-spacing:.04em;color:var(--paper);
}
/* ---------- 04 全館空調 / 写真プレースホルダ共通 ---------- */
.miki-equipment .ph-visual{
aspect-ratio:1440/460;
background:var(--paper-2);
border:1px solid var(--line-cool);
display:flex;align-items:center;justify-content:center;
margin-bottom:64px;
}
/* ★ 第2回修正（2026-10-01）: 写真が入った。枠（比率・線）はそのまま、写真で埋める */
/* ★ 写真の縦横比が枠と違っても、枠の比率を崩さない（枠いっぱいに絶対配置して切り抜く）。
素直に width/height:100% だけにすると、写真の高さに押されて枠が伸びる
（働く環境の右2枚が 4:3 ではなく正方形になった・2026-10-01 実測）。 */
.miki-equipment .ph-visual{position:relative;overflow:hidden}
.miki-equipment .ph-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.miki-equipment .climate-grid{
display:grid;grid-template-columns:1fr 1fr;gap:32px;
}
.miki-equipment .climate-benefit{
background:var(--white);padding:40px 36px;
border:1px solid var(--line-cool);
border-left:3px solid var(--accent);
box-shadow:0 8px 24px rgba(20,20,20,.04);
}
.miki-equipment .climate-benefit .en{
font-family:var(--sans-jp);font-size:11px;letter-spacing:.32em;color:var(--accent);
font-weight:600;margin-bottom:14px;
}
.miki-equipment .climate-benefit h3{
font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.04em;line-height:1.5;
color:var(--ink);margin-bottom:16px;
}
.miki-equipment .climate-benefit p{
font-family:var(--serif);font-size:14px;line-height:2.1;letter-spacing:.04em;color:var(--ink-2);
}
/* ---------- 05 働く環境 ---------- */
.miki-equipment .env-grid{
display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:32px;
}
.miki-equipment .env-grid .env-item.big{grid-row:1 / 3}
.miki-equipment .env-item{
background:var(--white);overflow:hidden;
border:1px solid var(--line-cool);
box-shadow:0 8px 24px rgba(20,20,20,.04);
display:flex;flex-direction:column;
transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease;
}
.miki-equipment .env-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(20,20,20,.08)}
.miki-equipment .env-item .img{
aspect-ratio:4/3;
background:var(--paper-2);
display:flex;align-items:center;justify-content:center;
}
.miki-equipment .env-item.big .img{aspect-ratio:4/5}
.miki-equipment .env-item .img{position:relative;overflow:hidden}
.miki-equipment .env-item .img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.miki-equipment .env-item .body{padding:24px 28px 28px}
.miki-equipment .env-item .en{
font-family:var(--sans);font-size:11px;letter-spacing:.32em;color:var(--accent);
text-transform:uppercase;font-weight:600;margin-bottom:6px;
}
.miki-equipment .env-item h4{
font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:.04em;line-height:1.5;
color:var(--ink);margin-bottom:10px;
}
.miki-equipment .env-item p{
font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.04em;color:var(--ink-3);
}
/* ---------- 折り返し（原則②「文字は途中で折り返さない」） ----------
miki-pages.css の共通ルールは .hero-lead / .cap などを見ているが、
作り直しでクラス名が変わったので、このページぶんはここで指定する。
word-break:auto-phrase … 日本語を文節単位で折り返す
text-wrap:pretty … 末尾に1〜2文字だけ残るのを防ぐ
どちらも非対応ブラウザでは無視されるだけ。
★ 2026-09-05: このかたまりは @media (max-width:960px) の中に
書かれていて、PCでは効いていなかった。実測すると PC では
「職場づく／りに」「カテゴリご／とに」のように語の途中で
折り返していた。原則②は画面幅によらないので、
メディアクエリの外に出した。
※ miki-pages.css の同じ指定も SP 限定のままなので、
他3ページ（company / machining / works）の PC は未対応。
共通ファイルは4ページに効くため、ここでは触っていない。 */
.miki-equipment :is(.kicker, .cg-charm, .climate-benefit p, .env-item p, .ml-row .spec){
text-wrap: pretty;
word-break: auto-phrase;
}
.miki-equipment :is(.climate-benefit h3, .env-item h4, .exterior-overlay h2){
text-wrap: balance;
word-break: auto-phrase;
}
/* ---------- スマホ ----------
★ 区切りは 960px。miki-pages.css の共通トークンと同じ位置で切る。
設計ファイルは 720px だったが、他3ページと揃えるため採用しない。
★ 余白は miki-pages.css の3原則に従い、トークンで指定する。
① 同じ役割の余白は4ページで同じ値
② 文字は途中で折り返さない
③ 余白は項目の中ではなく項目の切れ目に置く
------------------------------------------------------------------ */
@media (max-width:960px){
/* ---------- ヒーロー（変更対象外。旧CSSからそのまま持ってきた） ---------- */
.miki-equipment .hero .inner{padding:32px var(--pad-side) 50px;min-height:auto}
.miki-equipment .hero-bottom{grid-template-columns:1fr;gap:var(--gap-in-block)}
.miki-equipment .hero-meta{justify-self:flex-start;text-align:left}
/* ★ スマホのヒーローは「三木鐵工所の設備紹介」だけを出す（2026-10-03・Ken の指示）。
ほか（FACILITY・大見出し・英字・紹介文・MIKI METAL WORKS…・透かしの 11・左の縦罫）は隠す。
本文 HTML は消していない（PC・タブレットはそのまま）。 */
.miki-equipment .hero .eyebrow .num,
.miki-equipment .hero-title,
.miki-equipment .hero-bottom{display:none}
.miki-equipment .hero .bg::before,
.miki-equipment .hero .bg::after{content:none}
.miki-equipment .hero .eyebrow{margin-bottom:0}
/* ★ 2026-10-03（Ken の指示「余白が大きすぎる」）: スマホの縦の余白を詰める。
共通の変数（miki-pages.css の --gap-*）は他の3ページも使うので変えず、このページだけ数値で上書きする。 */
.miki-equipment .section{padding:40px 0} /* 64 → 40px */
.miki-equipment .section.no-top{padding-top:0}
.miki-equipment .section .inner{padding:0 var(--pad-side)}
/* セクション見出し：数字を上に、見出しを下に */
.miki-equipment .section-head{
grid-template-columns:1fr;
grid-template-areas:
"eyebrow"
"num"
"headings";
gap:12px; /* 24 → 12px */
margin-bottom:28px; /* 64 → 28px */
}
/* 1カラムでは gap が段の間隔になるので、個別の下余白は消す */
.miki-equipment .section-head > .eyebrow{margin-bottom:0}
/* 数字の罫は、PCでは右・スマホでは下。旧CSSの作法をそのまま引き継ぐ */
.miki-equipment .section-head .num{
border-right:0;padding-right:0;
padding-bottom:16px;border-bottom:1px solid var(--line);
font-size:64px;
}
.miki-equipment .section.white .section-head .num{border-bottom-color:var(--line-cool)}
/* ★ スマホでは大きい黒の数字（01〜04）と下の罫を出さない（2026-10-03・Ken の指示「無駄に大きい」）。
小見出しの赤い「01」は同じ counter を読むだけなので、そのまま出る。上の .num の指定は PC へ戻すときのために残す。 */
.miki-equipment .section-head .num{display:none}
.miki-equipment .section-head .headings{padding-bottom:0}
/* ★ 2026-10-03（Ken の指示「各見出しを2行以内に」）: 24px 固定だと15文字の行（機種・メーカー・主要スペック。など）が
実機 390px（中身 350px）で3行になる。画面幅に合わせて縮める（500px 以上 24px・390px 約22px・360px 約20px） */
.miki-equipment .section-head h2{font-size:min(24px, 5.6vw)}
.miki-equipment .section-head .kicker{margin-top:var(--gap-in-item);font-size:14px}
/* ★ 2026-10-03（Ken の指示「英語は不要」）: スマホでは英字のラベルを出さない。
小見出しの「MACHINE LIST · 」などは本文で に分けてある（和文だけ残す）。
機種名（QTN-350Ⅱ）・メーカー（MAZAK）・CAD / CAM は固有名なので残す。 */
.miki-equipment .section-head .eyebrow .eb-en,
.miki-equipment .ml-catrow .name .en,
.miki-equipment .cg-en,
.miki-equipment .exterior-overlay .en,
.miki-equipment .climate-benefit .en,
.miki-equipment .env-item .en{display:none}
/* 設備一覧：番号と機種名を上段、スペックを下段に折り返す */
.miki-equipment .ml-catrow{padding:16px 0 4px} /* 20/6 → 16/4px（2026-10-03・縦を詰める） */
.miki-equipment .ml-catrow .name{gap:var(--gap-in-item) 12px}
.miki-equipment .ml-catrow .name .jp{font-size:18px}
.miki-equipment .ml-catrow .name .en{font-size:10px}
/* ★ 2026-10-03（Ken の指示「表が縦長すぎる」）: スマホでは台数（3 UNITS など）を出さない */
.miki-equipment .ml-catrow .count{display:none}
.miki-equipment .ml-row{
grid-template-columns:auto 1fr;
grid-template-areas:
"idx model"
"spec spec";
gap:4px 14px;
padding:12px 0; /* 20 → 12px（2026-10-03・縦を詰める） */
}
.miki-equipment .ml-row::before{grid-area:idx;align-self:baseline}
.miki-equipment .ml-row .model{grid-area:model;font-size:18px}
/* メーカーは機種名の右に並べる（1行減る） */
.miki-equipment .ml-row .model .maker{display:inline;margin:0 0 0 10px}
/* ★ スペックは実機 390px（中身 350px）で1行に収まる大きさに（2026-10-03・Ken の指示）。
17px だと CNC旋盤・マシニングの5行が折り返していた（最長 426px）。
palt で（）／の空きを詰め、15.5px・字間 0 で最長 342px。14px までは下げない（小さすぎる）。
360px 幅の端末（中身 320px）では長い5行だけ2行になる。 */
.miki-equipment .ml-row .spec{grid-area:spec;font-size:15.5px;letter-spacing:0;font-feature-settings:"palt";line-height:1.6}
/* カテゴリカード：1列 */
.miki-equipment .cg-grid{grid-template-columns:1fr;gap:32px} /* 64 → 32px */
.miki-equipment .cg-body{padding-top:14px} /* 24 → 14px */
/* 外観：横長すぎるので 4:3 に。文字は写真の下に置く */
.miki-equipment .exterior-img{aspect-ratio:4/3}
.miki-equipment .exterior-overlay{
position:static;
padding:18px var(--pad-side); /* 24 → 18px */
background:var(--ink);
}
/* 空調 */
.miki-equipment .ph-visual{aspect-ratio:4/3;margin-bottom:24px} /* 64 → 24px */
.miki-equipment .climate-grid{grid-template-columns:1fr;gap:12px} /* 20 → 12px */
.miki-equipment .climate-benefit{padding:18px 20px} /* 24 → 18px */
/* 働く環境 */
.miki-equipment .env-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px} /* 20 → 12px */
.miki-equipment .env-grid .env-item.big{grid-row:auto}
.miki-equipment .env-item.big .img{aspect-ratio:4/3}
.miki-equipment .env-item .body{padding:16px 18px 18px} /* 24/28/28 → 16/18/18px（2026-10-03） */
}