
/* .swiper {
  div,
  span,
  h2,
  h3 {
    margin: 0;
    padding: 0;
  }
} */
.swiper {
  width: min(60vw, 50%);
  aspect-ratio: 73 / 30;
  max-width: 1280px;
  @media (orientation: portrait){
    padding-top: 75px;
    width: 90vw;
    aspect-ratio: 3 / 5;
  }
}
.swiper-wrapper {
  height: 100%;
  width: 100%;
  /* margin: auto;
  margin-top: 13%;
  aspect-ratio: 7 / 6; */
}

.swiper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 calc(var(--whiteArea_width) * 0.05);
  width: var(--whiteArea_width);
  max-width: 95vw;
  padding: 0 2.5%;
  width: 100%;

  @media (orientation: portrait) {
    padding: 0 2.5vw;
  }

  .mv__slider-wrap {
    top: 60%;
    height: 85%;
    width: 85%;
    max-width: unset;
    padding-top: 0;
    @media (orientation: portrait){
      width: 100%;
    }
  }

  .mvSlider {
    margin: 0 auto;
    width: 76%;
  }
  .mv__prev {
    left: 0;
  }
  .mv__next {
    right: 4px;
  }
}

/* .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.screen__contents {
  height: 88vh;
}

.swiper {
  height: 90vh;
  padding-top: 23vh;
}

section.mv__catch {
    font-size: 4rem;
}

.pc_hidden {
  display: none;
     @media only screen and (max-width: 768px) {
        display: block;
    }
}

/* 最後に追加 */
.mv__slider-section{
  width: 100%;
  height: 45%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.mv__slider-wrap{
  top: 50%;
  width: 85%;
  height: 90%;
}

.view-more .view-more-link {
  width: 100%;
  padding: 1.4rem 3rem;
}

.view-more .view-more-link::after {
  right: 3rem;
}