.intro-visual {
  position: relative;
  width: 100%;
}

.intro-visual__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.intro-visual__bg {
  position: relative;
  width: 100%;
  height: auto;
}

.intro-visual__layer:not(.intro-visual__bg) {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  will-change: transform;
  pointer-events: none;
  object-fit: cover;
}

/* PC用の z-index */
.intro-visual__copy {
  z-index: 2;
}
/* .intro-visual__back {
  z-index: 3;
} */
.intro-visual__front {
  z-index: 4;
}
.intro-visual__feather {
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .intro-visual__back.u-sp-only {
    z-index: 2;
  }
  .intro-visual__front.u-sp-only {
    z-index: 3;
  }
  .intro-visual__copy.u-sp-only {
    z-index: 4;
  }
  .intro-visual__feather.u-sp-only {
    z-index: 5;
  }
}