@charset "utf-8";

#float-fb::before {
    background-image: url('../images/fb-icon.png');
}


#float-yt::before {
    background-image: url('../images/yt-icon.png');
}

#float-line::before {
    background-image: url('../images/line-icon.png');
}


#go-top::before {
    background-image: url('../images/top-icon.png');
}

#sec-1,
#sec-2,
#sec-3,
#sec-4,
#sec-5,
#sec-6,
#sec-7,
#sec-8,
#sec-9,
#sec-10,
#sec-11 {
    aspect-ratio: auto;
}

.prev,
.next {
    display: none;
}

#swiper01Up .swiper-pagination,
#swiper01Down .swiper-pagination,
#swiper02 .swiper-pagination,
#swiper03 .swiper-pagination,
#swiper04 .swiper-pagination,
#swiper05 .swiper-pagination,
#swiper06 .swiper-pagination {
    bottom: 0;
}

#swiper01Up .swiper-pagination-bullet,
#swiper01Down .swiper-pagination-bullet,
#swiper02 .swiper-pagination-bullet,
#swiper03 .swiper-pagination-bullet,
#swiper04 .swiper-pagination-bullet,
#swiper05 .swiper-pagination-bullet,
#swiper06 .swiper-pagination-bullet,
#swiper10 .swiper-pagination-bullet {
    width: 8vw;
    margin: 0 1vw;
    height: .8vw;
    border-radius: 0;
}

#swiper04 .swiper-pagination-bullet,
#swiper05 .swiper-pagination-bullet,
#swiper06 .swiper-pagination-bullet {
    width: 30vw;
}

#swiper01Up .swiper-pagination-bullet,
#swiper01Down .swiper-pagination-bullet {
    background-color: #d4e4f1;
}

#swiper01Up .swiper-pagination-bullet.swiper-pagination-bullet-active,
#swiper01Down .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #8bb6d8;
}

#swiper03 .swiper-pagination-bullet {
    background-color: #d0c5ed;
}

#swiper03 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #8267ce;
}

#swiper04 .swiper-pagination-bullet {
    background-color: #b8bbc0;
}

#swiper04 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #4e4d52;
}

#swiper05 .swiper-pagination-bullet {
    background-color: #c4d5e7;
}

#swiper05 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3e7fd3;
}

#swiper06 .swiper-pagination-bullet {
    background-color: #c2c6cf;
}

#swiper06 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #25405b;
}

#swiper10 .swiper-pagination-bullet {
    background-color: #fdc3c2;
}

#swiper10 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #d1322e;
}

#swiper01Up .swiper .swiper-slide,
#swiper01Down .swiper .swiper-slide,
#swiper02 .swiper .swiper-wrapper .swiper-slide,
#swiper03 .swiper .swiper-wrapper .swiper-slide,
#swiper04 .swiper .swiper-wrapper .swiper-slide,
#swiper05 .swiper .swiper-wrapper .swiper-slide,
#swiper06 .swiper .swiper-wrapper .swiper-slide,
#swiper10 .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    left: 0;
}

#swiper01Down {
    top: 220vw;
}

#swiper02 {
    top: 180vw;
}

#swiper03 {
    top: 130vw;
}

#swiper04 {
    top: 130vw;
}

#swiper05 {
    top: 145vw;
}

#swiper06 {
    top: 145vw;
}

#swiper10 {
    top: 185vw;
}

#sec-menu .wrapper .item-wrap .item:nth-child(1) img,
#sec-menu .wrapper .item-wrap .item:nth-child(2) img,
#sec-menu .wrapper .item-wrap .item:nth-child(3) img,
#sec-menu .wrapper .item-wrap .item:nth-child(4) img,
#sec-menu .wrapper .item-wrap .item:nth-child(5) img,
#sec-menu .wrapper .item-wrap .item:nth-child(6) img,
#sec-menu .wrapper .item-wrap .item:nth-child(7) img {
    width: 80%;
}

@media (max-width: 768px) {
    #sec-menu .wrapper .item-wrap .item:nth-child(6),
    #sec-menu .wrapper .item-wrap .item:nth-child(3),
    #sec-menu .wrapper .item-wrap .item:nth-child(7) {
        width: 33.33333%;
    }
    #sec-menu .wrapper .item-wrap .item {
        height: 20vw;
        overflow: hidden;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(1) img,
    #sec-menu .wrapper .item-wrap .item:nth-child(2) img,
    #sec-menu .wrapper .item-wrap .item:nth-child(4) img,
    #sec-menu .wrapper .item-wrap .item:nth-child(5) img {
        width: 60%;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(3) img,
    #sec-menu .wrapper .item-wrap .item:nth-child(6) img,
    #sec-menu .wrapper .item-wrap .item:nth-child(7) img {
        width: 80%;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(1) {
        order: 7;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(2) {
        order: 6;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(3) {
        order: 4;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(4) {
        order: 1;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(5) {
        order: 2;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(6) {
        order: 3;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(7) {
        order: 5;
    }
    #sec-menu .wrapper .item-wrap .item {
        border-right: 1px none #d7d6d6;
        position: relative;
        border-bottom: 1px solid #606060;
    }

    #sec-menu .wrapper .item-wrap .item:after,
    #sec-menu .wrapper .item-wrap .item:nth-child(6):after,
    #sec-menu .wrapper .item-wrap .item:nth-child(4):after {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 1px;
        height: 70%;
        content: "";
        display: block;
        background-color: #606060;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(3):after {
        width: .9px;
    }
    #sec-menu .wrapper .item-wrap .item:nth-child(2) {
        border-bottom: 1px none #d7d6d6;
    }
}