@font-face {
  font-family: 'Noto Sans JP Light';
  src: url('./NotoSansJP-Light.ttf') format('truetype');
  /* font-weight: 300;
  font-style: normal; */
}

@font-face {
  font-family: 'Noto Sans JP Black';
  src: url('./NotoSansJP-Black.ttf') format('truetype');
  /* font-weight: 900;
  font-style: normal; */
}

@font-face {
  font-family: 'Noto Sans JP Bold';
  src: url('./NotoSansJP-Bold.ttf') format('truetype');
  /* font-weight: 900;
  font-style: normal; */
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  div {
    scrollbar-width: auto;
    scrollbar-color: #f06f3c5d #ffffff;
  }

  /* Chrome, Edge, and Safari */
  div::-webkit-scrollbar {
    width: 6px;
  }

  div::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .05);
  }

  div::-webkit-scrollbar-thumb {
    background-color: #f06f3c5d;
    border-radius: 8px;
    border: 0px solid rgba(240, 110, 60, .1);
  }

  p.is-editor-empty:first-child::before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none;
  }