/* body {
  font-family:
    "Hiragino Sans",
    "Yu Gothic",
    sans-serif;
} */

body {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN W3",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif;

  /* font-family:
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN W3",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif,
    -apple-system,
    BlinkMacSystemFont; */

}

button,
input,
textarea,
select {
  font: inherit;
}

:root {
  /* --site-width: 1120px; */
  --site-width: 1200px;
  /* --site-width: 1280px; */
  --site-gutter: 32px;
}

.site-container {
  width: min(100% - var(--site-gutter), var(--site-width));
  margin-inline: auto;
}





/* =========================
   Scroll Fade
========================= */
/* .fade-in {
  opacity: 0;
  transform: translateY(48px);
  transition:
    opacity 1.1s ease,
    transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .fade-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
} */