/* ============================================================
   English Typography Overrides
   日本語見出し用の大小交互スタイル（66/50px・letter-spacing）を
   英語テキスト向けに最適化する。body.lang-en にのみ適用。
   読み込みは style.css / subpage.css の後。
   ============================================================ */

/* ============================================================
   Header Logo (English)
   日本語ロゴと英語ロゴは縦横比が異なるため
   （日本語 logo.png 417×55 ＝ 約7.6:1 ／ 英語 logo-en.png 858×81 ＝ 約10.6:1）、
   style.css の日本語向けサイズ（PC: width:300px／1024px以下: 220px／
   768px以下: 180px）のままだと英語ロゴが小さく見える。
   下記の値はいずれもブラウザ実測で確定済み。
   - PC: 日本語は width:300pxで高さ40px。英語を360pxにすると
     高さ34pxとなり日本語版と見た目の釣り合いが取れる。
   - 768px以下: ロゴに使える幅は実測288px。英語を250pxにすると
     高さ23.6pxとなり、日本語版（180px＝高さ24px）とほぼ同じ見た目になる。
   ============================================================ */
.lang-en .header__logo-img {
  width: 360px;
  max-width: 360px;
}

@media (max-width: 1024px) {
  .lang-en .header__logo-img {
    width: 300px;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .lang-en .header__logo-img {
    width: 250px;
    max-width: 250px;
  }
}

/* ---- Section header titles ---- */
.lang-en .section-header__title {
  letter-spacing: normal;
  line-height: 1.7;
}

.lang-en .section-header__title-lg,
.lang-en .section-header__title-sm,
.lang-en .section-header__title-pre {
  font-size: 42px;
  letter-spacing: normal;
}

.lang-en .section-header__title-pre {
  display: inline;
}

/* 上部ラベル（ISHIGURO Group など） */
.lang-en .section-header__en {
  font-size: 22px;
  letter-spacing: 0.04em;
}

/* ---- Section pre-titles / leads ---- */
.lang-en .reason__pre-title,
.lang-en .message__lead,
.lang-en .service-trust__pre-title {
  letter-spacing: normal;
}

/* ============================================================
   Hero (TOP / page-en-home)
   ============================================================ */
.lang-en .hero__title {
  gap: 14px;
}

.lang-en .hero__title-line {
  font-size: 46px;
  line-height: 1.2;
  padding: 8px 48px 8px 60px;
}

.lang-en .hero__title-line--small {
  font-size: 30px;
  padding: 6px 40px 6px 52px;
}

.lang-en .hero__text {
  font-size: 17px;
  line-height: 1.7;
}

/* ============================================================
   Page Hero (会社概要 / 事業概要 のFV見出し)
   ============================================================ */
.lang-en .page-hero__title {
  font-size: 48px;
  letter-spacing: normal;
  padding: 10px 50px 10px 90px;
}

/* ============================================================
   Tablet
   ============================================================ */
@media (max-width: 1024px) {
  .lang-en .section-header__title-lg,
  .lang-en .section-header__title-sm,
  .lang-en .section-header__title-pre {
    font-size: 36px;
  }
  .lang-en .section-header__en {
    font-size: 20px;
  }
  .lang-en .hero__title-line {
    font-size: 38px;
    padding: 8px 40px 8px 48px;
  }
  .lang-en .hero__title-line--small {
    font-size: 26px;
    padding: 6px 32px 6px 40px;
  }
  .lang-en .page-hero__title {
    font-size: 40px;
  }
}

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width: 600px) {
  .lang-en .section-header__title-lg,
  .lang-en .section-header__title-sm,
  .lang-en .section-header__title-pre {
    font-size: 28px;
  }
  .lang-en .section-header__en {
    font-size: 18px;
  }
  .lang-en .hero__title-line {
    font-size: 28px;
    padding: 6px 24px 6px 22px;
  }
  .lang-en .hero__title-line--small {
    font-size: 21px;
    padding: 5px 20px 5px 18px;
  }
  .lang-en .hero__text {
    font-size: 15px;
  }
  .lang-en .page-hero__title {
    font-size: 30px;
    padding: 8px 30px 8px 24px;
  }
}