/* 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;}

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

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

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

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

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

#facade .block01 .tpl-cover__bg .tpl-caption {
    padding-left: 0;
}

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

#facade .block02 .tpl-row .col-1 .tpl-caption {
    padding-right: 0;
}

#facade .block02 .tpl-row .col-2 .tpl-article__title {
    padding-bottom: 8px;
}

#facade .block03 .tpl-row .col-2 {
    flex: unset;
    width: 59.9345%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 10px;
}

#facade .block03 .tpl-row .col-2 .tpl-figure {
    width: 49%;
}

#facade .block03 .tpl-row .col-2 .tpl-caption {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    #facade .block01 .tpl-cover.tpl-cover--large {
        min-height: 70vw;
    }

    #facade .block01 .tpl-cover__bg {
        left: 0;
        width: calc(100vw - var(--content-padding));
    }

    #facade .block01 .tpl-cover__bg .tpl-image {
        min-height: unset;
        object-position: left;
    }

    #facade .block03 .tpl-row.tpl-row--v-center {
        align-items: flex-start;
    }

    #facade .block02 {
        padding-top: 12vw;
    }

    #facade .block02 .tpl-row .col-1 {
        width: 100vw;
        margin-left: -14vw;
    }

    #facade .block02 .tpl-row .col-2 {
        width: 100%;
    }

    #facade .block03 .tpl-row .col-2 {
        width: 100%;
        row-gap: 6px;
    }

    #facade .block03 .tpl-row .col-2 .tpl-figure:first-of-type,
    #facade .block03 .tpl-row .col-2 .tpl-figure:nth-of-type(3) {
        width: 100%;
        order: -1;
    }

    #facade .block03 .tpl-row .col-2 .tpl-figure:nth-of-type(4) {
        order: -1;
    }
}


#land-plan.tpl-section {
    padding-top: 0;
}

#land-plan .block01 {
    padding-top: 0;
}

#land-plan .block02 .tpl-row .col-1 {
    flex: unset;
    width: 58.298%;
    padding-top: 100px;
}

#land-plan .block02 .tpl-row .col-1 .tpl-figure .tpl-caption {
    padding-right: 25px;
}

#land-plan .block02 .tpl-row .col-2 .tpl-block.only-sp .tpl-caption {
    padding-right: 15px;
}

#land-plan .block02 .tpl-row .col-2 .tpl-article__title {
    margin-bottom: 10px;
}

#land-plan .block02 .tpl-row .col-2 .tpl-article__copy {
    padding-top: 70px;
}

#land-plan .block03 {
    max-width: 608px;
    margin: 0 auto;
}

#land-plan .block03 .tpl-caption {
    padding-left: 0;
}

#land-plan .block03 .tpl-row {
    gap: 1px;
    position: relative;
}

#land-plan .block03 .tpl-row .col-1 {
    flex: unset;
    width: 33.224%;
}

#land-plan .block03 .tpl-row .col-2 {
    row-gap: 1px;
}

#land-plan .block03 .tpl-caption.caption-all {
    position: absolute;
    top: 100%;
}

@media screen and (min-width: 769px) {
    #land-plan .block01 .tpl-cover {
        min-height: 46vw;
    }
}

@media screen and (max-width: 768px) {
    #land-plan .block01 .tpl-cover {
        min-height: 90vw;
    }

    #land-plan .block01 .tpl-cover .tpl-image {
        min-height: unset;
    }

    #land-plan .block02 .tpl-row .col-2 .tpl-article__copy {
        padding-top: 20px;
    }

    #land-plan .block03 .tpl-figure {
        height: auto;
    }

    #land-plan .block03 .tpl-row {
        flex-direction: column;
    }

    #land-plan .block03 .tpl-row .col-1 {
        width: 100%;
    }

    #land-plan .block03 .tpl-row .col-2 {
        flex-direction: row;
        column-gap: 1px;
    }

    #land-plan .block03 .tpl-row .col-2 .tpl-row:last-of-type {
        order: -1;
    }

    /* #land-plan .block03 .tpl-caption.sp-small {
        padding: 2px;
        font-size: 0.5rem;
    } */
}

#lounge.tpl-section {
    padding-top: 0;
}

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

#lounge .block02 {
    text-align: center;
    padding-top: 100px;
}

#lounge .block02 .tpl-article__copy {
    max-width: 610px;
    margin: 0 auto;
}

@media screen and (min-width: 769px) {
    #lounge .block01 .tpl-cover {
        min-height: 52vw;
    }
}

@media screen and (max-width: 768px) {
    #lounge .block02 {
        text-align: left;
        padding-top: 15vw;
    }

    #lounge .block01 .tpl-cover {
        min-height: 80vw;
    }

    #lounge .block01 .tpl-cover .tpl-image {
        min-height: unset;
    }
}

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

#architect .block01 .tpl-article__body {
    text-align: center;
}

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

#architect .block02 .tpl-row .art-name {
    font-weight: 500;
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: .05em;
    margin-top: 25px;
}

#architect .block02 .tpl-row .art-name-en {
	font-size: 1.3rem;
	line-height: 2;
}

#architect .block03 .tpl-label {
    font-weight: 600;
}



#architect .block03 .tpl-stack {
    overflow: unset;
    gap: 60px;
}

#architect .block03 .tpl-figure {
    overflow: unset;
}

#architect .block03 .tpl-caption {
    padding-left: 0;
    font-size: 1.2rem;
    top: 100%;
}



@media screen and (min-width: 769px) {
    #architect .block03 {
        margin-top: -135px;
    }

    #architect .block03 .tpl-row {
        gap: 48px;
    }

    #architect .block03 .tpl-row .col-1 {
        flex: unset;
        width: 62.118%;
    }

    #architect .block03 .tpl-row .col-2 {
        flex: unset;
        width: 32.206%;
    }
}

@media screen and (max-width: 768px) {

    #architect {
        padding-bottom: 30vw;
    }

    #architect .block02 .tpl-article__title {
        font-size: 1.6rem;;
    }

    #architect .block01 .tpl-article__body {
        text-align: left;
    }

    #architect .block02 .tpl-row .col-1 .art-name {
        font-size: 1.8rem;
    }

    #architect .block02 .tpl-row .col-1 {
        width: 100%;
    }

    #architect .block02 .tpl-row .col-2 {
        width: 100%;
    }

    #architect .block03 .tpl-row .col-1 {
        width: 100%;
    }

    #architect .block03 .tpl-row .col-2 {
        width: 100%;
    }

    #architect .block03 .tpl-row {
        gap: 24vw;
    }
}