@charset "UTF-8";
:root {
  --color_bg: #fff;
  --color_1: #202020;
  --Aura_1: radial-gradient( #9dfcff 0%, rgba(255, 255, 255, 0) 66%);
  --Aura_dark: radial-gradient( #666 0%, #202020 66%);
  --margin_verti: 25px;
  --margin_hori: 25px;
  --transtime_1: 0.8s;
  --transtime_2: 0.5s;
  --transtime_3: 0.15s;
  --langEn: initial;
  --langJp: none;
  --workShowTopHeight: 70vh;
}
@media (max-width: 1440px) {
  :root {
    --margin_verti: 12.5px;
    --margin_hori: 12.5px;
  }
}
@media (max-width: 768px) {
  :root {
    --color_1: #21cca8;
  }
}

h2,
h3,
h4,
h5,
h6, h1, a, p, span {
  color: var(--color_1);
  transition: color var(--transtime_1);
}

html {
  background-color: var(--color_bg);
  scroll-behavior: smooth;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: none;
}
html::-webkit-scrollbar {
  display: none;
}

span {
  display: inline-block;
}
span:lang(en) {
  font-family: "Roboto Slab", serif;
}

body {
  margin: 0;
  opacity: 0;
  transition: opacity var(--transtime_2);
}

p {
  margin: 0;
  padding: 0;
  display: inline-block;
}
p:lang(en) {
  font-family: "Roboto Slab", serif;
}
p:lang(jp) {
  font-family: "Noto Serif JP", serif;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

h1 {
  font-family: "DM Serif Display", serif;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Text", serif;
}

h1:lang(jp) {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}

h2:lang(jp),
h3:lang(jp),
h4:lang(jp),
h5:lang(jp),
h6:lang(jp) {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 0.85em;
  letter-spacing: -0.08em;
}

svg {
  max-height: 100%;
}
svg path {
  fill: var(--color_1);
  transition: var(--transtime_1);
}
svg polygon {
  fill: var(--color_1);
  stroke: var(--color_1);
  stroke-miterlimit: 10;
  transition: var(--transtime_1);
}
svg line {
  fill: none;
  stroke: var(--color_1);
  stroke-miterlimit: 10;
  transition: var(--transtime_1);
}

span.non-break {
  white-space: nowrap;
}

.🐭 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ddd;
  mix-blend-mode: difference;
  pointer-events: none;
  transition: transform var(--transtime_3);
}
.🐭.hovering {
  transform-origin: center;
  transform: scale(5);
}/*# sourceMappingURL=basic.css.map */