.mv {
  position: relative;
  z-index: 2;
  width: 100%;
  opacity: 0;
}

.mv__yozora {
  position: absolute;
  z-index: 2;
  top: 3.5982008996%;
  left: 8%;
  width: 26.9333333333%;
}
@media (min-width: 992px) {
  .mv__yozora {
    bottom: 5.8823529412%;
    left: 3.90625%;
    width: 7.890625%;
  }
}
@media (min-aspect-ratio: 1280/854) {
  .mv__yozora {
    bottom: 5.8823529412%;
    left: 3.90625%;
    width: 7.890625%;
  }
}

.mv__title {
  position: absolute;
  z-index: 2;
  bottom: 9.7451274363%;
  left: 0;
  right: 0;
  width: 65.3333333333%;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .mv__title {
    bottom: 8.7058823529%;
    width: 19.0625%;
  }
}
@media (min-aspect-ratio: 1280/854) {
  .mv__title {
    bottom: 8.7058823529%;
    width: 19.0625%;
  }
}

.mv__copy01 {
  position: absolute;
  z-index: 2;
  top: 3.5982008996%;
  right: 13.8666666667%;
  width: 7.4666666667%;
}
@media (min-width: 992px) {
  .mv__copy01 {
    width: 3.28125%;
    top: 5.8823529412%;
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}
@media (min-aspect-ratio: 1280/854) {
  .mv__copy01 {
    top: 5.8823529412%;
    width: 3.28125%;
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}

.mv__copy02 {
  position: absolute;
  z-index: 2;
  top: 10.7946026987%;
  left: 20%;
  width: 11.7333333333%;
}
@media (min-width: 992px) {
  .mv__copy02 {
    top: 12%;
    left: 23.4375%;
    width: 4.6875%;
  }
}
@media (min-aspect-ratio: 1280/854) {
  .mv__copy02 {
    top: 12%;
    left: 23.4375%;
    width: 4.6875%;
  }
}

.mv__sale {
  position: absolute;
  z-index: 2;
  bottom: 4.1979010495%;
  right: 0;
  left: 0;
  width: 83.2%;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .mv__sale {
    bottom: 3.5294117647%;
    width: 24.296875%;
  }
}
@media (min-aspect-ratio: 1280/854) {
  .mv__sale {
    bottom: 3.5294117647%;
    width: 24.296875%;
  }
}

.content {
  position: relative;
  clip-path: inset(0 0 0 0);
  margin-top: -1px;
}
.content::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  background: center/cover no-repeat url("../images/yozora_pants/mv_sp.webp");
}
@media (min-width: 992px) {
  .content::after {
    background-image: url("../images/yozora_pants/mv_pc@2x.webp");
  }
}
@media (min-aspect-ratio: 1280/854) {
  .content::after {
    background-image: url("../images/yozora_pants/mv_pc@2x.webp");
  }
}

.lineupArea {
  padding-top: 2.5rem;
}
@media (min-width: 600px) {
  .lineupArea {
    padding-top: 3.125rem;
  }
}
.lineupArea ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 600px) {
  .lineupArea ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4.0625rem;
    max-width: 45rem;
  }
}/*# sourceMappingURL=yozora_pants.css.map */