/* =========================================================
   RESET / BASE
========================================================= */
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: auto; /* ← 100% を使わない */
  min-height: 100%;
  overflow-x: hidden;
}
html {
  scroll-behavior: auto;
  scroll-padding-top: var(--header-h);
}
body {
  margin: 0;
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  font-weight: 300;
  color: #1a1a1a;
  background: #fff;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}

/* 例：GSAP対象に付ける */
.gsap-target {
  opacity: 0;
  transform: translateY(20px);
}

/* JSで準備完了したら解除 */
.is-gsap-ready .gsap-target {
  opacity: 1;
  transform: none;
}

.sp {
  display: none;
}
.pc {
  display: block;
}

@media (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}