body {
    @media (max-width: 991.98px) {
        padding-top: 49.422px;
    }
}
.swiper:not(.swiper-container-initialized) {
    opacity: 0;
}
.swiper.swiper-container-initialized {
    opacity: 1;
}
.swiper {
    transition: opacity 0.3s ease;
}

#home-container {
    margin-top: 0;
}

.top-main-visual-slider {
    background-color: #E5F3D4;
    padding-top: calc(24rem / 16);
    padding-bottom: calc(52rem / 16);
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: calc(56rem / 16);

    @media (max-width: 767px) {
        padding-top: calc(12rem / 16);
        padding-bottom: calc(60rem / 16);
    }
}

.top-main-visual-slider .swiper {
    overflow: visible;
}

.top-main-visual-slider .swiper-wrapper {
    display: flex;
    box-sizing: border-box;
}

.top-main-visual-slider .swiper-slide {
    flex-shrink: 0 !important;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 #8896A8;
    width: calc(454vw / 1280 * 100);
    max-width: 85vw;
    border-radius: 8px;
    box-sizing: border-box;

    @media (max-width: 767px) {
        width: calc(347vw / 400 * 100);
    }
}

.top-main-visual-slider .swiper-slide a {
    display: block;
    line-height: 0;
}

.top-main-visual-slider .swiper-slide img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}


.top-main-visual-slider .swiper-pagination {
    bottom: calc(52rem / 16 / 2);
    transform: translateY(50%);
    display: flex;
    align-items: center;
    justify-content: center;

    @media (max-width: 767px) {
        bottom: calc(31rem / 16);
    }
}

.top-main-visual-slider .swiper-pagination-bullet-active {
    background-color: #2B8239;
}