.tpl-figure.bg-normal {
    background-color: #F8F7F6;
}

.tpl-figure.bg-medium {
    background-color: #e5e2dd;
}

.tpl-figure img.mix-multiply {
    mix-blend-mode: multiply;
}

.tpl-row.gap-2 {
    gap: 8px;
}

.headline-scenario {
    width: fit-content;
    margin: 70px auto 0;
}

.the-scenario-circle {
    width: fit-content;
    max-width: 561px;
    margin: 0 auto;
    /* background-color: #e5e2dd; */
}

/* .the-scenario-circle img {
    mix-blend-mode: multiply;
} */
 

.mv .tpl-caption.cap-black {
    position: absolute;
}

/* .mv .cap-black01 {
    top: 50%;
    left: 50%;
} */

@media screen and (max-width: 768px) {
    .mv .tpl-figure {
        overflow: unset;
    }
    .mv .tpl-caption:first-of-type {
        top: 100%;
        text-shadow: none;
        color: #3f2021;
        text-align: right;
    }
}

/* mv slider */
.mv{position: relative; z-index: 1;}
.mv .swiper-pagination{justify-content: center;bottom: 35px !important;}
.mv .swiper-pagination-bullet{height: 2px !important;}
.mv .tpl-stack.swiper{padding-bottom: 0;}
.mv .m-cap{position: absolute; bottom:5px; left:5px; color: #ffffff;line-height: 1.3; opacity: 0; visibility: hidden;}
.mv .m-cap.cap-black {color: #3f2021;}
.mv .swiper-slide {overflow-y: unset;}
.mv .swiper-slide-visible .m-cap{opacity: 1; visibility: visible;}

#concept .tpl-caption {
    position: relative;
    padding-right: 0;
}

#concept .tpl-stack[data-columns="3"] {
    gap: 20px;
}
 
@media screen and (max-width: 768px) {
    #concept .tpl-stack[data-columns="3"] {
        grid-template-columns: repeat(3, 1fr) !important;
        column-gap: 4px !important;
    }

    #concept .tpl-stack[data-columns="3"] .tpl-caption {
        padding-right: 8px;
    }

    #concept .tpl-block.sp-full {
        margin: 0 -7.5vw;
    }
}

#education .grid-imgs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#education .col-1 {
    width: 66.158%;
}

#education .col-2 {
    width: 33.5155%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#education .tpl-figure {
    height: fit-content;
}

#education .tpl-article__copy--center {
    text-align: center;
}

@media screen and (max-width: 768px) {
    #education .col-1 {
        width: 100%;
    }

    #education .col-2 {
        width: 100%;
        flex-direction: row;
        gap: 4px;
    }

    #education .tpl-figure {
        height: 100%;
    }

    #education .tpl-figure img {
        height: 100%;
    }

    #education .tpl-article__copy--center {
        text-align: left;
    }

    #education .grid-imgs {
        gap: 4px;
    }
}


#convenience .row-imgs {
    display: flex;
    justify-content: space-between;
}

/* #convenience .tpl-figure {
    height: fit-content;
} */

@media screen and (min-width: 769px) {
    #convenience .block02 .tpl-article__copy {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    #convenience .tpl-cover--large {
        min-height: 260px;
    }

    #convenience .tpl-cover--large .tpl-image {
        min-height: unset;
    }

    #convenience .tpl-cover--large .row-imgs {
        left: 0;
        width: calc(100vw - var(--content-padding));
    }
}




#access .row-imgs {
    display: flex;
}

#access .block01 .col-1 {
    width: 52.64%;
}

#access .block01 .col-2 {
    width: 47.358%;
    display: flex;
    flex-direction: column;
}

#access .block01 .col-2 .tpl-image {
    min-height: unset;
}

#access .block02 .tpl-figure .tpl-caption {
    position: relative;
    padding-inline: 0;
}

#access .block02 .col-2 {
    flex: unset;
    width: 47.38%;
}

@media screen and (min-width: 768px) {
    #access {
        padding-bottom: 300px;
    }
}


@media screen and (max-width: 768px) {
    #access .tpl-cover--large {
        min-height: 260px;
    }

    #access .tpl-cover--large .tpl-image {
        min-height: unset;
    }

    #access .tpl-cover--large .row-imgs {
        right: 0;
        width: calc(100vw - var(--content-padding));
    }

    #access .block02 .col-1 {
        width: 100%;
    }

    #access .block02 .col-2 {
        width: 100%;
    }

    #access .block02 .col-2 .tpl-row {
        flex-direction: row;
    }

    #access .block02 .tpl-article__caption.only-sp {
        padding-top: 0;
    }
}


#exterior {
    padding-top: 0;
}

/* #exterior .tpl-block.block01 {
    transform: translateY(-40%) !important;
} */

#exterior .block01 {
    padding-top: 0;
}

#exterior .block01 .tpl-headline {
    padding: 0 0 50px 0;
}

#exterior .block01 .tpl-cover__bg {
    overflow: unset;
}

#exterior .block01 .tpl-cover__bg .tpl-figure {
    overflow: unset;
}

#exterior .block01 .tpl-cover__bg .tpl-caption {
    top: 100%;
    padding-right: 0;
} 

@media screen and (min-width: 768px) {
    #exterior .block01 {
        margin-top: -200px;
    }

    #exterior .tpl-cover--large .tpl-figure img {
        height: 100%;
        object-fit: cover;
    }

    #exterior .block02 .tpl-row .col-1 {
    flex: unset;
    width: 44.213%;
    }

    #exterior .block02 .tpl-row .col-2 {
        flex: unset;
        width: 35.589%;
    }
}

@media screen and (max-width: 768px) {
    #exterior .tpl-cover--large {
        min-height: 50vw;
    }
/* 
    #exterior .tpl-cover--large .tpl-figure {
        height: auto;
    } */

    #exterior .tpl-cover--large .tpl-figure img {
        height: 100%;
        object-fit: cover;
    }

    #exterior .block01 .tpl-headline {
        padding: 15vw 0 8vw;
    }
}

#sustainability .tpl-block .tpl-caption {
    position: relative;
    padding-right: 0;
}


@media screen and (min-width: 769px) {
    #sustainability .block01 .tpl-row {
        justify-content: space-between;
    }

    #sustainability .block01 .col-1 {
        flex: unset;
        width: 34.93449%;
    }

    #sustainability .block01 .col-2 {
        flex: unset;
        width: 54.258%;
    }

    #sustainability .block02 .tpl-row {
        justify-content: space-between;
    }

    #sustainability .block02 .col-1 {
        flex: unset;
        width: 34.93449%;
    }

    #sustainability .block02 .col-2 {
        flex: unset;
        width: 48.8%;
    }
}