@charset "UTF-8";
/* 画像計測部門サイト 英語・繁体字ページ用の上書き（/css/kensa-2025/i18n.css）
   <html lang> で切り替えるので、日本語ページ（lang="ja"）には効かない。
   出典：20261101_Gazo_en/site/common/i18n.css */

/* ---------------------------------------------------------------- 文字 */
html[lang="en"] body {
  font-family: "Open Sans", "Noto Sans JP", sans-serif;
  overflow-wrap: break-word;   /* 日本語版の anywhere だと英単語の途中で折れる */
  line-break: auto;
}
html[lang="zh-Hant"] body {
  font-family: "Noto Sans TC", "Noto Sans JP", sans-serif;
}

/* ---------------------------------------------------------------- ロゴ
   英語：部門が Shutto に登録した英語ロゴ（site-logo-en.svg／site-logo-white-en.svg。「Image Processing Div」入り）を
         そのまま使う（ヘッダーの .text は出さない＝Shutto の英語表示と同じ）。トップのヘッダーの白いロゴは CSS の背景
   繁体字：文字なしのロゴ（site-logo-notext.svg）＋部門名を HTML の文字（.text）でロゴの下に（日本語版の「画像計測部門」の位置） */
html[lang="en"] body.top .l-header .l-header__logo > a::after {
  background-image: url(/image/kensa-2025/common/site-logo-white-en.svg);
}
html[lang="zh-Hant"] .l-header__logo > a > .text {
  left: 46px;
}
@media (min-width: 768px) {
  html[lang="zh-Hant"] .l-header__logo > a > .text {
    left: 33px;
  }
}
@media (min-width: 1024px) {
  html[lang="zh-Hant"] .l-header__logo > a > .text {
    left: 56px;
  }
}
html[lang="zh-Hant"] body.top .l-header .l-header__logo > a::after {
  background-image: url(/image/kensa-2025/common/site-logo-white-notext.svg);
}

/* ---------------------------------------------------------------- トップのメインビジュアル
   英語は Shutto に登録された英語の見出し画像（main-visual-hdg-en.svg）。繁体字は文字にする */
html[lang="zh-Hant"] .main-visual__hdg {
  width: auto;
  max-width: 90%;
  color: var(--white);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  html[lang="zh-Hant"] .main-visual__hdg {
    font-size: 2.9vw;
  }
}

/* ---------------------------------------------------------------- Shutto の英語表示と同じ調整（mods）
   メニュー・フッターのリンクは折り返さない。ヘッダーの「Contact Us」はボタン幅 116px・文字 11〜12.5px */
html[lang="en"] .l-header-gnav > .l-header-gnav__item > .nav__wrap > a,
html[lang="en"] .l-footer__content__nav > li > a {
  white-space: nowrap;
}
html[lang="en"] .l-header-gnav__item > .nav__wrap > a,
html[lang="en"] .l-megadrop__subnav a,
html[lang="en"] .l-footer__content__nav a {
  letter-spacing: 0;
}
html[lang="en"] .l-header-contact > a {
  width: 116px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[lang="en"] .l-header-contact > a > .text {
  font-size: 12.5px;
}

/* ---------------------------------------------------------------- メガメニューの見出し（2026-11-02 ユーザー指摘「青字の Products の改行位置がおかしい」）
   日本語版は小さい「製品情報」＋大きい青字「Product」。英語版は Shutto の訳どおり両方「Products」で、
   1024px 以上（枠 200px・文字 48px）では約 213px になり「Product／s」と単語の途中で折り返していた。
   → 折り返さない。1024px 以上は 42px（約 186px＝日本語版の「Product」189px とほぼ同じ幅、右の項目まで 24px） */
html[lang="en"] .l-megadrop__hdg > .en {
  white-space: nowrap;
}
@media (min-width: 1024px) {
  html[lang="en"] .l-megadrop__hdg > .en {
    font-size: 4.2rem;
  }
}