@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 300;
  src: url("HiraKakuPro-W3.otf") format("opentype");
}

@font-face {
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 600;
  src: url("HiraKakuPro-W6.otf") format("opentype");
}

@font-face {
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 800;
  src: url("HiraKakuStd-W8.otf") format("opentype");
}

@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 300;
  src: url("YuGothL.ttc") format("truetype");
}

@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 400;
  src: url("YuGothR.ttc") format("truetype");
}

@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 500;
  src: url("YuGothM.ttc") format("truetype");
}

@font-face {
  font-family: "Yu Gothic";
  font-style: normal;
  font-weight: 700;
  src: url("YuGothB.ttc") format("truetype");
}