/* デフォルトの矢印（フォント）を消す */
.swiper-button-next svg,
.swiper-button-prev svg {
  display: none !important;
}
/* 矢印の共通設定（サイズや背景の中央配置） */
.swiper-button-next,
.swiper-button-prev {
  width: 100px;  /* 画像の横幅に合わせて調整 */
  height: 100px; /* 画像の縦幅に合わせて調整 */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* 2. 矢印の位置を外側にずらす（デフォルトは 10px） */
.swiper-button-prev {
  left: -20px; /* マイナスの値を指定して左側の外へ */
}

.swiper-button-next {
  right: -10px; /* マイナスの値を指定して右側の外へ */
}
/* ----------------------------------
   1枚目のスライドのときの矢印画像
---------------------------------- */
.swiper.slide-idx-0 .swiper-button-prev {
  background-image: url('../img/vbtn1.png');
}
.swiper.slide-idx-0 .swiper-button-next {
  background-image: url('../img/vbtn2.png');
}

/* ----------------------------------
   2枚目のスライドのときの矢印画像
---------------------------------- */
.swiper.slide-idx-1 .swiper-button-prev {
  background-image: url('../img/vbtn3.png');
}
.swiper.slide-idx-1 .swiper-button-next {
  background-image: url('../img/vbtn4.png');
}

/* ----------------------------------
   3枚目のスライドのときの矢印画像
---------------------------------- */
.swiper.slide-idx-2 .swiper-button-prev {
  background-image: url('../img/vbtn5.png');
}
.swiper.slide-idx-2 .swiper-button-next {
  background-image: url('../img/vbtn6.png');
}



.swiper.slide-idx-3 .swiper-button-prev {
  background-image: url('../img/vbtn7.png');
}
.swiper.slide-idx-3 .swiper-button-next {
  background-image: url('../img/vbtn8.png');
}
@media screen and (max-width:767px) {
.swiper-button-next,
.swiper-button-prev {
  width: 60px;  /* 画像の横幅に合わせて調整 */
  height:60px; /* 画像の縦幅に合わせて調整 */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
}