@media (min-width: 768px) {
  .u-hidden-pc {
    display: none;
  }
}

@media screen and (max-width: 767.9px) {
  .u-hidden-sp {
    display: none;
  }
}

.u-hover-underline {
  position: relative;
}
.u-hover-underline::before {
  background-color: var(--text-color-second);
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform var(--base-duration) var(--base-easing);
  width: 100%;
}

.u-hover-underline--white::before {
  background-color: #fff;
}

@media (min-width: 768px) {
  .u-hover-underline:focus-visible::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}

@media (any-hover: hover) and (min-width: 768px) {
  .u-hover-underline:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
.u-animated__fadeIn {
  filter: blur(50px);
  opacity: 0;
  transition: opacity var(--fadeIn-duration) var(--fadeIn-easing), filter var(--fadeIn-duration) var(--fadeIn-easing);
}
.u-animated__fadeIn.js-show {
  filter: blur(0);
  opacity: 1;
}

.u-animated__fadeInUp {
  filter: blur(8px);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity var(--fadeIn-duration) var(--fadeIn-easing), filter var(--fadeIn-duration) var(--fadeIn-easing), transform var(--fadeIn-duration) var(--fadeIn-easing);
}
.u-animated__fadeInUp.js-show {
  filter: blur(0);
  opacity: 1;
  transform: translateY(0);
}

.u-animated__slideDown {
  transform: translateY(-100%);
  transition: transform var(--slideDown-duration) var(--slideDown-easing);
}
.u-animated__slideDown.js-show {
  transform: translateY(0);
}

.u-animated__slideIn {
  filter: blur(8px);
  opacity: 0;
  transform: translateX(50%);
  transition: filter 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s, opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity var(--fadeIn-duration) var(--fadeIn-easing), filter var(--fadeIn-duration) var(--fadeIn-easing), transform var(--slideIn-duration) var(--slideIn-easing);
}
.u-animated__slideIn.js-show {
  filter: blur(0);
  opacity: 1;
  transform: translateX(0%);
}

.u-animated__slideUp .char {
  opacity: 0;
  translate: 0 30%;
}
.u-animated__slideUp span {
  overflow: hidden;
  padding-inline: 40px;
}