@media screen and (max-width: 853px) {
    .mainVisualImg {
        margin-top: 72px;
    }
    .mainVisualImg img {
        height: 40vh;
        object-fit: cover;
    }
    .mainVisualPageTitle h1 {
        font-size: 40px;
    }
    .maintenanceCopy h2 {
        font-size: 32px;
    }
    .maintenanceCopy p {
        font-size: 18px;
    }
    .maintenanceInfo p {
        line-height: 40px;
    }
    .maintenanceGraphTitle h2 {
        font-size: 32px;
    }
    .maintenanceGraphImg {
        margin: initial;
    }
    .maintenanceGraphInfo h3 {
        font-size: 24px;
    }
    .maintenanceGraphInfo p {
        line-height: 40px;
    }
    .maintenanceSlide {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .maintenanceSlideTitle h3 {
        font-size: 24px;
    }
    .swiper-wrapper {
        gap: 24px !important;
    }
    .swiper-slide {
        width: calc((100vw - 48px) / 2) !important;
    }
    .maintenanceSlideArea {
        padding: 0 24px !important;
    }
}
