.swiper {
  width: 80%;
  height: 80%;
}
.swiper_wrap{
    position: relative;
    /*border: 1px solid red;*/
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}


.swiper-button-prev,
.swiper-button-next {
  color: #56c1f5; /* 好きな色に変更 */
}

 
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: clamp(20px, 2vw, 44px); /* デフォルトは 44px */
}

/*
.swiper-button-prev::after {
  content: "◀";   
  font-size: clamp(20px, 3vw, 44px); 
  color: #999999; 
}

.swiper-button-next::after {
  content: "▶";   
  font-size: clamp(20px, 3vw, 44px); 
  color: #999999;
}
*/