@charset "UTF-8";

/* 1. Google Fonts の読み込み（@importをやめて、ブラウザに直接命令を出すように変更）
  2. ウェイトを 400（標準）と 700（太字）だけに絞って大幅軽量化 
  3. &display=swap を付与して、フォント読み込み中も文字を表示させる
*/

/* Noto Sans JP */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v52/-Ky77e3otcl2Wf1Zp6_Vq06m_0vX.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v52/-Ky77e3otcl2Wf1Zp6_Vq06m_0vX.woff2) format('woff2');
}

/* BIZ UDPGothic */
@font-face {
  font-family: 'BIZ UDPGothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bizudpgothic/v11/vEFX2_5IDl_Hvv-p3CscM9W9M9X9.woff2) format('woff2');
}

/* ----------Font Family Din 2014------- */
@font-face {
    font-family: 'DIN 2014 Narrow';
    src: url('../font/DIN_2014_Narrow.otf') format("opentype");
    font-weight: 300;
    font-display: swap; /* 表示遅延を防ぐために必須 */
}
@font-face {
    font-family: 'DIN 2014';
    src: url('../font/DIN_2014.otf') format("opentype");
    font-weight: 400;
    font-display: swap; /* 表示遅延を防ぐために必須 */
}