* {
  color: var(--main-text);
  font-family: "Din", "SourceHanSansJP";
  font-weight: 700;
}

@media only screen and (max-width: 600px) {
  .is-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) {
  .is-mobile {
    display: none !important;
  }
}

:root {
  --vh: 0;
  --full-height: calc(var(--vh) * 100);
}

.hidden {
  display: none;
}

:root {
  /*以下、新表記*/
  --color-fill: rgb(254, 254, 254);
  --color-fill-secondary: #dfe2eb77;
  --color-text: rgb(0, 0, 0);
  --color-text-secondary: #1e1e1e55;
  --color-fill-dark: rgb(48, 48, 51);
  --color-text-dark: rgb(240, 240, 240);
  --color-text-dark-secondary: rgb(206, 205, 207);
  --translucent: rgba(255, 255, 255, 0.9);
  --translucent-secondary: rgba(255, 255, 255, 0.2);
}

.blur {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border: solid 1px var(--translucent-secondary);
}

::selection {
  background-color: #c6e3c0;
  color: #000000;
}