@charset "UTF-8";

/*--- swiper ---*/
.swipers{
    width: 100%;
    overflow: hidden;
}
.swiper-wrapper{
    z-index: 10;
}
.swiper-pagination-bullet{
    background-color: white;
}
.swiper-wrapper.easeInOutBack {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) ;
  }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -40px;
  transform: scale(1.5);
  z-index: 20;
}
.swiper-button-prev{
    color: white;
    left: -16.8%;
    transform: scale(2.2);
}
.swiper-button-prev:hover{
    color: rgb(253, 128, 44);
}
.swiper-button-next{
    color: white;
    right: -16.8%;
    transform: scale(2.2);
}
.swiper-button-next:hover{
    color: rgb(253, 128, 44);
}

/*タブレット*/
@media  (max-width:1023px){
    .swiper-top {
        display: none;
    }
    .swiper-button-prev{
        display: none;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-pagination-bullet{
        background-color: #333333;
    }
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -35px;
    transform: scale(2.0);
    }
}
/*モバイル*/
@media  (max-width:599px){
    .swiper-pagination-bullet{
        background-color: white;
    }
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px;
    transform: scale(1.0);
    }
}