.visual .swiper-slide {
    width:100%;
    height:733px;
}

.visual .bg0 {
    background:url('../img/visual0.jpg') 50% 50% no-repeat;
    background-size:cover;
}

.visual .bg1 {
    background:url('../img/visual1.jpg') 50% 50% no-repeat;
    background-size:cover;
}

.visual .bg2 {
    background:url('../img/visual2.jpg') 50% 50% no-repeat;
    background-size:cover;
}

.visual .swiper-slide .container {
    height:100%;
    position:relative;
}

.visual .swiper-slide .container span {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    color:#fff;
    font-weight:700;
    font-size:36px;
    line-height:160%;
    margin:60px 10px 0;
}

.visual .swiper-pagination-bullet {
    background:transparent;
    border:1px solid #fff;
    opacity:0.8;
}

.visual .swiper-pagination-bullet-active {
    background:#fff;
}

.visual .mobile {
    display:none;
}




/* thumb */
.content1 .swiper-pagination-bullet {
    width:66px;
    height:40px;
    border-radius:0;
    opacity:1;
    margin-bottom:16px !important;
}

.content1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border:2px solid #333;
}

.content1 .swiper-horizontal > .swiper-pagination-bullets, .content1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:0;
}

.content1 .swiper {
    width:90vw;
    height:26vw;
}

.content1 .swiper-slide img {
    object-fit: contain;
    vertical-align:top;
    height:auto;
}

.content1 .swiper-button-next, .content1 .swiper-button-prev {
    color:#fff;
    top:35%;
}

.content1 .swiper-button-next:after, .content1 .swiper-button-prev:after {
    font-size:24px;
    text-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
}

@media all and (max-width:1838px) {
    .content1 .swiper {
        height:28vw;
    }
}

@media all and (max-width:1718px) {
    .content1 .swiper {
        height:30vw;
    }
}

@media all and (max-width:1623px) {
    .content1 .swiper {
        height:31vw;
    }
}

@media all and (max-width:1579px) {
    .content1 .swiper {
        height:32vw;
    }
}

@media all and (max-width:1539px) {
    .content1 .swiper {
        height:33vw;
    }
}

@media all and (max-width:1479px) {
    .content1 .swiper {
        height:34vw;
    }
}

@media all and (max-width:1441px) {
    .content1 .swiper {
        height:35vw;
    }
}

@media all and (max-width:1373px) {
    .content1 .swiper {
        height:37vw;
    }
}

@media all and (max-width:1299px) {
    .content1 .swiper {
        height:52vw;
    }

    .content1 .swiper-pagination-bullet {
        width:72px;
        height:40px;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:40%;
    }
}

@media all and (max-width:1024px) {
    .visual .mobile {
        display:block;
    }
    
    .visual {
        margin-top:80px;
    }

    .visual .swiper-slide .container span {
        margin: 60px 10px 0;
        font-size:24px;
    }

    .visual .swiper-slide {
        height:540px;
    }
}

@media all and (max-width:979px) {
    .content1 .swiper-pagination-bullet {
        width:90px;
        height:52px;
    }

    .content1 .swiper {
        height:62vw;
    }
}

@media all and (max-width:859px) {
    .content1 .swiper {
        height:63vw;
    }
}

@media all and (max-width:799px) {
    .content1 .swiper {
        height:65vw;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:32%;
    }
}


@media all and (max-width:720px) {
    .visual .swiper-slide {
        height:430px;
    }

    .visual .swiper-slide .container span {
        font-size:18px;
    }

    .content1 .swiper {
        height:67vw;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:30%;
    }
}

@media all and (max-width:659px) {
    .content1 .swiper-pagination-bullet {
        width:70px;
        height:42px;
    }
}

@media all and (max-width:595px) {
    .content1 .swiper {
        height:69vw;
    }
}

@media all and (max-width:560px) {
    .visual .swiper-slide {
        height:200px;
    }

    .visual .swiper-slide .container span {
        font-size:12px;
        margin:20px 10px 0;
    }

    .content1 .swiper-pagination-bullet {
        margin-bottom:10px !important;
    }

}

@media all and (max-width:533px) {
    .content1 .swiper {
        height:70vw;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:30%;
    }
}

@media all and (max-width:521px) {
    .content1 .swiper-pagination-bullet {
        width:60px;
        height:38px;
    }
}

@media all and (max-width:461px) {
    .content1 .swiper-pagination-bullet {
        width:56px;
        height:36px;
    }
}

@media all and (max-width:453px) {
    .content1 .swiper {
        height:82vw;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:20%;
    }
}

@media all and (max-width:373px) {
    .content1 .swiper {
        height:87vw;
    }

    .content1 .swiper-button-next, .content1 .swiper-button-prev {
        top:25%;
    }
}