#intro:not(.hidden) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
#intro .intro-mascot {
  display: block;
  width: clamp(140px, 24vw, 200px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
#intro #enterBtn {
  position: static;
  top: auto;
  left: auto;
  transform: none !important;
  min-width: 150px;
  font-size: 16px;
}
#intro #enterBtn span { display: inline; }
.rail-ico img { display: block; width: 22px; height: 22px; object-fit: contain; }
body .rail-btn:hover, body .rail-btn:active, body .arrow:hover, body .arrow:active {
  transform: none !important;
}