@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;/*ExtraLight*/
  src: url('../font/NotoSansJP-200.woff2') format('woff2'),
       url('../font/NotoSansJP-200.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;/*Light*/
  src: url('../font/NotoSansJP-300.woff2') format('woff2'),
       url('../font/NotoSansJP-300.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;/*Regular*/
  src: url('../font/NotoSansJP-400.woff2') format('woff2'),
       url('../font/NotoSansJP-400.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;/*Medium*/
  src: url('../font/NotoSansJP-500.woff2') format('woff2'),
       url('../font/NotoSansJP-500.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;/*SemiBold*/
  src: url('../font/NotoSansJP-600.woff2') format('woff2'),
       url('../font/NotoSansJP-600.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;/*Bold*/
  src: url('../font/NotoSansJP-700.woff2') format('woff2'),
       url('../font/NotoSansJP-700.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 800;/*ExtraBold*/
  src: url('../font/NotoSansJP-800.woff2') format('woff2'),
       url('../font/NotoSansJP-800.woff') format('woff');
  font-display: swap;
}



@font-face {
  font-family: 'Jost';
  src: url('../font/Jost-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../font/Jost-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../font/Jost-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../font/Jost-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../font/Jost-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}