@charset "UTF-8";

/* =========================================================
   フォント読み込み
   - 欧文: DIN 2014（Adobe Fonts / システムフォント）
   - 和文: 游ゴシック
   ========================================================= */

/* 和文: 游ゴシック */
@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 400;
  src:
    local("Yu Gothic Medium"),
    local("YuGothic-Medium"),
    local("Yu Gothic"),
    local("YuGothic");
}

@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 700;
  src:
    local("Yu Gothic Bold"),
    local("YuGothic-Bold");
}

/* 欧文: din-2014（Adobe Fonts の din-2014-std を優先） */
@font-face {
  font-family: "din-2014";
  font-style: normal;
  font-weight: 400;
  src:
    local("din-2014-std"),
    local("Cdin-2014 Std"),
    local("din-2014"),
    local("Cdin-2014 New");
}

@font-face {
  font-family: "din-2014";
  font-style: normal;
  font-weight: 700;
  src:
    local("din-2014-bold"),
    local("din-2014Std Bold"),
    local("din-2014 Bold"),
    local("din-2014 New Bold");
}

/* ---------------------------------------------------------
   フォント適用
   - 基本: 游ゴシック
   - 欧文のみ: DIN 2014（Adobe Fonts）
   - ロゴ（.hd-logo）は画像のため対象外
   --------------------------------------------------------- */

:root {
  --font-en: "din-2014", "din-2014", "din-2014 New", monospace;
  --font-jp: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.ts-top {
  font-family: var(--font-jp);
}

/* 欧文テキストのみ din-2014 */
/*.ts-top .en,
.ts-top .hd-intro-en {
  font-family: var(--font-en);
}*/

/* 和文テキストは游ゴシックを明示 */
.ts-top .hd-intro-ja {
  font-family: var(--font-jp);
}