@media screen and (max-width: 853px) {
    .mainVisualImg {
        margin-top: 72px;
    }
    .mainVisualImg img {
        height: 40vh;
        object-fit: cover;
    }
    .mainVisualPageTitle h1 {
        font-size: 40px;
    }
    .renovationCopy h2 {
        font-size: 32px;
    }
    .renovationCopy p {
        font-size: 18px;
    }
    .renovationInfo p {
        line-height: 40px;
    }
    .renovationGraphTitle h2 {
        font-size: 32px;
    }
    .renovationGraphImg {
        margin: initial;
    }
    .renovationGraphInfo h3 {
        font-size: 24px;
    }
    .renovationGraphInfo p {
        line-height: 40px;
        font-size: 16px !important;
    }
    .renovationItemBox {
        padding: 24px;
    }
    .renovationSlide {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .renovationSlideTitle h3 {
        font-size: 24px;
    }
    .swiper-wrapper {
        gap: 24px !important;
    }
    .swiper-slide {
        width: calc((100vw - 48px) / 2) !important;
    }
    .renovationSlideArea {
        padding: 0 24px !important;
    }
}