@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Zen+Antique+Soft&family=Zen+Kaku+Gothic+Antique&display=swap");

:root {
  --font-base: "Zen Kaku Gothic Antique", sans-serif;
  --font-heading: "Zen Antique Soft", serif;
  --font-code: "Fira Code", monospace;
  --max-width: 1200px;
  --gap-section-pc: 100px;
  --gap-section-sp: 60px;
  --header-height: 70px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-base);
  font-size: 16px;
  line-height: 1.8;
  color: var(--color-text-body, #fbfdff);
  background-color: var(--color-bg-body, #0e1521);
  -webkit-font-smoothing: antialiased;
  padding-top: var(--header-height);
  overflow-x: hidden;
}

body.u-locked {
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    opacity 0.3s ease;
}
h1,
h2,
h3 {
  font-family: var(--font-heading);
  letter-spacing: 0.05em;
}

@media print {
  body {
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
  }
}