@charset "utf-8";
.visual {overflow: hidden; position: relative; z-index: 1; width: auto; height: auto; background-color:#000;}

#vis-swiper .swiper-wrapper .swiper-slide .swiper-img {transform:scale(1.2,1.2); width:100%; height:100%; opacity:0; display:flex; justify-content:center; align-items:center; text-align:center;}
#vis-swiper .swiper-wrapper .swiper-slide .swiper-img img {width:100%;}
#vis-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-img {transform:scale(1,1); opacity:1; transition:transform 5s ease-out,opacity 1s ease 10ms;}
#vis-swiper .swiper-button-next, #vis-swiper .swiper-button-prev {display:none!important;}
#vis-swiper .swiper-pagination {bottom:20px}
#vis-swiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,15px));
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
    border-radius: 8px;
    transition: width .5s;
}
#vis-swiper .swiper-pagination-bullet-active {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,32px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
    transition: width .5s;
}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:992px) {
}
@media screen and (max-width:768px) {
  #vis-swiper .swiper-pagination {bottom:10px}
  #vis-swiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,7px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,7px));
    border-radius: 4px;
    margin: 2px;
}
}
@media screen and (max-width:576px) {
}