.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  width: 100%;  
  text-align: center;
}

/* .swiper-slide:nth-child(3n + 1) {
  background-color: #de4439;
}

.swiper-slide:nth-child(3n + 2) {
  background-color: #fcd500;
}

.swiper-slide:nth-child(3n + 3) {
  background-color: #53c638;
} */

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after {
  bottom: 0;
  content: "";
  display: inline-block;
  width: 27px;
  height: 1px;
  margin: auto;
  position: absolute;
  top: 0;
  left: -1px;
  background-color: #000;
}
.swiper-button-next::after {
  bottom: 0;
  content: "";
  display: inline-block;
  width: 27px;
  height: 1px;
  margin: auto;
  position: absolute;
  top: 0;
  right: -1px;
  background-color: #000;
}
.swiper-button-prev {
  left: 13px;
}
.swiper-button-prev span {
  position: absolute;
  left: 6px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #000;
}
.swiper-button-next {
  right: 13px;
}
.swiper-button-next span {
  position: absolute;
  right: 6px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev {
    left: 1%;
  }
  .swiper-button-prev::after {
    left: -3px;
    width: 17px;
  }
  .swiper-button-prev span {
    left: 1%;
    height: 7px;;
  }
  .swiper-button-next {
    right: 1%;
  }
  .swiper-button-next::after {
    right: -3px;
    width: 17px;
  }
  .swiper-button-next span {
    right: 1%;
    height: 7px;;
  }
}