.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #fff !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background: #ffef3a !important;
}

/* main-bg-slideここから */

@keyframes changeImg01 {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes changeImg02 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.l-header__main.main-bg-slide .main-bg01,
.l-header__main.main-bg-slide .main-bg02 {
    position: absolute;
    top: 50%;
    left: 50%;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    translate: -50% -50%;
    height: 100%;
    object-fit: contain;
}

.l-header__main.main-bg-slide .main-bg01 {
    animation-name: changeImg01;
}

.l-header__main.main-bg-slide .main-bg02 {
    animation-name: changeImg02;
}

.l-header__main.main-bg-slide {
    position: relative;
}

.l-header__main.main-bg-slide .main {
    position: relative;
    z-index: 1;
}

@media (max-width: 599px) {
    .l-header__main.main-bg-slide .main {
        width: 50%;
    }
}

/* main-bg-slideここまで */