.swiper-container {
  overflow: hidden;
}
.swiper-slide {
  text-align: center;
}
.swiper-slide h2 {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .pr-seiyaku_swiper{
    margin-bottom: 4em;
  }
  .pr-seiyaku_swiper {
    width: 90%;
    margin: 1rem auto 1rem;
  }
}


.mv_gallery .swiper .swiper-slide {
  aspect-ratio: 24/13;
}

@media screen and (max-width: 980px) {
  .mv_gallery .swiper .swiper-slide {
    aspect-ratio: 24/19;
  }

  .mv_gallery .swiper .swiper-slide .swiper-img {
    aspect-ratio: 24/16;
  }
}

.mv_gallery .swiper .swiper-slide, .mv_gallery .swiper02 .swiper-slide, .swiper_thumbs .swiper-slide {
  overflow: hidden!important;
}
.swiper02 {
  overflow: hidden;
}
.mv_gallery .swiper .swiper-slide img, .mv_gallery .swiper02 .swiper-slide img {
  height: 100%;
  width: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}

.swiper_thumbs {
  z-index: 9999;
  width: 40%;
  margin: 0 auto;
  height: auto;
  aspect-ratio: 1060/540;
}
@media screen and (max-width: 767px) {
  .swiper_thumbs {
    z-index: 9999;
    width: 52%;
  }
}

.swiper_thumbs .swiper-slide img {
  aspect-ratio: auto!important;
}
.mv_gallery .swiper .swiper-slide-next ,.mv_gallery .swiper .swiper-slide-prev, .mv_gallery .swiper02 .swiper-slide-next ,.mv_gallery .swiper02 .swiper-slide-prev, .swiper_thumbs .swiper-slide-prev {
  opacity: 1;
}
.mv_gallery .swiper .swiper-slide-next img,.mv_gallery .swiper .swiper-slide-prev img, .mv_gallery .swiper02 .swiper-slide-next img,.mv_gallery .swiper02 .swiper-slide-prev img, .swiper_thumbs .swiper-slide-prev img, .swiper_thumbs .swiper-slide-next img {
  transform: scale(1);
}

.swiper_logo img {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: 64%!important;
  height: auto!important;
  aspect-ratio: auto!important;
}
.swiper_logo_2 img {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: 72%!important;
  height: auto!important;
  aspect-ratio: auto!important;
}
.swiper_txt {
  position: absolute;
  text-align: left!important;
  bottom: 0.1rem;
  left: 0.25rem;
  color: #fff;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.9);
}

.pr-seiyaku_swiper {
  width: 100%;
  margin: 0rem auto 0;
}
.swiper-slide-next img,.swiper-slide-prev img {
  transform: scale(0.84);
  transition: all 1s;
}
.swiper-slide-active img {
  transform: scale(1);
  transition: all 1s;
}
.c-swiper_nav {
  position: relative;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 99999;
}
.swiper-pagination,.swiper-pagination02,.swiper-pagination03 {
  position: relative!important;
}


/*  coming soon cross & imp  */

.swiper_thumbs {
  padding: 0rem;
  display: flex;
  justify-content: center;
}

.swiper_thumbs .swiper-slide {
  display: flex;
  justify-content: center;
}

.swiper_thumbs .txt img {
  width: 100% !important;
  margin: 0 auto;
}

@media screen and (max-width:767px) {
}

.c-swiper_button {
  position: relative;
  margin-top: 1rem;
  width: 120px;
  display: flex;
  flex-direction: row;
}
.c-swiper_button div{
}
.c-swiper_button div:nth-child(1) {
  position: relative;
  left: 4px;
  width: 60px;
}
.c-swiper_button div:nth-child(2) {
  position: relative;
  right: 4px;
  width: 60px;
}

.pr-seiyaku_swiper p{
  white-space: nowrap;
  text-align: center;
}
.swiper-slide p {
  text-align: center;
}


/* swiper */
@keyframes fade-text {
  from {
      opacity: 0;
      transform: translateY(20px);
  }

  to {
      opacity: 1;
      transform: translateY(0px);
  }
}
@keyframes fade_out-text {
  from {
      opacity: 1;
      transform: translateY(0px);
  }

  to {
      opacity: 0;
      transform: translateY(20px);
  }
}

/* 繝�く繧ｹ繝医�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ險ｭ螳� */

.swiper-slide .txt {
  animation-name: fade_out-text;
  animation-duration: 1s;
  animation-delay: .25s;
  animation-fill-mode: both;
}
.swiper-slide-active .txt {
  animation-name: fade-text;
  animation-duration: 1s;
  animation-delay: .5s;
  animation-fill-mode: both;
}

/* Swiper縺ｮ繝懊ち繝ｳ險ｭ螳� */

.swiper-button-next, .swiper-button-prev,.swiper-button-next02, .swiper-button-prev02, .swiper-button-next03, .swiper-button-prev03 {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44* 27);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 5%;
}
.swiper-pagination-bullet {
  border-radius: 0;
  background-color: #000000;
  height: 2.4px;
  width: 30px;
}
.swiper-pagination02,.swiper-pagination03 {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* ==========================
  fraction縺ｮ繧ｫ繧ｹ繧ｿ繝槭う繧ｺ
========================== */
.swiper-pagination-fraction {
  height: 100px;
  padding-left: 4rem;
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .swiper-pagination-fraction {
    height: 50px;
    padding-left: 1rem;
  }
}

/* ==========================
  繝ｩ繧､繝ｳ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧辰SS縺ｧ陦ｨ迴ｾ
========================== */
.swiper-pagination-fraction .border {
  width: 32px;
  height: 1px;
  margin: 0 8px;
  background-color: #ddd;
  position: relative;
}

.swiper-pagination-fraction .border span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #1a1b1b;
  transform: scaleX(0);
  transform-origin: left center;
  transition-timing-function: linear;
}

.swiper-pagination.is-active .border span,.swiper-pagination02.is-active .border span,.swiper-pagination03.is-active .border span {
  transform: scaleX(1);
  transition: transform 3.85s linear;
}