@charset "utf-8";
/* CSS Document */

@media screen and (max-width:750px){
.swiper-button-next,
.swiper-button-prev {position: absolute;top: 55%;transform: translateY(-55%);width: 24px;height: 24px;background-color: rgba(0, 0, 0, 0.3); order-radius: 50%;color: #fff;font-size: 8px;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;transition: background-color 0.2s ease;}
.swiper-button-next:hover,.swiper-button-prev:hover {background-color: rgba(0, 0, 0, 0.5);}
.swiper-button-next {right: 5px;}
.swiper-button-prev {left: 5px;}
.swiper-button-next::after,.swiper-button-prev::after {font-size: 20px;width: 10px; height: 20px;}}
@media screen and (min-width:751px){.swiper-button-next::after,.swiper-button-prev::after {font-size: 0px;width: 0px;height: 0px;}}
#preload-image {position: absolute;top: 200;left: 0; width: 100%;height: auto;object-fit: cover;z-index: 10;opacity: 1;transition: opacity 2s ease-in-out;}
.swiper-slide img {width: 100%;height: auto;margin: 0;padding: 0;}
html, body {width: 100%;overflow-x: hidden;margin: 0;padding: 0;}