/* 1) Thin (100) */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansJP-Thin.woff') format('truetype');
  }
  
  /* 2) ExtraLight (200) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansJP-ExtraLight.woff') format('truetype');
  }
  
  /* 3) Light (300) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansJP-Light.woff') format('truetype');
  }
  
  /* 4) Regular (400) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansJP-Regular.woff') format('truetype');
  }
  
  /* 5) Medium (500) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansJP-Medium.woff') format('truetype');
  }
  
  /* 6) SemiBold (600) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/NotoSansJP-SemiBold.woff') format('truetype');
  }
  
  /* 7) Bold (700) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansJP-Bold.woff') format('truetype');
  }
  
  /* 8) ExtraBold (800) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/NotoSansJP-ExtraBold.woff') format('truetype');
  }
  
  /* 9) Black (900) */
  @font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansJP-Black.woff') format('truetype');
  }