/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
  aspect-ratio: 427 / 245; /* 例えば 16:9 の比率 */
  object-fit: cover; /* 画像の切り抜き調整 */
}


/* スタッフ紹介 */
.top_staff .swiper-wrapper {
  align-items: flex-end;
}
.top_staff .swiper-slide img {
  aspect-ratio: auto;
}

/* 中央を拡大 ここから*/
.swiper2 .swiper-slide {
  transition: transform 1s ease, opacity 1s ease; /* transform と opacity にアニメーションを設定 */
}

.swiper2 .swiper-slide-active {
  transform: scale(1.2); /* 中央のスライドを1.1倍に */
  /* transform-origin: bottom center; */
  /* ボトムを起点にする */
  opacity: 1; /* 中央のスライドは完全に表示 */
}

.swiper2 .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.7; /* 非アクティブなスライドは少し透明に */
}

/* 戻る時も滑らかにするために同じように transition を適用 */
.swiper2 .swiper-slide-active {
  transition: transform 1s ease, opacity 1s ease; /* 戻る時にも同じアニメーションを適用 */
}
/* 中央を拡大 ここまで*/

.swiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  width: 70%;
  margin: 0 auto;
}

    /* 768px以下の時 */
    @media screen and (max-width: 768px) {
    .swiper2 .swiper-wrapper {
    display: block; /* 縦並びにするためにblockに変更 */
    }
    .swiper2 .swiper-slide {
    display: block; /* 各スライドを縦に並べる */
    width: 100%; /* 幅を100%にして横幅いっぱいに表示 */
    margin-bottom: 20px; /* スライド間の余白 */
    }
    .swiper2 {
    display: block; /* Swiper全体をblockにして縦並びに */
    }
    .swiper2 .swiper-slide:nth-of-type(4),
    .swiper2 .swiper-slide:nth-of-type(5) {
    display: none;
    }
    .swiper2 .swiper-slide {
    margin: 0 auto;
    width: 63%;
    }

    /* 投稿の4～7件目は非表示*/
    .swiper2 .swiper-slide:nth-of-type(4),
    .swiper2 .swiper-slide:nth-of-type(5),
    .swiper2 .swiper-slide:nth-of-type(6),
    .swiper2 .swiper-slide:nth-of-type(7) {
    display: none;
    }
    .swiper2 .swiper-slide:nth-of-type(2),
    .swiper2 .swiper-slide:nth-of-type(3) {
      margin-top: 70px;
  }
    }


/* 施設設置 */
.swiper3 {
  margin-top: 113px;
  position: relative;/*矢印の為の*/
}
.swiper3 .swiper-slide {
  position: relative;
  aspect-ratio: 860 / 527;
}

.swiper3 .swiper-slide img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  object-fit: cover;
  aspect-ratio: 860 / 527;
}
.swiper3 .swiper-slide h3 {
    position: absolute;
    bottom: 0;
    padding: 11px 40px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #fff;
    font-family: var(--Noto-Sans-JP);
    font-weight: 400;
    background-color: rgba(21, 78, 170, .48);
    width: calc(100% - 80px);
}


.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44* 27);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  top: 50%;
  z-index: 1;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  background-color: rgba(21, 78, 170, .48);;
  padding: 20px 30px;
  border-radius: 100px;
}


/* カスタム設定を削除 */
.swiper-button-prev::after,
.swiper-button-next::after {
  background: none; /* 背景画像を削除 */
  content: ""; /* contentの上書きを解除 */
}

/* Swiperのデフォルト矢印を適用 */
@media(max-width:768px){
  .swiper3 .swiper-slide {
    aspect-ratio: 260 / 357;
}
.swiper3 .swiper-slide img {
  height: 100%;
}
.swiper3 .swiper-slide h3 {
  width: calc(100% - 22px);
  font-size: 14px;
  padding: 11px;
}
.swiper3 {
  margin-top: 43px;
}
}



/* 施設 */
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 40px;
  width: 40px;
}
.swiper-button-prev img,
.swiper-button-next img {
  height: 100%;
  width: 100%;
}

/* 前へ次への矢印カスタマイズ */
.swiper3 .swiper-button-prev::after,
.swiper3 .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  margin: auto;
  width: 40px;
  padding: 0;
}
/* 前への矢印カスタマイズ */
.swiper3 .swiper-button-prev::after {
  background-image: url(../images/facility/prev@2x.png);
}
/* 次への矢印カスタマイズ */
.swiper3 .swiper-button-next::after {
  background-image: url(../images/facility/next@2x.png);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper3 .swiper-button-prev::after,
.swiper3 .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  margin: auto;
  width: 40px;
  padding: 0;
}
.swiper3 .swiper-button-prev {
  left: calc(50% - 22%);
}
.swiper3 .swiper-button-next {
  right: calc(50% - 22%);
}
.swiper-wrapper {
  transition-timing-function: ease-in-out !important;
}
    @media(max-width:930px){
    .swiper3 .swiper-button-prev {
    left: 6%;
    }
    .swiper3 .swiper-button-prev::after,
    .swiper3 .swiper-button-next::after {
    height: 35px;
    width: 35px;
    }
    .swiper3 .swiper-button-next {
      right: 6%;
    }
    }