/* ===========================================================================
   日本語版（index-ja.html）専用の上書きスタイル
   style.css の「後」に読み込む。英語版 index.html はこのファイルを読み込まないため、
   ここへの追記が英語版のレイアウトに影響することはない。

   注意: style.css 側が子孫セレクタ（例 .trust-cell .tag-sm）で定義している項目は、
   単一クラス（例 .tag-sm）では詳細度が足りず上書きできない。同じ詳細度で書くこと。
   =========================================================================== */

/* --- フォント --------------------------------------------------------------
   Latin は Inter、日本語は Noto Sans JP が受け持つようフォールバック順を指定 */
:root {
  --font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-display: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-mono: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

/* --- 字間・行間 ------------------------------------------------------------ */
/* 日本語は字間を詰めると可読性が落ちるため、見出しのトラッキングを緩める */
.h-display, .h-section, .h-card,
h1, h2, h3, h4, h5 { letter-spacing: 0.01em; }
/* 本文の行間を日本語向けに広げる */
p, li, .desc, .answer, .lbl, .hero-sub,
.featured-blurb, .tr-dist-role, .fluid-cat-body p { line-height: 1.85; }
/* 日本語の禁則処理を有効化し、単語途中での不自然な改行を防ぐ */
body { word-break: normal; line-break: strict; }
/* mono指定の小ラベルは、日本語だと字間が広すぎるため詰める */
.eyebrow, .mono, .cert-ref, .im-k { letter-spacing: 0.04em; }
/* 数値は英字フォントのままにして、桁の見え方を英語版と揃える */
.num, .trust-cell .num, .industry-num, .qn { font-family: "Inter", sans-serif; letter-spacing: -0.01em; }

/* .accent は欧文（Since 1937）にのみ使うため、英語版のオレンジ＋斜体セリフをそのまま活かす。
   日本語を .accent で囲む場合は .hero h1 .accent と同じ詳細度で上書きすること */

/* --- 見出しの折り返し制御 --------------------------------------------------
   日本語は全角なので、同じ字数でも英語版より必要幅が大きい（1文字 ≒ 1em）。
   英語版の .h-section は最大52px・左カラム544pxで「約10文字/行」しか入らず、
   13文字の見出しが3行に割れてしまう。そこで
     ・見出しサイズを日本語の見え方に合わせて抑える（全角は同px でも大きく見える）
     ・.section-head の左カラムを広げる
   の2点で必要幅を確保し、HTML側の <br> と .nb で行を確定させる。 */
.h-section { font-size: clamp(26px, 3.1vw, 42px); }

/* --- セクション見出しの説明文を H2 の下へ流し込む ---------------------------
   英語版は H2 の右カラムに right 揃えで置いている（max-width: 36ch）。
   36ch は日本語だと約18文字/行しか入らず、右揃えと相まって極端に読みにくい。
   1カラムに変更して H2 の下へ左詰めで流し、1行の字数を適正化する。
   副次的に H2 が全幅を使えるようになり、折り返しの制御にも有利になる。 */
.section-head {
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
.section-head .right { text-align: left; }
.section-head .right p {
  margin-left: 0;
  max-width: none;   /* 折り返し制限を外し、右端まで流す */
  font-size: 16px;
}

/* --- 文字サイズ ------------------------------------------------------------
   英語版の小さなラベル類は「欧文の大文字＋広い字間」で成立している設計だが、
   日本語の漢字・かなでは 10〜13px は判読しづらいため引き上げる。
   ラベル列の幅（.im-row 110px / .spec-row 90px / .fs-row 200px）に収まる
   範囲に留めており、表組みは崩れない。 */

/* 業種カードの「推奨機種 / 対応流体」 */
.im-row { font-size: 14px; }
.im-k { font-size: 14px; letter-spacing: 0.04em; }
.im-v { font-size: 14px; }
.fluid-pill { font-size: 13px; }

/* 流体カテゴリカードの例示（ガソリン · 軽油 · 灯油 …） */
.fluid-cat-examples { font-size: 14px; letter-spacing: 0.02em; }
/* 上部の色つきラベル（.fluid-cat-tag）をHTMLから削除したため、
   そのpadding-top 22px が失われる。本文側で上余白を補う */
.fluid-cat-body { padding-top: 30px; }

/* 仕様表 */
.spec-row { font-size: 14px; }
.spec-row .k { font-size: 13px; }
.spec-row .v { font-size: 13.5px; }
.fs-row { font-size: 14px; }
.fs-row .k { font-size: 13px; }
.fs-row .v { font-size: 13.5px; }

/* 本文系 */
.eyebrow { font-size: 13px; }
.trust-cell .lbl { font-size: 14px; }
.featured-blurb { font-size: 16px; }
.other-body p { font-size: 15px; }
.why-cell p { font-size: 15.5px; }

/* --- 残る小サイズの一括引き上げ --------------------------------------------
   style.css の font-size 指定を全件洗い出し、日本語版で実際に使われていて
   14px 未満のものを引き上げた。目安は 小ラベル=13px / 本文=14〜15px。
   欧文の数字のみの要素（.industry-num / .why-cell .num / .faq-q .qn）は
   小さくても判読できるため対象外とした。 */

/* 10px のタグ類 */
.cert-tag { font-size: 13px; }          /* 品質 / 環境 / 官公庁 */
.facility-tag { font-size: 13px; }      /* 製造拠点 / 本社 */

/* 10.5px */
.cert-ref { font-size: 13px; }          /* 登録番号 JSAQ072 など */
.cp-row .k { font-size: 13px; }         /* 設立 / 資本金 / 本社所在地（110px列に収まる） */    /* その他の地域 */

/* 11px */
.featured-specs-head { font-size: 14px; }             /* 詳細仕様 */
.featured-features .features-label { font-size: 13px; } /* 主な特徴 */
.footer-col h5 { font-size: 14px; }                   /* 製品 / 会社情報 / お問い合わせ */
.ic-row .k { font-size: 13px; }                       /* 設置国 / 設置先 / 用途 */
.inquiry-cta-eye { font-size: 13px; }                 /* STEP 01 · ご用途をお知らせください */
.inquiry-cta-meta .k { font-size: 13px; }             /* 窓口 / 対応 / 対応言語 */
.map-card .hdr { font-size: 13px; }                   /* グローバルネットワーク */
.other-cat-tag { font-size: 13px; }                   /* 石油 / ガス · 安全・都市ガス */
.region .countries { font-size: 13px; }               /* インドネシア · マレーシア … */
.tag { font-size: 13px; }                             /* 岩谷産業グループ */
.tr-block-head .mono { font-size: 13px; }             /* サポート体制 */
.tr-dist-loc { font-size: 13px; }                     /* 静岡工場から直送 */
.tr-dist-note { font-size: 13.5px; }                  /* 正規代理店に関する注記 */
.footer-bottom { font-size: 12.5px; }                 /* コピーライトは控えめに留める */
.inquiry-cta-foot { font-size: 12.5px; }              /* 新しいタブで開きます … */

/* 12〜13.5px */
.product-cta { font-size: 14px; }       /* 「見積り依頼」等のリンク型CTA */
.cert-detail { font-size: 13.5px; }     /* 品質マネジメント — 設計・製造 */
.tr-promise p { font-size: 14.5px; }
.tr-dist-role { font-size: 14.5px; }
.cp-row { font-size: 14px; }            /* 会社概要の値 */
.footer-col a { font-size: 14px; }      /* フッターのリンク */
/* text-wrap: balance は明示した <br> の他の行を再分配してしまうため無効化する */
.h-display, .h-section { text-wrap: wrap; }
/* .nb で囲んだ範囲は途中で折り返さない。
   狭い画面では収まらなくなるため、自然な折り返しに戻す */
@media (min-width: 861px) {
  .nb { white-space: nowrap; }
}

/* --- 実績ラベル（実績 / 出荷台数 / 供給国 …） -------------------------------
   英語版は10pxのLatin大文字で成立するが、日本語の漢字では小さすぎて読めないため拡大。
   ベースが .trust-cell .tag-sm なので同じ詳細度で指定する（.tag-sm では効かない）。 */
.trust-cell .tag-sm {
  font-size: 20px;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}