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





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

main_visual

============================== */
.main_visual.lower_page .main_visual-fg .main_visual-fg-title {
    width: min( calc( 520 * 100vw / var( --dw ) ), calc( 520px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .main_visual.lower_page .main_visual-fg .main_visual-fg-title {
        width: calc( 226.38 * 100vw / var( --dw ) );
        left: calc( 50% - calc( calc( 226.38 * 100vw / var( --dw ) ) / 2 ) );
    }
}










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

lead

============================== */
.l-sc.lead {
    padding-top: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
}
.lead .l-inner {
}
@media screen and ( max-width: 768px ) {
    .l-sc.lead {
        padding-top: calc( 40 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .lead .l-inner {
        padding: 0;
    }
}



.lead__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .lead__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead__text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.lead .l-inner--ver_02 {
    padding-left: 0;
}
.lead-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .lead .l-inner--ver_02 {
        padding: 0;
    }
    .lead-content {
        display: block;
        margin: 0;
    }
}



.lead-content-left {
    position: relative;
    width: min( calc( 804 * 100vw / var( --dw ) ), calc( 804px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.lead-content-left__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-left__image figure, 
.lead-content-left__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-left__image picture img {
    width: 100%;
}
.lead-content-left__image figure figcaption {
    position: absolute;
    /*bottom: min( calc( 15 * 100vw / var( --dw ) ), calc( 15px * 1.38 ) );*/
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .lead-content-left {
        width: 100%;
        margin: 0 0 calc( 35 * 100vw / var( --dw ) );
    }
    .lead-content-left__image {
    }
    .lead-content-left__image figure, 
    .lead-content-left__image picture {
    }
    .lead-content-left__image picture img {
    }
    /*.lead-content-left__image figure figcaption {
        bottom: calc( -10 * 100vw / var( --dw ) );
    }*/
}



.lead-content-right {
    position: relative;
    width: min( calc( 468 * 100vw / var( --dw ) ), calc( 468px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.lead-content-right__top_image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 45 * 100vw / var( --dw ) ), calc( 45px * 1.38 ) );
    padding: 0;
}
.lead-content-right__top_image figure, 
.lead-content-right__top_image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-right__top_image picture img {
    width: 100%;
}
.lead-content-right__top_image figure figcaption {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
    color: #333;
    text-align: right;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .lead-content-right {
        width: 100%;
    }
    .lead-content-right__top_image {
        width: calc( 320 * 100vw / var( --dw ) );
        margin: 0 auto calc( 35 * 100vw / var( --dw ) );
    }
    .lead-content-right__top_image figure, 
    .lead-content-right__top_image picture {
    }
    .lead-content-right__top_image picture img {
    }
    .lead-content-right__top_image figure figcaption {
    }
}



.lead-content-right-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-right-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
}
.lead-content-right-content__title picture {
    position: relative;
    display: block;
    width: min( calc( 98 * 100vw / var( --dw ) ), calc( 98px * 1.38 ) );
    margin: 0 auto;
    padding: 0;
}
.lead-content-right-content__title picture img {
    width: 100%;
}
.lead-content-right-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-right-content__text.fs-m {
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    line-height: 1.764;
    letter-spacing: 0;
    text-align: center;
}
.lead-content-right-content__text.fs-s--ver_02 {
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    line-height: 2;
    letter-spacing: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .lead-content-right-content {
    }
    .lead-content-right-content__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead-content-right-content__title picture {
        width: calc( 98 * 100vw / var( --dw ) );
    }
    .lead-content-right-content__title picture img {
    }
    .lead-content-right-content__text {
    }
    .lead-content-right-content__text.fs-m {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
    .lead-content-right-content__text.fs-s--ver_02 {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}





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

commonspace

============================== */
.l-sc.commonspace{
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    background-color: #EFEFEF;
}







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

landscape

============================== */
.l-sc.landscape {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    background-color: #EFEFEF;
}
.landscape .l-inner {
}
@media screen and ( max-width: 768px ) {
    .l-sc.landscape {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .landscape .l-inner {
        padding: 0;
    }
}



.landscape__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.landscape__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .landscape__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .landscape__text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.landscape-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .landscape-content {
        position: relative;
        display: block;
    }
}



.landscape-content-left {
    position: relative;
    width: min( calc( 595 * 100vw / var( --dw ) ), calc( 595px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.landscape-content-left__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.landscape-content-left__image figure, 
.landscape-content-left__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.landscape-content-left__image picture img {
    width: 100%;
}
.landscape-content-left__image figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .landscape-content-left {
        width: 100%;
        margin-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .landscape-content-left__image {
    }
    .landscape-content-left__image figure, 
    .landscape-content-left__image picture {
    }
    .landscape-content-left__image picture img {
    }
    .landscape-content-left__image figure figcaption {
    }
}



.landscape-content-right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) ) 0;
    width: min( calc( 566 * 100vw / var( --dw ) ), calc( 566px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.landscape-content-right-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .landscape-content-right {
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        width: 100%;
    }
    .landscape-content-right-content {
        display: block;
    }
}



.landscape-content-right-content-left {
    position: relative;
    width: min( calc( 340 * 100vw / var( --dw ) ), calc( 340px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.landscape-content-right-content-left__title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min( calc( 36 * 100vw / var( --dw ) ), calc( 36px * 1.38 ) );
    margin: 0 0 min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.content_01 .landscape-content-right-content-left__title {
    color: #9F3F1E;
    background-color: #E5B996;
}
.content_02 .landscape-content-right-content-left__title {
    color: #597C29;
    background-color: #BCD9B4;
}
.content_03 .landscape-content-right-content-left__title {
    color: #0F3D72;
    background-color: #B2C7E0;
}
.landscape-content-right-content-left__text {
    line-height: 2;
    letter-spacing: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .landscape-content-right-content-left {
        width: 100%;
    }
    .landscape-content-right-content-left__title {
        width: calc( 320 * 100vw / var( --dw ) );
        height: calc( 36 * 100vw / var( --dw ) );
        margin: 0 auto calc( 10 * 100vw / var( --dw ) );
    }
    .content_01 .landscape-content-right-content-left__title {
    }
    .content_02 .landscape-content-right-content-left__title {
    }
    .content_03 .landscape-content-right-content-left__title {
    }
    .landscape-content-right-content-left__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.landscape-content-right-content-image {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: min( calc( 201 * 100vw / var( --dw ) ), calc( 201px * 1.38 ) );
    margin: 0;
    padding: 0;
}
/*
.landscape-content-right-content-image::after {
    content: 'all image photo';
    position: absolute;
    bottom: 2em;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: var( --fs-caption );
    line-height: 2;
    letter-spacing: 0;
    font-feature-settings: "palt";
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}*/
.landscape-content-right-content-image__item {
    position: relative;
    width: min( calc( 99 * 100vw / var( --dw ) ), calc( 99px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.landscape-content-right-content-image__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.landscape-content-right-content-image__item picture img {
    width: 100%;
}
.landscape-content-right-content-image__item .fs-caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}
.landscape-content-right::after{
    content: 'すべてimage photo';
    position: absolute;
    bottom: -2em;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: var( --fs-caption );
    line-height: 2;
    letter-spacing: 0;
    font-feature-settings: "palt";
    color: #333;
}

@media screen and ( max-width: 768px ) {
    .landscape-content-right-content-image {
        width: calc( 320 * 100vw / var( --dw ) );
        margin: 0 auto;
    }
    .landscape-content-right-content-image::after {
    }
    .landscape-content-right-content-image__item {
        width: calc( 157 * 100vw / var( --dw ) );
    }
    .landscape-content-right-content-image__item picture {
    }
    .landscape-content-right-content-image__item picture img {
    }
    .landscape-content-right-content-image__item .fs-caption {
    }

    .landscape-content-right::after{
    padding: 0 2em;
}
}










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

sky_terrace

============================== */
.l-sc.sky_terrace {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
}
.l-sc.sky_terrace .l-inner {
}
@media screen and ( max-width: 768px ) {
    .l-sc.sky_terrace {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .l-sc.sky_terrace .l-inner {
        padding: 0;
    }
}



.sky_terrace__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.sky_terrace__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .sky_terrace__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .sky_terrace__text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.sky_terrace__image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding: 0 min(calc(100 * 100vw / var(--dw)), calc(100px * 1.38));
}
.sky_terrace__image figure, 
.sky_terrace__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.sky_terrace__image picture img {
    width: 100%;
}
.sky_terrace__image figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .sky_terrace__image {
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
        padding: 0;
    }
    .sky_terrace__image figure, 
    .sky_terrace__image picture {
    }
    .sky_terrace__image picture img {
    }
    .sky_terrace__image figure figcaption {
    }
}



.sky_terrace-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 min( calc( 110 * 100vw / var( --dw ) ), calc( 110px * 1.38 ) );
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .sky_terrace-content {
        position: relative;
        display: block;
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
    }
}



.sky_terrace-content-left {
    position: relative;
    width: min( calc( 478 * 100vw / var( --dw ) ), calc( 478px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.sky_terrace-content-left-movie {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 45 * 100vw / var( --dw ) ), calc( 45px * 1.38 ) );
    padding: 0;
}
.sky_terrace-content-left-movie video {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.sky_terrace-content-left-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.sky_terrace-content-left-image figure, 
.sky_terrace-content-left-image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.sky_terrace-content-left-image picture img {
    width: 100%;
}
.sky_terrace-content-left-image figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .sky_terrace-content-left {
        width: 100%;
    }
    .sky_terrace-content-left-movie {
        margin: 0 0 calc( 470 * 100vw / var( --dw ) );
    }
    .sky_terrace-content-left-movie video {
    }
    .sky_terrace-content-left-image {
    }
    .sky_terrace-content-left-image figure, 
    .sky_terrace-content-left-image picture {
    }
    .sky_terrace-content-left-image picture img {
    }
    .sky_terrace-content-left-image figure figcaption {
    }
}



.sky_terrace-content-right {
    position: relative;
    width: min( calc( 382 * 100vw / var( --dw ) ), calc( 382px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.sky_terrace-content-right figure, 
.sky_terrace-content-right picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.sky_terrace-content-right picture img {
    width: 100%;
}
.sky_terrace-content-right figure figcaption {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
    color: #333;
    background-color: transparent;
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .sky_terrace-content-right {
        position: absolute;
        top: calc( 190 * 100vw / var( --dw ) );
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: calc( 450 * 100vw / var( --dw ) );
    }
    .sky_terrace-content-right figure {
        display: block;
        width: calc( 248 * 100vw / var( --dw ) );
        margin: 0 auto;
    }
    .sky_terrace-content-right figure, 
    .sky_terrace-content-right picture {
    }
    .sky_terrace-content-right picture img {
    }
    .sky_terrace-content-right figure figcaption {
    }
}







.commonspace_new {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.commonspace_new-block {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 90 * 100vw / var( --dw ) ), calc( 90px * 1.38 ) ) 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new {
    }
    .commonspace_new-block {
        padding: calc( 45 * 100vw / var( --dw ) ) 0;
    }
}



.commonspace_new-block-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 90 * 100vw / var( --dw ) ), calc( 90px * 1.38 ) );
    padding: 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.64;
    letter-spacing: 0.12em;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block-lead {
        margin: 0 0 calc( 45 * 100vw / var( --dw ) );
    }
}



.commonspace_new-block-title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) ) 0;
    margin-bottom: min( calc( 90 * 100vw / var( --dw ) ), calc( 90px * 1.38 ) );
}
.commonspace_new-block-title__en {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.commonspace_new-block-title__en img {
    width: 100%;
}
.commonspace_new-block-title__jp {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.64;
    letter-spacing: 0.12em;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block-title {
        gap: calc( 15 * 100vw / var( --dw ) ) 0;
        margin-bottom: calc( 45 * 100vw / var( --dw ) );
    }
    .commonspace_new-block-title__en {
    }
    .commonspace_new-block-title__en img {
    }
    .commonspace_new-block-title__jp {
    }
}



.commonspace_new-block-subblock {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block-subblock {
        flex-direction: column;
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
    }
}



.commonspace_new-block-subblock-title {
    position: relative;
    width: 23.09%;
    margin: 0;
    padding: 0;
}
.commonspace_new-block-subblock-title__name {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 15 * 100vw / var( --dw ) ), calc( 15px * 1.38 ) ) 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.commonspace_new-block-subblock-title__name .en {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.commonspace_new-block-subblock-title__name .en img {
    width: 100%;
}
.commonspace_new-block-subblock-title__name .jp {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #262626;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block-subblock-title {
        width: 100%;
    }
    .commonspace_new-block-subblock-title__name {
        gap: calc( 7.5 * 100vw / var( --dw ) ) 0;
    }
    .commonspace_new-block-subblock-title__name .en {
    }
    .commonspace_new-block-subblock-title__name .en img {
    }
    .commonspace_new-block-subblock-title__name .jp {
    }
}



.commonspace_new-block-subblock__image {
    position: relative;
    width: 71.22%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block-subblock__image {
        width: 100%;
    }
}



.commonspace_new-block.block_01 {
    background-image: url( '../img/design/commonspace_new-block_01-bg.webp' );
}
.block_01 .commonspace_new-block-title__en {
    width: min( calc( 239 * 100vw / var( --dw ) ), calc( 239px * 1.38 ) );
}
.block_01 .commonspace_new-block-subblock.elevator_hall_1f {
    margin-bottom: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding-right: 0;
}
.elevator_hall_1f .commonspace_new-block-subblock-title__name .en {
    width: min( calc( 230 * 100vw / var( --dw ) ), calc( 230px * 1.38 ) );
}
.block_01 .commonspace_new-block-subblock-title__name .jp {
    color: #fff;
}
.block_01 .commonspace_new-block-subblock.elevator_hall_3f {
    margin-bottom: 0;
    padding-left: 0;
}
.elevator_hall_3f .commonspace_new-block-subblock-title__name .en {
    width: min( calc( 230 * 100vw / var( --dw ) ), calc( 230px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block.block_01 {
    }
    .block_01 .commonspace_new-block-title__en {
        width: calc( 150 * 100vw / var( --dw ) );
    }
    .block_01 .commonspace_new-block-subblock.elevator_hall_1f {
        flex-direction: column-reverse;
        margin-bottom: calc( 50 * 100vw / var( --dw ) );
        padding-right: 0;
    }
    .elevator_hall_1f .commonspace_new-block-subblock-title {
        padding-right: calc(27.5 * 100vw / var(--dw));
    }
    .elevator_hall_1f .commonspace_new-block-subblock-title__name .en {
        width: calc( 193 * 100vw / var( --dw ) );
    }
    .block_01 .commonspace_new-block-subblock-title__name .jp {
    }
    .block_01 .commonspace_new-block-subblock.elevator_hall_3f {
    }
    .elevator_hall_3f .commonspace_new-block-subblock-title {
        padding-left: calc(27.5 * 100vw / var(--dw));
    }
    .elevator_hall_3f .commonspace_new-block-subblock-title__name .en {
        width: calc( 193 * 100vw / var( --dw ) );
    }
}



.commonspace_new-block.block_02 {
    background-image: url( '../img/design/commonspace_new-block_02-bg.webp' );
}
.block_02 .commonspace_new-block-subblock-title {
    width: 26.63%;
}
.block_02 .commonspace_new-block-subblock.lounge {
    margin-bottom: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
.lounge .commonspace_new-block-subblock-title__name .en {
    width: min( calc( 124 * 100vw / var( --dw ) ), calc( 124px * 1.38 ) );
}
.block_02 .commonspace_new-block-subblock__image {
    width: 68.84%;
}
.block_02 .commonspace_new-block__image {
    position: relative;
    margin-bottom: min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
}
.block_02 .commonspace_new-block__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block.block_02 {
    }
    .block_02 .commonspace_new-block-subblock-title {
        width: 100%;
    }
    .block_02 .commonspace_new-block-subblock.lounge {
        flex-direction: column-reverse;
        margin-bottom: calc( 50 * 100vw / var( --dw ) );
    }
    .lounge .commonspace_new-block-subblock-title__name .en {
        width: calc( 100 * 100vw / var( --dw ) );
    }
    .block_02 .commonspace_new-block-subblock__image {
        width: 100%;
    }
    .block_02 .commonspace_new-block__image {
        position: relative;
        margin-bottom: calc( 15 * 100vw / var( --dw ) );
        padding-left: 0;
        padding-right: 0;
    }
    .block_02 .commonspace_new-block__text {
    }
}



.commonspace_new-block.block_03 {
    background-image: url( '../img/design/commonspace_new-block_03-bg.webp' );
}
.block_03 .commonspace_new-block-title {
    align-items: center;
}
.block_03 .commonspace_new-block-title__en {
    width: min( calc( 300 * 100vw / var( --dw ) ), calc( 300px * 1.38 ) );
}
.block_03 .commonspace_new-block-title__jp {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #d3c8b2;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
    text-align: center;
}
.block_03 .commonspace_new-block-subblock-title__name .jp {
    color: #fff;
}
.block_03 .commonspace_new-block-subblock.elevator_hall {
    margin-bottom: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
.block_03 .elevator_hall .commonspace_new-block-subblock-title {
    width: 26.63%;
}
.block_03 .elevator_hall .commonspace_new-block-subblock-title__name .en {
    width: min( calc( 222 * 100vw / var( --dw ) ), calc( 222px * 1.38 ) );
}
.block_03 .elevator_hall .commonspace_new-block-subblock__image {
    width: 68.84%;
}
.block_03 .commonspace_new-block-subblock.inner_corridor {
    margin-bottom: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
.block_03 .inner_corridor .commonspace_new-block-subblock-title {
    width: 35.55%;
}
.block_03 .inner_corridor .commonspace_new-block-subblock-title__name .en {
    width: min( calc( 259 * 100vw / var( --dw ) ), calc( 259px * 1.38 ) );
}
.block_03 .inner_corridor .commonspace_new-block-subblock__image {
    width: 55.98%;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-block.block_03 {
    }
    .block_03 .commonspace_new-block-title {
    }
    .block_03 .commonspace_new-block-title__en {
        width: calc( 241 * 100vw / var( --dw ) );
    }
    .block_03 .commonspace_new-block-title__jp {
    }
    .block_03 .commonspace_new-block-subblock-title__name .jp {
    }
    .block_03 .commonspace_new-block-subblock.elevator_hall {
        flex-direction: column-reverse;
        margin-bottom: calc( 50 * 100vw / var( --dw ) );
        padding-right: 0;
    }
    .block_03 .elevator_hall .commonspace_new-block-subblock-title {
        width: 100%;
        padding-right: calc(27.5 * 100vw / var(--dw));
    }
    .block_03 .elevator_hall .commonspace_new-block-subblock-title__name .en {
        width: calc( 192 * 100vw / var( --dw ) );
    }
    .block_03 .elevator_hall .commonspace_new-block-subblock__image {
        width: 100%;
    }
    .block_03 .commonspace_new-block-subblock.inner_corridor {
        margin-bottom: calc( 50 * 100vw / var( --dw ) );
    }
    .block_03 .inner_corridor .commonspace_new-block-subblock-title {
        width: 100%;
    }
    .block_03 .inner_corridor .commonspace_new-block-subblock-title__name {
        align-items: center;
    }
    .block_03 .inner_corridor .commonspace_new-block-subblock-title__name .en {
        width: calc( 216 * 100vw / var( --dw ) );
    }
    .block_03 .inner_corridor .commonspace_new-block-subblock__image {
        width: 100%;
    }
}





.commonspace_new-designer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) ) min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    background-color: rgba( 255, 255, 255, 0.85 );
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer {
        padding: calc( 15 * 100vw / var( --dw ) ) calc( 20 * 100vw / var( --dw ) );
    }
}



.commonspace_new-designer-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
}
.commonspace_new-designer-lead__title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    border-bottom: 1px solid #919191;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
    text-align: center;
}
.commonspace_new-designer-lead__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( 10 * 100vw / var( --dw ) ) 0 0;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer-lead {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .commonspace_new-designer-lead__title {
        padding: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .commonspace_new-designer-lead__text {
        padding: calc( 10 * 100vw / var( --dw ) ) 0 0;
    }
}



.commonspace_new-designer-profile {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( 5 * 100vw / var( --dw ) );
    border: 2px solid #92834d;
}
.commonspace_new-designer-profile-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: calc( 10 * 100vw / var( --dw ) );
    border: 1px solid #92834d;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer-profile {
        padding: calc( 5 * 100vw / var( --dw ) );
    }
    .commonspace_new-designer-profile-inner {
        flex-direction: column;
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        padding: calc( 20 * 100vw / var( --dw ) );
    }
}



.commonspace_new-designer-profile-inner-image {
    position: relative;
    width: 24.21%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer-profile-inner-image {
        width: 100%;
    }
}



.commonspace_new-designer-profile-inner-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 71.83%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer-profile-inner-content {
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        width: 100%;
    }
}



.commonspace_new-designer-profile-inner-content-title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.commonspace_new-designer-profile-inner-content-title__company {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0 0 min( calc( 5 * 100vw / var( --dw ) ), calc( 5px * 1.38 ) );
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
    border-bottom: 1px solid #92834d;
}
.commonspace_new-designer-profile-inner-content-title__name {
    position: relative;
    width: auto;
    margin: 0;
    padding: min( calc( 5 * 100vw / var( --dw ) ), calc( 5px * 1.38 ) ) 0 0;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
}
.commonspace_new-designer-profile-inner-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.11em;
}
@media screen and ( max-width: 768px ) {
    .commonspace_new-designer-profile-inner-content-title {
    }
    .commonspace_new-designer-profile-inner-content-title__company {
        width: 100%;
        padding: 0 0 calc( 5 * 100vw / var( --dw ) );
        text-align: center;
    }
    .commonspace_new-designer-profile-inner-content-title__company.fs-s {
        font-size: calc( 14 * 100vw / var( --dw ) );
    }
    .commonspace_new-designer-profile-inner-content-title__name {
        width: 100%;
        padding: calc( 5 * 100vw / var( --dw ) ) 0 0;
        text-align: center;
    }
    .commonspace_new-designer-profile-inner-content__text {
    }
}










.art_new {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1200 / 530;
    margin: 0;
    padding: 0;
    background-image: url( '../img/design/art_new-bg.webp' );
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( max-width: 768px ) {
    .art_new {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 1200 / 530;
        margin: 0;
        padding: calc(27.5 * 100vw / var(--dw)) calc(27.5 * 100vw / var(--dw)) calc(15 * 100vw / var(--dw));
        background-image: url( '../img/design/art_new-bg.webp' );
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}



.art_new-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
}
.art_new-title__en {
    position: relative;
    width: min( calc( 82 * 100vw / var( --dw ) ), calc( 82px * 1.38 ) );
    margin: 0 auto min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
}
.art_new-title__jp {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
}



.art_new-slider {
    position: relative;
    width: 100%;
    max-width: min( calc( 886 * 100vw / var( --dw ) ), calc( 886px * 1.38 ) );
    height: min( calc( 295 * 100vw / var( --dw ) ), calc( 295px * 1.38 ) );

    height: min( calc( 350 * 100vw / var( --dw ) ), calc( 350px * 1.38 ) );

    margin: 0 auto;
    padding: 0;
    background-color: rgba( 255, 255, 255, 0.87 );
}
.art_new-slider .slide-arrow {
    position: absolute;
    top: calc( 50% - calc( min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) ) / 2 ) );
    width: min( calc( 22 * 100vw / var( --dw ) ), calc( 22px * 1.38 ) );
    height: min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    margin: 0;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.art_new-slider .slide-arrow.prev-arrow {
    left: calc( min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) ) * -1 );
    background-image: url( '../img/design/arrow-left.svg' );
}
.art_new-slider .slide-arrow.next-arrow {
    right: calc( min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) ) * -1 );
    background-image: url( '../img/design/arrow-right.svg' );
}
@media screen and ( max-width: 768px ) {
    .art_new-slider {
        max-width: none;
        height: auto;
        margin: 0;
    }
    .art_new-slider .slide-arrow {
        top: calc( 50% - calc( min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) / 2 ) );
        width: min( calc( 11 * 100vw / var( --dw ) ), calc( 11px * 1.38 ) );
        height: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    }
    .art_new-slider .slide-arrow.prev-arrow {
        left: calc( min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) * -1 );
    }
    .art_new-slider .slide-arrow.next-arrow {
        right: calc( min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) * -1 );
    }
}



.art_new-slider-item {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
}



.art_new-slider-item-inner {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;

    height: min( calc( 350 * 100vw / var( --dw ) ), calc( 350px * 1.38 ) );

    margin: 0;
    padding: min( calc( 18 * 100vw / var( --dw ) ), calc( 18px * 1.38 ) ) min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
}
.art_new-slider-item-inner-content {
    position: relative;
    width: 40%;
    height: 100%;

    height: auto;

    margin: 0;
    padding: 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) 0 0;
    border-right: 1px solid rgba( 109, 102, 80, 0.5 );

    border-right: none;
}
.art_new-slider-item-inner-work {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 60%;
    margin: 0;
    padding: 0 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );

    border-left: 1px solid rgba( 109, 102, 80, 0.5 );
}
@media screen and ( max-width: 768px ) {
    .art_new-slider-item-inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding: calc( 18 * 100vw / var( --dw ) ) calc( 40 * 100vw / var( --dw ) );
    }
    .art_new-slider-item-inner-content {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding: 0;
        border-right: none;
    }
    .art_new-slider-item-inner-work {
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        margin: 0;
        padding: 0;
        border-left: none;
    }
}



.art_new-slider-item-inner-content-profile {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
}
.art_new-slider-item-inner-content-profile-image {
    position: relative;
    width: min( calc( 127 * 100vw / var( --dw ) ), calc( 127px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.art_new-slider-item-inner-content-profile-name {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0 0 0 min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) );
}
.art_new-slider-item-inner-content-profile-name__jp {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 5 * 100vw / var( --dw ) ), calc( 5px * 1.38 ) );
    padding: 0;
    line-height: 1;
    letter-spacing: 0.1em;
}
.art_new-slider-item-inner-content-profile-name__en {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #8d5f58;
    line-height: 1.13;
    letter-spacing: 0.18em;
}
.art_new-slider-item-inner-content-outliine {
}
@media screen and ( max-width: 768px ) {
    .art_new-slider-item-inner-content-outliine {
        position: relative;
        width: 100%;
        min-height: calc( 180 * 100vw / var( --dw ) );
        margin: 0;
        padding: 0;
    }
}



.art_new-slider-item-inner-work__title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0.5em 0;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.17em;
    background-color: #6d6650;
}
.art_new-slider-item-inner-work-image {
    position: relative;
    width: min( calc( 172 * 100vw / var( --dw ) ), calc( 172px * 1.38 ) );

    width: 47%;

    margin: 0;
    padding: 0;
}
.art_new-slider-item-inner-work-image__inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min( calc( 133 * 100vw / var( --dw ) ), calc( 133px * 1.38 ) );

    height: min( calc( 170 * 100vw / var( --dw ) ), calc( 170px * 1.38 ) );

    margin: 0;
    padding: 0;
    background-color: #fff;
}
.art_new-slider-item-inner-work-image__inner picture {
    display: inline-block;
    width: min( calc( 134 * 100vw / var( --dw ) ), calc( 134px * 1.38 ) );

    width: min( calc( 170 * 100vw / var( --dw ) ), calc( 170px * 1.38 ) );

}
.art_new-slider-item-inner-work-image__caption {
    position: relative;
    width: 100%;
    margin: min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) ) 0 0;
    padding: 0;
    font-weight: 500;
    text-align: center;
}
.art_new-slider-item-inner-work__remark {
    position: relative;
    width: 100%;
    margin: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) 0 0;
    padding: 0;
    line-height: 1.13;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .art_new-slider-item-inner-work__title {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
        padding: 0.5em 0;
        color: #fff;
        line-height: 1;
        letter-spacing: 0.17em;
        background-color: #6d6650;
    }
    .art_new-slider-item-inner-work-image {
        width: 100%;
    }
    .art_new-slider-item-inner-work-image__inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: calc( 155 * 100vw / var( --dw ) );
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .art_new-slider-item-inner-work-image__inner picture {
        display: inline-block;
        width: calc( 168 * 100vw / var( --dw ) );
    }
    .art_new-slider-item-inner-work-image__caption {
        position: relative;
        width: 100%;
        margin: calc( 10 * 100vw / var( --dw ) ) 0 0;
        padding: 0;
        font-weight: 500;
        text-align: center;
    }
    .art_new-slider-item-inner-work__remark {
        position: relative;
        width: 100%;
        margin: calc( 20 * 100vw / var( --dw ) ) 0 0;
        padding: 0;
        line-height: 1.13;
        letter-spacing: 0.1em;
    }
}



.item_01 .art_new-slider-item-inner-work-image__inner picture {
    width: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );

    width: min( calc( 140 * 100vw / var( --dw ) ), calc( 140px * 1.38 ) );

}
.item_02 .art_new-slider-item-inner-work-image__inner picture {
}
.item_03 .art_new-slider-item-inner-work-image__inner picture {
}
.item_04 .art_new-slider-item-inner-work-image__inner picture {
}
@media screen and ( max-width: 768px ) {
    .item_01 .art_new-slider-item-inner-work-image__inner picture {
        width: calc( 116 * 100vw / var( --dw ) );
    }
    .item_02 .art_new-slider-item-inner-work-image__inner picture {
    }
    .item_03 .art_new-slider-item-inner-work-image__inner picture {
    }
    .item_04 .art_new-slider-item-inner-work-image__inner picture {
    }
}









.art_new_demo .art_new-slider-item-inner-work-image__inner picture {
    display: none;
}
.art_new_demo .art_new-slider-item-inner-work-image__inner {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.art_new_demo .item_01 .image_01 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_01-inner-work__image_01.webp' ); }
.art_new_demo .item_01 .image_02 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_01-inner-work__image_02.webp' ); }
.art_new_demo .item_02 .image_01 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_02-inner-work__image_01.webp' ); }
.art_new_demo .item_02 .image_02 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_02-inner-work__image_02.webp' ); }
.art_new_demo .item_03 .image_01 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_03-inner-work__image_01.webp' ); }
.art_new_demo .item_03 .image_02 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_03-inner-work__image_02.webp' ); }
.art_new_demo .item_04 .image_01 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_04-inner-work__image_01.webp' ); }
.art_new_demo .item_04 .image_02 .art_new-slider-item-inner-work-image__inner { background-image: url( '../img/design/demo/art_new-slider-item_04-inner-work__image_02.webp' ); }