@charset "UTF-8";
/* ============================================================
   css/page/en_index.css
   英語版トップ（en_index.php）専用の調整
   - 日本語向けのレイアウト（文字詰め・nowrap・字間）を英語テキスト用に補正する
   - すべて body.lang-en 配下に限定し、日本語ページには影響させない
   ============================================================ */

/* 欧文は読み込み済みの Noto Sans を優先 */
body.lang-en {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  overflow-wrap: break-word;
}

/* ------------------------------------------------------------
   ヘッダー：英語は語の途中で折り返すと読みにくいので1行に保つ
   ------------------------------------------------------------ */
body.lang-en header .header__top .header__top-left .header__sponsor-label,
body.lang-en header .header__top .header__top-left .header__event-info p,
body.lang-en header .header__top .header__top-right .header__utility-link {
  white-space: nowrap;
}

/* ------------------------------------------------------------
   フッター：メニューをページ内リンクだけに絞ったため、メニュー列が内容幅まで
   縮んで単語ごとに折り返してしまう。列を縮ませず、項目は1行で表示する
   ------------------------------------------------------------ */
body.lang-en footer .footer__inner .footer__bottom {
  flex-shrink: 0;
}
body.lang-en footer .footer__inner .footer__bottom nav .nav__list .nav__item {
  width: auto;
  min-width: 14rem;
  white-space: nowrap;
}
body.lang-en footer .footer__inner .footer__bottom nav .nav__list.ft_nav_list {
  width: auto;
}

/* ------------------------------------------------------------
   FV 1枚目（fv-hero-v2.css の英語用補正）
   ------------------------------------------------------------ */
body.lang-en .fv-hero-v2 .fvv2 {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}
body.lang-en .fv-hero-v2 .fvv2__headline {
  font-size: clamp(23px, 2.4vw, 38px);
}
/* 展示会名は英語だと長いので、文字サイズを下げて折り返しを許可 */
body.lang-en .fv-hero-v2 .fvv2__panel-title {
  font-size: clamp(26px, 2.5vw, 38px);
  line-height: 1.2;
}
body.lang-en .fv-hero-v2 .fvv2__panel-title .fvv2__nw,
body.lang-en .fv-hero-v2 .fvv2__panel-cats .fvv2__nw,
body.lang-en .fv-hero-v2 .fvv2__panel-support .fvv2__nw {
  white-space: normal;
}
body.lang-en .fv-hero-v2 .fvv2__panel-market,
body.lang-en .fv-hero-v2 .fvv2__panel-edition {
  letter-spacing: 0.06em;
}
body.lang-en .fv-hero-v2 .fvv2__panel-support {
  font-size: 11.5px;
}
/* 中央バッジ：「Co-located」が円に収まるよう字間を詰める */
body.lang-en .fv-hero-v2 .fvv2__badge-jp {
  font-size: 11px;
  letter-spacing: 0.02em;
  text-indent: 0;
}
body.lang-en .fv-hero-v2 .fvv2__date span {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}
/* ------------------------------------------------------------
   本文
   ------------------------------------------------------------ */
/* 英文の両端揃えは単語間が不自然に空くので左揃えにする */
body.lang-en #visitor-content .merit-section .features-grid .feature-item p {
  text-align: left;
}
/* 動画キャプション：英語は長く、隣の列の文字とつながって見えるため
   動画（幅96%・中央寄せ）の左右端に揃えて列間に余白をつくる */
body.lang-en .top-past .container .past-video .item p {
  padding: 0 2%;
}
/* 「2つの展示会」見出し：top:-120px 固定だと英語で2〜3行になったとき
   下のバナーに重なるため、見出しの下端を基準に配置して上方向へ伸ばす
   （下端の位置は日本語版の1行見出しとほぼ同じ） */
body.lang-en .main-exhibiting .header-title {
  top: auto;
  bottom: calc(100% + 30px);
  padding: 0 16px;
  box-sizing: border-box;
}
/* 英語版は上部の展示会バナー（.top-banner）を外しているため、
   濃色エリアの上端に余白を足して本文が端に貼り付かないようにする */
body.lang-en .main-exhibiting {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  body.lang-en .main-exhibiting {
    padding-top: 50px;
  }
}
body.lang-en .main-exhibiting .header-title h2 span {
  font-size: 1.6em;
}
/* 見出しが2〜3行になる幅では、上のセクションの下余白を広げて見出しの置き場をつくる */
@media screen and (max-width: 991px) {
  body.lang-en .merit-promo-section {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 767px) {
  body.lang-en .merit-promo-section {
    padding-bottom: 195px;
  }
}
/* 商談実績の小ラベル：英語は長く nowrap だとタブレット幅ではみ出すので折り返しを許可 */
body.lang-en .buyer_add .buyer-pill-label {
  white-space: normal;
  max-width: 100%;
  border-radius: 1.4em;
  line-height: 1.35;
}
@media (min-width: 768px) {
  body.lang-en .buyer_add .buyer-bottom-row {
    grid-template-columns: minmax(0, 1fr) 2px minmax(0, 1fr) 2px minmax(0, 1fr);
  }
}
/* 日本語用の記号（・／※）は英文では違和感があるので欧文の中黒に置き換える */
body.lang-en .main-exhibiting ul.custom-list li::before,
body.lang-en .ex-access .shuttle-block .shuttle-notes li::before {
  content: "•";
}
body.lang-en .ex-access .shuttle-block .shuttle-notes li {
  padding-left: 1em;
  text-indent: -1em;
}
body.lang-en .ex-access .shuttle-block .shuttle-notes li::before {
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
/* 棒グラフ：英語ラベルが長いと数値（52.5 など）が押しつぶされて折り返すため固定 */
body.lang-en .visitor_add_section .ec-bar-value {
  flex-shrink: 0;
  width: auto;
  min-width: 2.5rem;
  white-space: nowrap;
}

@media screen and (max-width: 991px) {
  body.lang-en .fv-hero-v2 .fvv2__badge-jp {
    font-size: 9.5px;
  }
}
@media screen and (max-width: 767px) {
  body.lang-en .fv-hero-v2 .fvv2__headline {
    font-size: 19px;
  }
  body.lang-en .fv-hero-v2 .fvv2__panel-title {
    font-size: clamp(22px, 6.4vw, 28px);
  }
  body.lang-en .fv-hero-v2 .fvv2__panel-appeal .fvv2__nw {
    white-space: normal;
  }
  body.lang-en .fv-hero-v2 .fvv2__panel-market {
    white-space: normal;
    right: 16px;
  }
}