.swiper {
  /*スライダーの幅と高さを調整*/
  width: 100%;
  height: 200px;
}

img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.swiper-slide {
  /*スライド要素の幅と高さを調整*/
  width: 100%;
  height: 100%;}


  .swiper-button-prev:after,
.swiper-button-next:after {
  content: ""; /*ここでデフォルトの矢印を上書き*/
  width: 1rem;
  height: 1rem;
  border: 0;
  border-top: solid 0.5rem black;
  border-right: solid 0.5rem black;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev:before {
  border-bottom: 20px solid transparent;
  border-right: 30px solid #ff4500;
  border-top: 20px solid transparent;
}
.swiper-button-prev:after {
  transform: rotate(-135deg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next:before {
  border-bottom: 20px solid transparent;
  border-left: 30px solid #ff4500;
  border-top: 20px solid transparent;
}
.swiper-button-next:after {
  transform: rotate(45deg);
}



@media screen and (min-width: 960px) {

  .swiper{
    height: 700px;
  }


  }