@font-face {
  font-family: NotoSansJP;
  src: url("../fonts/NotoSansJP.woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GeistMono;
  src: url("../fonts/GeistMono.woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: BitcountSingle;
  src: url("../fonts/BitcountSingle.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: SourceCodePro;
  src: url("../fonts/SourceCodePro.woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/***-----------------------------
 # Variables
-----------------------------***/
:root {
  /** Breakpoints */
  --breakpoint-sp: 1000px;
  /** Font Family */
  --font-family-jp: NotoSansJP, sans-serif;
  --font-family-en: GeistMono, NotoSansJP, sans-serif;
  --font-family-code: Consolas, SourceCodePro, serif;
  --font-family-deco: BitcountSingle, sans-serif;
  /** Colors */
  --base-color: #EBE9E8;
  --accent-color: #ff2f00;
  --border-color: #D9D5D4;
  --hover-color: #E5E0DF;
  --black-10: #E5E2E1;
  --black-20: #CCC5C4;
  --black-30: #B2AAA8;
  --black-40: #99908D;
  --black-50: #807876;
  --black-90: #1a1a1a;
  --black-80: #332F2E;
  --black-70: #4D4846;
}

/*# sourceMappingURL=variables.css.map */