body {
  font-family: 'Manrope', sans-serif;
  background-color: #f8fbff;
  color: #111827;
}

.font-headline {
  font-family: 'Space Grotesk', sans-serif;
}

.glass {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(24px);
}

.neon-glow {
  text-shadow: 0 0 12px rgba(0, 90, 193, 0.2);
}

.antigravity {
  transform: translateY(0px);
  transition: transform 0.5s ease-out;
}

.antigravity:hover {
  transform: translateY(-8px);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f8fbff;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

.l-header-menu-sp {
  position: absolute;
  padding: 80px 20px;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: transform .3s ease-in-out;
  background-color: #fff;

}

.l-header-menu-sp:not(.is-show) {
  transform: translateX(100%);
}

@keyframes updown {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes toup {
  0% {
    opacity: 0;
    transform: translateY(56px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.js-header {
  animation: updown 0.9s ease-out 0.5s both;
}

.js-mv-content {
  animation: toup 0.9s ease-out 0.5s both;
}

.p-top_sec01-text01 {
  animation: toup 0.9s ease-out 1.5s both;
}