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

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

.swiper-slide:nth-child(3n + 1) {

}

.swiper-slide:nth-child(3n + 2) {

}

.swiper-slide:nth-child(3n + 3) {

}
.swiper-button-next, .swiper-button-prev{
    color: #ffffff!important;
}
.swiper-pagination-bullet-active {
    background: #ffffff!important;
}