:root {
    --swiper-theme-color: #005ba5;
}
#swiper-container1 .swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 100vh;
    
}
#swiper-container2 .swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: auto;
    
}
.swiper-pagination {position: absolute;
bottom: 0;}
.swiper-button-prev {
    position: absolute;
    left: 0em;
}
.swiper-button-next {
    position: absolute;
    right: 0em;
}
#swiper-container1 .swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  width: 100%;
  height: 100vh;

}
#swiper-container1 .swiper-slide img {
   width: 100vh;
    
}
.swiper-slide:nth-child(3n + 1) {
}

.swiper-slide:nth-child(3n + 2) {
  /*2、5、8枚目の背景色 */
}

.swiper-slide:nth-child(3n + 3) {
  /*3、6、9枚目の背景色 */

}
@media screen and (max-width: 900px) {
    .swiper-button-prev {
    position: absolute;
    left: 0;
}
.swiper-button-next {
    position: absolute;
    right: 0;
}
    .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
}
.swiper-wrapper {
    
    padding-bottom: 20px;
}