@charset "utf-8";
/* CSS Document */





/* ==============================

main_visual

============================== */
.lower_page .main_visual .main_visual-fg__title {
    /* w 313 h 182 */
    top: calc( 50% - 91px );
    width: 313px;
    height: 182px;
}
@media screen and ( max-width: 768px ){
    .lower_page .main_visual .main_visual-fg__title {
        /* w 157 h 89 */
        top: calc( 50% - calc( 44.5 * 100vw / var( --dw ) ) );
        width: calc( 157 * 100vw / var( --dw ) );
        height: calc( 89 * 100vw / var( --dw ) );
    }
}





/* ==============================

facade

============================== */
.facade {
}
@media screen and ( max-width: 768px ){
}



.facade .l-content-section-inner {
    padding: 0;
    background-image: url( '../img/design/facade-content-bg_pc.webp' );
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
}
.facade .l-content-section-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: min( calc( 368 * 100vw / var( --dw ) ), 368px );
    height: min( calc( 555 * 100vw / var( --dw ) ), 555px );
    margin: 0;
    padding: 0;
    background-image: url( '../img/design/facade-content-bg-x_pc.webp' );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and ( max-width: 768px ){
    .facade .l-content-section-inner {
        background-image: url( '../img/design/facade-content-bg_sp.webp' );
    }
    .facade .l-content-section-inner::before {
        width: min( calc( 93 * 100vw / var( --dw ) ), 93px );
        height: min( calc( 192 * 100vw / var( --dw ) ), 192px );
        background-image: url( '../img/design/facade-content-bg-x_sp.webp' );
    }
}



.facade-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 100 * 100vw / var( --dw ) ), 100px ) 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
}
.facade-content__title {
    /* w 156 h 111 */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min( calc( 156 * 100vw / var( --dw ) ), 156px );
    margin: 0 auto min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    font-size: 0;
}
.facade-content__lead {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 min( calc( 70 * 100vw / var( --dw ) ), 70px );
    padding: 0;
    text-align: center;
}
.facade-content__text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.facade-content__text.fs-xl {
    line-height: 3;
}
.facade-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
@media screen and ( max-width: 768px ){
    .facade-content {
        padding: calc( 60 * 100vw / var( --dw ) ) 0 calc( 70 * 100vw / var( --dw ) );
    }
    .facade-content__title {
        /* w 104 h 87 */
        width: calc( 104 * 100vw / var( --dw ) );
        margin: 0 auto calc( 50 * 100vw / var( --dw ) );
    }
    .facade-content__lead {
        margin: 0 0 calc( 55 * 100vw / var( --dw ) );
    }
    .facade-content__text {
    }
    .facade-image {
        padding: 0;
    }
}





/* ==============================

common_area

============================== */
.common_area {
    background-image: url( '../img/design/common_area-bg_pc.webp' );
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
.common_area::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min( calc( 362 * 100vw / var( --dw ) ), 362px );
    height: min( calc( 545 * 100vw / var( --dw ) ), 545px );
    margin: 0;
    padding: 0;
    background-image: url( '../img/design/common_area-bg-x_pc.webp' );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and ( max-width: 768px ){
    .common_area {
        background-image: none;
        background-color: #011725;
    }
    .common_area::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: min( calc( 92 * 100vw / var( --dw ) ), 92px );
        height: min( calc( 191 * 100vw / var( --dw ) ), 191px );
        margin: 0;
        padding: 0;
        background-image: url( '../img/design/common_area-bg-x_sp.webp' );
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 100%;
    }
}



.common_area .l-content-section-inner {
    padding-left: 0;
    padding-right: 0;
}
@media screen and ( max-width: 768px ){
    .common_area .l-content-section-inner {
    }
}



.common_area-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 100 * 100vw / var( --dw ) ), 100px ) calc( calc( 100% - var( --dw-px ) ) / 2 ) min( calc( 160 * 100vw / var( --dw ) ), 160px );
}
.common_area-title__title {
    /* w 321 h 122 */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min( calc( 321 * 100vw / var( --dw ) ), 321px );
    margin: 0 auto min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    font-size: 0;
}
.common_area-title__lead {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 min( calc( 70 * 100vw / var( --dw ) ), 70px );
    padding: 0;
    color: #fff;
    text-align: center;
}
.common_area-title__text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
}
.common_area-title__text.fs-xl {
    line-height: 3;
}
@media screen and ( max-width: 768px ){
    .common_area-title {
        padding: calc( 60 * 100vw / var( --dw ) ) 0 calc( 70 * 100vw / var( --dw ) );
    }
    .common_area-title__title {
        /* w 215 h 86 */
        width: calc( 215 * 100vw / var( --dw ) );
        margin: 0 auto calc( 50 * 100vw / var( --dw ) );
    }
    .common_area-title__lead {
        margin: 0 0 calc( 55 * 100vw / var( --dw ) );
    }
    .common_area-title__text {
    }
}



.common_area-entrance_hall {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .common_area-entrance_hall {
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
    .common_area-entrance_hall .c-box--swipe.is-active::before {
        z-index: 10;
    }
    .common_area-entrance_hall.spObj figure {
        width: 734px;
        height: 630px;
    }
    .common_area-entrance_hall.spObj figure picture {
        width: 100%;
        height: 100%;
    }
    .common_area-entrance_hall.spObj .c-box--swipe img {
        max-height: none;
    }
}



.common_area-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: min( calc( 1088 * 100vw / var( --dw ) ), 1088px );
    margin: 0 auto;
    padding: 0 0 min( calc( 140 * 100vw / var( --dw ) ), 140px );
}
.common_area-item-content {
    position: relative;
    margin: 0;
    padding: 0;
}
.common_area-item-content__title_en {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    padding: 50px 0 0;
}
.common_area-item-content__title_en::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: min( calc( 360 * 100vw / var( --dw ) ), 360px );
    height: 1px;
    margin: 0;
    background-color: #bfbfbf;
}
.common_area-item-content__title_jp {
    position: relative;
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    color: #fff;
}
.common_area-item-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}
.common_area-item-content__text.fs-m-v2 {
    line-height: 3;
}
.common_area-item-content__image {
    position: relative;
    width: min( calc( 289 * 100vw / var( --dw ) ), 289px );
    margin: 0 auto;
    padding: 0;
}
.common_area-item__image {
}
@media screen and ( max-width: 768px ){
    .common_area-item {
        width: 100%;
        padding: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
    .common_area-item-content {
        width: 100%;
        padding: 0 calc( min( 5.333vw, 24px ) * 2 ) calc( 40 * 100vw / var( --dw ) );
    }
    .common_area-item-content__title_en {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding: calc( 30 * 100vw / var( --dw ) ) 0 0;
    }
    .common_area-item-content__title_en::before {
        width: 100%;
    }
    .common_area-item-content__title_jp {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .common_area-item-content__text {
    }
    .common_area-item-content__image {
        width: calc( 231 * 100vw / var( --dw ) );
    }
    .common_area-item__image {
        width: 100%;
    }
}



.common_area-item.item_stone {
}
.item_stone .common_area-item-content {
    width: min( calc( 375 * 100vw / var( --dw ) ), 375px );
}
.item_stone .common_area-item-content__title_en picture {
    width: min( calc( 242 * 100vw / var( --dw ) ), 242px );
}
.item_stone .common_area-item__image {
    width: min( calc( 612 * 100vw / var( --dw ) ), 612px );
}
@media screen and ( max-width: 768px ){
    .common_area-item.item_stone {
        flex-direction: column;
    }
    .item_stone .common_area-item-content {
        width: 100%;
    }
    .item_stone .common_area-item-content__title_en picture {
        width: calc( 193 * 100vw / var( --dw ) );
    }
    .item_stone .common_area-item__image {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}



.common_area-item.item_silhouette {
    width: calc( min( calc( 1088 * 100vw / var( --dw ) ), 1088px ) + calc( calc( 100% - min( calc( 1088 * 100vw / var( --dw ) ), 1088px ) ) / 2 ) );
    margin: 0 0 0 auto;
}
.item_silhouette .common_area-item-content {
    width: min( calc( 375 * 100vw / var( --dw ) ), 375px );
}
.item_silhouette .common_area-item-content__title_en picture {
    width: min( calc( 281 * 100vw / var( --dw ) ), 281px );
}
.item_silhouette .common_area-item-content__text {
    margin-bottom: min( calc( 55 * 100vw / var( --dw ) ), 55px );
}
.item_silhouette .common_area-item-content__text.fs-m-v2 {
    line-height: 3;
}
.item_silhouette .common_area-item__image {
    width: calc( 100% - min( calc( 405 * 100vw / var( --dw ) ), 405px ) );
}
.l-content-section .item_silhouette .common_area-item__image figure figcaption {
    top: 95%;
    color: #fff;
}
.l-content-section .item_silhouette .common_area-item-content figure figcaption {
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .common_area-item.item_silhouette {
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
    .item_silhouette .common_area-item-content {
        width: 100%;
        padding-bottom: 0;
    }
    .item_silhouette .common_area-item-content__title_en picture {
        width: calc( 225 * 100vw / var( --dw ) );
    }
    .item_silhouette .common_area-item-content__text {
        margin-bottom: calc( 20 * 100vw / var( --dw ) );
    }
    .item_silhouette .common_area-item__image {
        width: 100%;
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
    }
    .l-content-section .item_silhouette .common_area-item__image figure figcaption {
        top: 100%;
    }
    .item_silhouette .common_area-item-content__image {
        width: calc( 231 * 100vw / var( --dw ) );
        margin: 0 auto;
    }
    .l-content-section .item_silhouette .common_area-item-content figure figcaption {
    }
}