:root {
    --swiper-navigation-size: 44px;
}

/*// スライダーの設定 //*/
.swiper {
    width: 50%;
}

.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 50%;
  height: 25rem;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #FFF;
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 23rem;
	border-radius: 1.5rem;
}
/*// 画像範囲の設定 //*/
.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-pagination {
	padding-bottom: 1rem;
	color: #FFF;
}
/*// ページ送りカーソル色設定 //*/
.swiper-button-next:after, .swiper-button-prev:after {
	color: #FFF;
}

@media screen and (max-width: 896px){
	:root {
    	--swiper-navigation-size: 35px;
	}
	.swiper {
		width: 100%;
	}
	
}