/*---------
共通
----------*/

.mv {
    background: url("../images/renovation/mv_img_sp.jpg") center / cover no-repeat;
}



@media (min-width:768px) {

    .lower-layer_renovation {
        padding-bottom: 160px;
    }

    .mv {
        background: url("../images/renovation/mv_img.jpg") bottom / cover no-repeat;
        height: 423px;
    }

    .intro-text {
        text-align: left;
        max-width: 900px;
        margin: 0 auto;
    }
}


/*---------
concept
----------*/

.section_content--concept {
    background: url("../images/renovation/concept_bg_sp.jpg") center / cover no-repeat;
}

.section_content--concept .concept-text {
    font-size: 14px;
    line-height: calc(24 / 14);
    text-align: left;
}


@media (min-width:768px) {

    .lower-layer_renovation .section_content--concept {
        background: url("../images/renovation/concept_bg.jpg") center / cover no-repeat;
        padding: 80px 20px;
    }

    .section_content--concept .concept-text {
        font-size: 16px;
        line-height: calc(32 / 16);
        text-align: center;
        max-width: 1084px;
        margin: 0 auto;
    }

}



/*---------
works
----------*/

.section_content--works {
    padding-top: 80px;
    position: relative;
}

.section_content--works::after {
    content: "";
    position: absolute;
    background: url("../images/common/bg_deco_wave_sp.png") center / contain no-repeat;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: clamp(13.125rem, 0.569rem + 53.57vw, 26.25rem);
}

.section_content--works .content_box {
    position: relative;
    z-index: 1;
}


.section_content--works .section_space {
    width: 100%;
}

.section_content--works .heading-group {
    padding: 0 20px;
}

.works-list {
    display: flex;
    align-items: center;
    gap: 25px;
    overflow-x: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.works-item {
    width: 264px;
    flex-shrink: 0;
}

@media (min-width:768px) {

    .section_content--works {
        padding-top: 160px;
    }

    .section_content--works::after {
        background-image: url("../images/common/bg_deco_wave.png");
        top: -19.62vw;
        height: 56.22vw;
    }

    .works-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, 264px);
        justify-content: center;
        overflow-x: visible;
        padding: 0;
    }
}