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

main visual

============================== */
.l-main_visual_container {
    /*
    position: fixed;
    top: 0;
    left: 0;
    */
    position: relative;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}
.l-main_visual {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    height: 100vh;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual_container {
        max-width: none;
        height: auto;
        aspect-ratio: 750 / 1200;
    }
    .l-main_visual {
        height: auto;
        aspect-ratio: 750 / 1200;
    }
}


.l-main_visual-scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
    transition: 1s;
    transition-timing-function: linear;
}
.l-main_visual-scene.scene_00 { opacity: 0; }
.l-main_visual-scene.scene_01 { opacity: 0; }
.l-main_visual-scene.scene_02 { opacity: 0; }
.l-main_visual-scene.scene_03 { opacity: 0; }
.l-main_visual-scene.scene_04 { opacity: 0; }
.l-main_visual-scene.scene_00.is_active { opacity: 1; }
.l-main_visual-scene.scene_01.is_active { opacity: 1; }
.l-main_visual-scene.scene_02.is_active { opacity: 1; }
.l-main_visual-scene.scene_03.is_active { opacity: 1; }
.l-main_visual-scene.scene_04.is_active { opacity: 1; }
.l-main_visual-scene.scene_00.is_active.is_remove { opacity: 0; }
.l-main_visual-scene.scene_01.is_active.is_remove { opacity: 0; }
.l-main_visual-scene.scene_02.is_active.is_remove { opacity: 0; }
.l-main_visual-scene.scene_03.is_active.is_remove { opacity: 0; }
.l-main_visual-scene.scene_04.is_active.is_remove { opacity: 0; }
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-main_visual-scene-bg {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}
.l-main_visual-scene-bg-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.scene_00 .l-main_visual-scene-bg-inner { background: rgba( 255, 255, 255, 1 ); }
.scene_01 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_01-bg_pc.webp' ); }
.scene_02 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_02-bg_pc.webp' ); }
.scene_03 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_03-bg_pc.webp' ); }
/*
.scene_04 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-bg_pc.webp' ); }
*/
.scene_00.is_active .l-main_visual-scene-bg-inner {}
.scene_01.is_active .l-main_visual-scene-bg-inner {}
.scene_02.is_active .l-main_visual-scene-bg-inner {}
.scene_03.is_active .l-main_visual-scene-bg-inner {}
.scene_04.is_active .l-main_visual-scene-bg-inner {}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-bg {
    }
    .l-main_visual-scene-bg-inner {
    }
    .scene_01 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_01-bg_sp.webp' ); }
    .scene_02 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_02-bg_sp.webp' ); }
    .scene_03 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_03-bg_sp.webp' ); }
    /*
    .scene_04 .l-main_visual-scene-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-bg_sp.webp' ); }
    */
}



.l-main_visual-scene-fg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-main_visual-scene-fg picture {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    opacity: 0;
    transition: opacity 1s;
}
.l-main_visual-scene-fg.is_active picture {
    opacity: 1;
}
.scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__title {
    top: calc( calc( calc( 100% - min( calc( 51.5 * 100vw / var( --dw ) ), 51.5px ) ) / 2 ) - min( calc( 50 * 100vw / var( --dw ) ), 50px ) );
    left: calc( calc( 100% - min( calc( 502 * 100vw / var( --dw ) ), 502px ) ) / 2 );
    width: min( calc( 502 * 100vw / var( --dw ) ), 502px ); /* height: 51.5px at width 1388px */
}
.scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__text--text_01 {
    top: calc( calc( calc( 100% - min( calc( 43.5 * 100vw / var( --dw ) ), 43.5px ) ) / 2 ) + min( calc( 30 * 100vw / var( --dw ) ), 30px ) );
    left: calc( calc( 100% - min( calc( 428.5 * 100vw / var( --dw ) ), 428.5px ) ) / 2 );
    width: min( calc( 428.5 * 100vw / var( --dw ) ), 428.5px ); /* height: 43.5px at width 1388px */
    transition-delay: 1s;
}
.scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__text--text_02 {
    top: calc( calc( calc( 100% - min( calc( 24 * 100vw / var( --dw ) ), 24px ) ) / 2 ) + min( calc( 80 * 100vw / var( --dw ) ), 80px ) );
    left: calc( calc( 100% - min( calc( 293.5 * 100vw / var( --dw ) ), 293.5px ) ) / 2 );
    width: min( calc( 293.5 * 100vw / var( --dw ) ), 293.5px ); /* height: 24px at width 1388px */
    transition-delay: 1s;
}
.scene_01 .l-main_visual-scene-fg picture {
    top: calc( calc( 100% - min( calc( 115.5 * 100vw / var( --dw ) ), 115.5px ) ) / 2 );
    left: calc( calc( 100% - min( calc( 358 * 100vw / var( --dw ) ), 358px ) ) / 2 );
    width: min( calc( 358 * 100vw / var( --dw ) ), 358px ); /* height: 115.5px at width 1388px */
}
/* scene_02 はfront画像がない
.scene_02 .l-main_visual-scene-fg picture {
}
*/
.scene_03 .l-main_visual-scene-fg picture {
    top: min( calc( 149.32 * 100vw / var( --dw ) ), 149.32px );
    left: calc( 963.5 * 100vw / var( --dw ) );
        left: min( calc( 963.5 * 100vw / var( --dw ) ), calc( 963.5 * var( --maxw ) / var( --dw ) * 1px ) );
    width: min( calc( 383.5 * 100vw / var( --dw ) ), 383.5px ); /* height: 115px at width 1388px */
}
/*
.scene_04 .l-main_visual-scene-fg picture {
    top: calc( calc( 100% - min( calc( 178 * 100vw / var( --dw ) ), 178px ) ) / 2 );
    left: calc( calc( 100% - min( calc( 570.5 * 100vw / var( --dw ) ), 570.5px ) ) / 2 );
    width: min( calc( 570.5 * 100vw / var( --dw ) ), 570.5px );
}
*/
@media screen and ( min-width: 1920px ){
    /*
    .scene_03 .l-main_visual-scene-fg picture {
        left: min( calc( 963.5 * 100vw / var( --dw ) ), calc( 963.5 * var( --maxw ) / var( --dw ) ) );
    }
        */
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-fg {
    }
    .l-main_visual-scene-fg picture {
    }
    .l-main_visual-scene-fg.is_active picture {
    }
    .scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__title {
        top: calc( 607.04 * 100vw / var( --dw ) );
        left: calc( calc( 100% - calc( 625 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 625 * 100vw / var( --dw ) );
    }
    .scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__text--text_01 {
        top: calc( 710.04 * 100vw / var( --dw ) );
        left: calc( calc( 100% - calc( 529 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 529 * 100vw / var( --dw ) );
    }
    .scene_00 .l-main_visual-scene-fg .l-main_visual-scene-fg__text--text_02 {
        top: calc( 785.04 * 100vw / var( --dw ) );
        left: calc( calc( 100% - calc( 362 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 362 * 100vw / var( --dw ) );
    }
    .scene_01 .l-main_visual-scene-fg picture {
        top: calc( 495 * 100vw / var( --dw ) );
        left: calc( calc( 100% - calc( 455 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 455 * 100vw / var( --dw ) );
    }
    /* scene_02 はfront画像がない
    .scene_02 .l-main_visual-scene-fg picture {
    }
    */
    .scene_03 .l-main_visual-scene-fg picture {
        top: min( calc( 495 * 100vw / var( --dw ) ), 495px );
        left: calc( calc( 100% - calc( 487 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 487 * 100vw / var( --dw ) );
    }
    /*
    .scene_04 .l-main_visual-scene-fg picture {
        top: calc( 495 * 100vw / var( --dw ) );
        left: calc( 20 * 100vw / var( --dw ) );
        width: calc( 710 * 100vw / var( --dw ) );
    }
    */
}



.l-main_visual-scene-fg-figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0 0.8em;
    color: #fff;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 1.8;
    background-color: rgba( 0, 0, 0, 0.6 );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-fg-figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}






.l-main_visual-scene-slide {
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.slick-slider {
    height: 100vh;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    height: 100vh;
}
.l-main_visual-scene-slide-item {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-slide {
        height: auto;
    }
    .slick-slider {
        height: auto;
    }
    .slick-slider .slick-list,
    .slick-slider .slick-track {
        height: auto;
    }
    .l-main_visual-scene-slide-item {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 750 / 1200;
        margin: 0;
        padding: 0;
        font-size: 0;
    }
}



.l-main_visual-scene-slide-item-bg {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}
.l-main_visual-scene-slide-item-bg-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.scene_04 .item_01 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_01-bg_pc.webp' ); }
.scene_04 .item_02 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_02-bg_pc.webp' ); }
.scene_04 .item_03 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_03-bg_pc.webp' ); }
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .scene_04 .item_01 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_01-bg_sp.webp' ); }
    .scene_04 .item_02 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_02-bg_sp.webp' ); }
    .scene_04 .item_03 .l-main_visual-scene-slide-item-bg-inner { background-image: url( '../img/top/l-main_visual-scene_04-slide-item_03-bg_sp.webp' ); }
}



.l-main_visual-scene-slide-item-fg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-main_visual-scene-slide-item-fg picture {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    opacity: 1;
}
.scene_04 .item_01 .l-main_visual-scene-slide-item-fg picture {
    top: calc( calc( 100% - min( calc( 178 * 100vw / var( --dw ) ), 178px ) ) / 2 );
    left: calc( calc( 100% - min( calc( 570.5 * 100vw / var( --dw ) ), 570.5px ) ) / 2 );
    width: min( calc( 570.5 * 100vw / var( --dw ) ), 570.5px ); /* height: 178px at width 1388px */
    opacity: 0;
    transition: opacity 1s;
}
.scene_04 .item_01 .l-main_visual-scene-slide-item-fg.is_active picture {
    opacity: 1;
}
.scene_04 .item_03 .l-main_visual-scene-slide-item-fg picture {
    top: min( calc( 149.32 * 100vw / var( --dw ) ), 149.32px );
    left: calc( 963.5 * 100vw / var( --dw ) );
        left: min( calc( 963.5 * 100vw / var( --dw ) ), calc( 963.5 * var( --maxw ) / var( --dw ) * 1px ) );
    width: min( calc( 383.5 * 100vw / var( --dw ) ), 383.5px ); /* height: 115px at width 1388px */
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-slide-item-fg {
    }
    .l-main_visual-scene-slide-item-fg picture {
    }
    .scene_04 .item_01 .l-main_visual-scene-slide-item-fg picture {
        /* top: calc( 495 * 100vw / var( --dw ) ); */
        top: calc( 270 * 100vw / var( --dw ) );
        left: calc( 91 * 100vw / var( --dw ) );
        width: calc( 568 * 100vw / var( --dw ) );
    }
    .scene_04 .item_03 .l-main_visual-scene-slide-item-fg picture {
        top: min( calc( 495 * 100vw / var( --dw ) ), 495px );
        left: calc( calc( 100% - calc( 487 * 100vw / var( --dw ) ) ) / 2 );
        width: calc( 487 * 100vw / var( --dw ) );
    }
}



.l-main_visual-scene-slide-item-fg-figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0 0.8em;
    color: #fff;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 1.8;
    background-color: rgba( 0, 0, 0, 0.6 );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-slide-item-fg-figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



:root {
    --arrow_size: min( calc( 40 * 100vw / var( --dw ) ), 40px );
}
.l-main_visual-scene-arrow {
    position: absolute;
    top: calc( 50% - calc( var( --arrow_size ) / 2 ) );
    left: 0;
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: var( --arrow_size );
    margin: 0;
    padding: 0;
}
.is_active .l-main_visual-scene-arrow {
    display: flex;
}
.l-main_visual-scene-arrow-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var( --arrow_size );
    aspect-ratio: 1 / 1;
    margin: 0;
    padding: 0;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s;
}
.l-main_visual-scene-arrow-button:hover {
    opacity: 0.8;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
}
.l-main_visual-scene-arrow-button.button_prev {
    margin-left: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    transform: rotate( -135deg );
}
.l-main_visual-scene-arrow-button.button_next {
    margin-right: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    transform: rotate( 45deg );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    :root {
        --arrow_size: calc( 50 * 100vw / var( --dw ) );
    }
    .l-main_visual-scene-arrow {
    }
    .is_active .l-main_visual-scene-arrow {
    }
    .l-main_visual-scene-arrow-button {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .l-main_visual-scene-arrow-button:hover {
    }
    .l-main_visual-scene-arrow-button.button_prev {
    }
    .l-main_visual-scene-arrow-button.button_next {
    }
}



:root {
    --dot_size: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    --dot_gap: min( calc( 10 * 100vw / var( --dw ) ), 10px );
    --dot_mb: min( calc( 15 * 100vw / var( --dw ) ), 15px );
}
.l-main_visual-scene-slide-dot_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none !important;
    justify-content: center;
    align-items: center;
    gap: 0 var( --dot_gap );
    width: 100%;
    height: var( --dot_size );
    margin: 0 0 var( --dot_mb );
    padding: 0;
}
.is_active .l-main_visual-scene-slide-dot_wrap {
    display: flex !important;
}
.l-main_visual-scene-slide-dot_wrap li {
    width: var( --dot_size );
    aspect-ratio: 1 / 1;
    margin: 0;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.l-main_visual-scene-slide-dot_wrap li:hover,
.l-main_visual-scene-slide-dot_wrap li.slick-active {
    background: #333;
}
.l-main_visual-scene-slide-dot_wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    :root {
        --dot_size: calc( 40 * 100vw / var( --dw ) );
        --dot_gap: calc( 20 * 100vw / var( --dw ) );
        --dot_mb: calc( 50 * 100vw / var( --dw ) );
    }
    .l-main_visual-scene-slide-dot_wrap {
    }
    .is_active .l-main_visual-scene-slide-dot_wrap {
    }
    .l-main_visual-scene-slide-dot_wrap li {
    }
    .l-main_visual-scene-slide-dot_wrap li:hover,
    .l-main_visual-scene-slide-dot_wrap li.slick-active {
    }
    .l-main_visual-scene-slide-dot_wrap li button {
    }
}





































/*
.l-main_visual_spacer {
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual_spacer {
        height: auto;
        aspect-ratio: 750 / 1200;
    }
}
*/
.l-main_visual_spacer {
    display: none;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual_spacer {
    }
}









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

merit box

============================== */
.l-merit_box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: min( calc( 25 * 100vw / var( --dw ) ), 25px ) 0;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 19 * 100vw / var( --dw ) ), 19px ) 0;
    background-color: #F6F5EF;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-merit_box {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        max-width: none;
        padding: calc( 43 * 100vw / var( --dw ) ) calc( 50 * 100vw / var( --dw ) );
        margin: 0;
    }
}



.l-merit_box-item-separator {
    position: relative;
    width: 1px;
    margin: 0 min( calc( 25 * 100vw / var( --dw ) ), calc( 25 * var( --maxw_px ) / var( --dw ) ) );
    padding: 0;
    /*
    background-color: #887658;
    */
    /*
    background: linear-gradient( to bottom, rgba( 136, 118, 88, 0 ) 0%, rgba( 136, 118, 88, 1 ) 22%, rgba( 136, 118, 88, 1 ) 80%, rgba( 136, 118, 88, 0 ) 100% );
    */
    background: linear-gradient( to bottom, rgba( 136, 118, 88, 0 ) 0%, rgba( 136, 118, 88, 0.8 ) 22%, rgba( 136, 118, 88, 0.8 ) 80%, rgba( 136, 118, 88, 0 ) 100% );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-merit_box-item-separator {
        width: 100%;
        height: 1px;
        margin: calc( 43 * 100vw / var( --dw ) ) 0;
        /*
        background: linear-gradient( to right, rgba( 136, 118, 88, 0 ) 0%, rgba( 136, 118, 88, 1 ) 22%, rgba( 136, 118, 88, 1 ) 80%, rgba( 136, 118, 88, 0 ) 100% );
        */
        background: linear-gradient( to right, rgba( 136, 118, 88, 0 ) 0%, rgba( 136, 118, 88, 0.8 ) 22%, rgba( 136, 118, 88, 0.8 ) 80%, rgba( 136, 118, 88, 0 ) 100% );
    }
}




.l-merit_box-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.l-merit_box-item.item_zehm {
    width: 100%;
}
.l-merit_box-item > picture {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-merit_box-item > picture img {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.l-merit_box-item.item_station > picture {
    width: min( calc( 212 * 100vw / var( --dw ) ), 212px );
}
.l-merit_box-item.item_plan > picture {
    width: min( calc( 320 * 100vw / var( --dw ) ), 320px );
}
.l-merit_box-item.item_view > picture {
    width: min( calc( 234 * 100vw / var( --dw ) ), 234px );
}
.l-merit_box-item.item_corner > picture {
    width: min( calc( 255 * 100vw / var( --dw ) ), 255px );
}
.l-merit_box-item.item_zehm > picture {
    width: min( calc( 747 * 100vw / var( --dw ) ), 747px );
    padding-bottom: min( calc( 12 * 100vw / var( --dw ) ), 12px );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-merit_box-item {
        width: 100%;
    }
    .l-merit_box-item.item_station > picture {
        width: 100%;
    }
    .l-merit_box-item.item_plan > picture {
        width: 100%;
    }
    .l-merit_box-item.item_view > picture {
        width: 100%;
    }
    .l-merit_box-item.item_corner > picture {
        width: 100%;
    }
    .l-merit_box-item.item_zehm > picture {
        width: 100%;
        padding-bottom: 0;
    }
}



/*
.l-merit_box-item-text {
    position: relative;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: min( calc( 18 * 100vw / var( --dw ) ), calc( 18 * var( --maxw_px ) / var( --dw ) ) );
    letter-spacing: 0;
    line-height: 1.483;
    text-align: center;
}
.l-merit_box-item-text--ver2 {
    letter-spacing: 0.2em;
}
.l-merit_box-item-text--s {
    font-size: min( calc( 12 * 100vw / var( --dw ) ), calc( 12 * var( --maxw_px ) / var( --dw ) ) );
    line-height: 1.5;
}
.l-merit_box-item-text--l {
    font-size: min( calc( 22 * 100vw / var( --dw ) ), calc( 22 * var( --maxw_px ) / var( --dw ) ) );
    line-height: 1.545;
    letter-spacing: 0.2em;
}
.l-merit_box-item-text--xl {
    color: #AA8E59;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: min( calc( 40 * 100vw / var( --dw ) ), calc( 40 * var( --maxw_px ) / var( --dw ) ) );
    line-height: 1.062;
}
.l-merit_box-item-text--xxl {
    color: #AA8E59;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: min( calc( 54 * 100vw / var( --dw ) ), calc( 54 * var( --maxw_px ) / var( --dw ) ) );
    line-height: 0.787;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-merit_box-item-text {
        font-size: calc( 39.2 * 100vw / var( --dw ) );
    }
    .l-merit_box-item-text--ver2 {
    }
    .l-merit_box-item-text--s {
        font-size: calc( 26.14 * 100vw / var( --dw ) );
    }
    .l-merit_box-item-text--l {
        font-size: calc( 40 * 100vw / var( --dw ) );
    }
    .l-merit_box-item-text--xl {
        font-size: calc( 72 * 100vw / var( --dw ) );
    }
    .l-merit_box-item-text--xxl {
        font-size: calc( 117.61 * 100vw / var( --dw ) );
    }
}
*/










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

行動提起

============================== */
.l-cta_top {
    position: relative;
    width: 100%;
    /*
    margin: min( calc( 88 * 100vw / var( --dw ) ), calc( 88 * var( --maxw_px ) / var( --dw ) ) ) 0 min( calc( 85 * 100vw / var( --dw ) ), calc( 85 * var( --maxw_px ) / var( --dw ) ) );
    */
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 88 * 100vw / var( --dw ) ), 88px ) 0 min( calc( 85 * 100vw / var( --dw ) ), 85px );
    background-color: #fff;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-cta_top {
        max-width: none;
        margin: 0;
        padding: calc( 80 * 100vw / var( --dw ) ) 0;
    }
}



.l-cta_top-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    width: min( calc( 1065 * 100vw / var( --dw ) ), calc( 1065 * var( --maxw_px ) / var( --dw ) ) );
    margin: 0 auto min( calc( 30 * 100vw / var( --dw ) ), calc( 30 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 1065 * 100vw / var( --dw ) ), 1065px );
    margin: 0 auto min( calc( 30 * 100vw / var( --dw ) ), 30px );
    padding: 0;
    color: #333;
    /*
    font-size: min( calc( 29.7 * 100vw / var( --dw ) ), calc( 29.7 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 29.7 * 100vw / var( --dw ) ), 29.7px );
    letter-spacing: 0.165em;
    line-height: 1.659;
}
.l-cta_top-title::before, .l-cta_top-title::after {
    content: '';
    position: absolute;
    top: calc( 50% - 0.5px );
    /*
    width: min( calc( 315 * 100vw / var( --dw ) ), calc( 315 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 315 * 100vw / var( --dw ) ), 315px );
    height: 1px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.l-cta_top-title::before {
    left: 0;
    background-image: url( '../img/top/l-cta_top-title_line--left_pc.webp' );
    background-position: center left;
}
.l-cta_top-title::after {
    right: 0;
    background-image: url( '../img/top/l-cta_top-title_line--right_pc.webp' );
    background-position: center right;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-cta_top-title {
        width: 100%;
        margin: 0 auto calc( 54 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        letter-spacing: 0.125em;
    }
    .l-cta_top-title::before, .l-cta_top-title::after {
        width: calc( 113 * 100vw / var( --dw ) );
    }
    .l-cta_top-title::before {
        background-image: url( '../img/top/l-cta_top-title_line--left_sp.webp' );
    }
    .l-cta_top-title::after {
        background-image: url( '../img/top/l-cta_top-title_line--right_sp.webp' );
    }
}



.l-cta_top-text {
    position: relative;
    width: 100%;
    /*
    margin: 0 0 min( calc( 45 * 100vw / var( --dw ) ), calc( 45 * var( --maxw_px ) / var( --dw ) ) );
    */
    margin: 0 0 min( calc( 45 * 100vw / var( --dw ) ), 45px );
    padding: 0;
    color: #333;
    /*
    font-size: min( calc( 16 * 100vw / var( --dw ) ), calc( 16 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0.312em;
    line-height: 1.412;
    text-align: center;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-cta_top-text {
        margin: 0 0 calc( 68 * 100vw / var( --dw ) );
        padding: 0 calc( 50 * 100vw / var( --dw ) );
        font-size: calc( 28 * 100vw / var( --dw ) );
    }
}



.l-cta_top-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-cta_top-button > a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    width: min( calc( 380 * 100vw / var( --dw ) ), calc( 380 * var( --maxw_px ) / var( --dw ) ) );
    height: min( calc( 71 * 100vw / var( --dw ) ), calc( 71 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 380 * 100vw / var( --dw ) ), 380px );
    height: min( calc( 71 * 100vw / var( --dw ) ), 71px );
    margin: 0;
    padding: 0;
    color: #fff;
    /*
    font-size: min( calc( 17.8 * 100vw / var( --dw ) ), calc( 17.8 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 17.8 * 100vw / var( --dw ) ), 17.8px );
    letter-spacing: 0.1em;
    line-height: 1;
    background-color: #AA8E59;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-cta_top-button {
    }
    .l-cta_top-button > a {
        width: calc( 670 * 100vw / var( --dw ) );
        height: calc( 120 * 100vw / var( --dw ) );
        font-size: calc( 28 * 100vw / var( --dw ) );
    }
}










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

information

============================== */
.l-information {
    position: relative;
    width: 100%;
    /*
    margin: 0;
    padding: min( calc( 80 * 100vw / var( --dw ) ), calc( 80 * var( --maxw_px ) / var( --dw ) ) ) 0 min( calc( 120 * 100vw / var( --dw ) ), calc( 120 * var( --maxw_px ) / var( --dw ) ) );
    */
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 80 * 100vw / var( --dw ) ), 80px ) 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
    background-image: url( '../img/top/l-information_pc.webp' );
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-information {
        max-width: none;
        padding: calc( 106 * 100vw / var( --dw ) ) calc( 50 * 100vw / var( --dw ) ) calc( 148 * 100vw / var( --dw ) );
        background-image: url( '../img/top/l-information_sp.webp' );
    }
}



.l-information-title {
    position: relative;
    /*
    width: min( calc( 149 * 100vw / var( --dw ) ), calc( 149 * var( --maxw_px ) / var( --dw ) ) );
    margin: 0 auto min( calc( 45 * 100vw / var( --dw ) ), calc( 45 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 149 * 100vw / var( --dw ) ), 149px );
    margin: 0 auto min( calc( 45 * 100vw / var( --dw ) ), 45px );
    padding: 0;
}
.l-information-title picture {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-information-title {
        width: calc( 263 * 100vw / var( --dw ) );
        margin: 0 auto calc( 112 * 100vw / var( --dw ) );
    }
    .l-information-title picture {
    }
}



.l-information-content {
    position: relative;
    width: min( calc( 888 * 100vw / var( --dw ) ), 888px );
    margin: 0 auto;
    padding: 0;
    padding: 0 10%; /* 最初は記事が少ないので暫定で幅を狭めている */
    color: #fff;
    /*
    font-size: min( calc( 16 * 100vw / var( --dw ) ), calc( 16 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0.05em;
    line-height: 1.5;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-information-content {
        width: 100%;
        padding: 0;
        font-size: calc( 28 * 100vw / var( --dw ) );
    }
}










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

lead

============================== */
.l-lead {
    position: relative;
    /*
    width: 100%;
    margin: 0;
    padding: min( calc( 193 * 100vw / var( --dw ) ), calc( 193 * var( --maxw_px ) / var( --dw ) ) ) 0 min( calc( 114 * 100vw / var( --dw ) ), calc( 114 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 193 * 100vw / var( --dw ) ), 193px ) 0 min( calc( 114 * 100vw / var( --dw ) ), 114px );
    font-size: 0;
    background-color: #fff;
}
.l-lead::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    /*
    width: calc( 1026 * 100vw / var( --dw ) );
    height: min( calc( 582 * 100vw / var( --dw ) ), calc( 582 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 1026 * 100vw / var( --dw ) ), calc( 1026 * var( --maxw_px ) / var( --dw ) ) );
    height: min( calc( 582 * 100vw / var( --dw ) ), 582px );
    background-image: url( '../img/top/l-lead.webp' );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-lead {
        max-width: none;
        margin: 0;
        padding: calc( 166.04 * 100vw / var( --dw ) ) 0 calc( 120.64 * 100vw / var( --dw ) );
    }
    .l-lead::before {
        width: calc( 631 * 100vw / var( --dw ) );
        height: calc( 778.96 * 100vw / var( --dw ) );
    }
}



.l-lead-title {
    position: relative;
    /*
    width: min( calc( 547 * 100vw / var( --dw ) ), calc( 547 * var( --maxw_px ) / var( --dw ) ) );
    margin: 0 auto min( calc( 16.35 * 100vw / var( --dw ) ), calc( 16.35 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 547 * 100vw / var( --dw ) ), 547px );
    margin: 0 auto min( calc( 16.35 * 100vw / var( --dw ) ), 16.35px );
    padding: 0;
}
.l-lead-title picture {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-lead-title picture img {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-lead-title {
        width: calc( 703 * 100vw / var( --dw ) );
        margin: 0 auto calc( 41.38 * 100vw / var( --dw ) );
    }
    .l-lead-title picture {
    }
}



.l-lead-content {
    position: relative;
    /*
    width: min( calc( 135 * 100vw / var( --dw ) ), calc( 135 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 135 * 100vw / var( --dw ) ), 135px );
    margin: 0 auto;
    padding: 0;
}
.l-lead-content picture {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-lead-content picture img {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-lead-content {
        width: calc( 234 * 100vw / var( --dw ) );
    }
    .l-lead-content picture {
    }
}










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

page_navi

============================== */
.l-page_navi {
    position: relative;
    width: 100%;
    /*
    margin: 0;
    */
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi {
        max-width: none;
        margin: 0;
    }
}



.l-page_navi-image {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-page_navi-image > figure {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-page_navi-image > figure > figcaption {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.l-page_navi-image > figure > picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-page_navi-image > figure > picture img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    object-position: bottom center;
    object-fit: cover;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-image {
        height: auto;
        aspect-ratio: 750 / 1200;
    }
    .l-page_navi-image > figure {
    }
    .l-page_navi-image > figure > figcaption {
        display: inline-block;
        width: auto;
        margin: 0;
        padding: 0 0.8em;
        color: #fff;
        /*
        font-size: min( calc( 14 * 100vw / var( --dw ) ), calc( 14 * var( --maxw_px ) / var( --dw ) ) );
        */
        font-size: calc( 24 * 100vw / var( --dw ) );
        letter-spacing: 0;
        line-height: 1.8;
        background-color: rgba( 0, 0, 0, 0.6 );
        text-align: right;
    }
    .navi_location .l-page_navi-image > figure > figcaption, 
    .navi_design .l-page_navi-image > figure > figcaption, 
    .navi_plan .l-page_navi-image > figure > figcaption {
        color: #333;
        background-color: transparent;
    }
    .l-page_navi-image > figure > picture {
    }
    .l-page_navi-image > figure > picture img {
    }
}



.l-page_navi-content {
    position: relative;
    display: flex;
    justify-content: center;
    /*
    align-items: center;
    */
    align-items: flex-end;
    width: 100%;
    /*
    height: 100vh;
    */
    height: min( calc( 600 * 100vw / var( --dw ) ), 600px );
    margin: 0;
    padding: 0;
}
.l-page_navi-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*
    height: 100vh;
    */
    height: 100%;
    margin: 0;
    padding: 0;
    /*
    backdrop-filter: blur( min( calc( 15 * 100vw / var( --dw ) ), calc( 15 * var( --maxw_px ) / var( --dw ) ) ) );
    */
    backdrop-filter: blur( min( calc( 15 * 100vw / var( --dw ) ), 15px ) );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-content {
        height: calc( 963 * 100vw / var( --dw ) );
        padding-bottom: calc( 153 * 100vw / var( --dw ) );
    }
    .l-page_navi-content::before {
        backdrop-filter: blur( calc( 15 * 100vw / var( --dw ) ) );
    }
}



.l-page_navi-content-title_bg {
    position: absolute;
    /*
    top: calc( min( calc( 190 * 100vw / var( --dw ) ), calc( 190 * var( --maxw_px ) / var( --dw ) ) ) * -1 );
    left: 0;
    width: 100%;
    height: min( calc( 190 * 100vw / var( --dw ) ), calc( 190 * var( --maxw_px ) / var( --dw ) ) );
    */
    top: calc( min( calc( 190 * 100vw / var( --dw ) ), 190px ) * -1 );
    left: 0;
    width: 100%;
    height: min( calc( 190 * 100vw / var( --dw ) ), 190px );
    margin: 0;
    padding: 0;
    background: linear-gradient( to top, rgba( 7, 7, 7, 0.5 ), rgba( 0, 0, 0, 0 ) );
    z-index: 0;
}
.l-page_navi-content-title_bg-figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 0.8em;
    color: #fff;
    /*
    font-size: min( calc( 14 * 100vw / var( --dw ) ), calc( 14 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 1.8;
    background-color: rgba( 0, 0, 0, 0.6 );
    text-align: right;
    z-index: 1;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-content-title_bg {
        top: calc( -190 * 100vw / var( --dw ) );
        height: calc( 190 * 100vw / var( --dw ) );
    }
    .l-page_navi-content-title_bg-figcaption {
        display: none;
    }
}



.l-page_navi-content-title {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.l-page_navi-content-title > picture {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-content-title {
    }
    .l-page_navi-content-title > picture {
    }
}



.l-page_navi-content-line {
    position: absolute;
    /*
    top: min( calc( 90 * 100vw / var( --dw ) ), calc( 90 * var( --maxw_px ) / var( --dw ) ) );
    left: calc( 50% - calc( min( calc( 1 * 100vw / var( --dw ) ), calc( 1 * var( --maxw_px ) / var( --dw ) ) ) / 2 ) );
    */
    top: min( calc( 90 * 100vw / var( --dw ) ), 90px );
    left: calc( 50% - calc( min( calc( 1 * 100vw / var( --dw ) ), 1px ) / 2 ) );
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /*
    width: min( calc( 1 * 100vw / var( --dw ) ), calc( 1 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 1 * 100vw / var( --dw ) ), 1px );
    margin: 0;
    padding: 0;
}
.l-page_navi-content-line > picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-content-line {
        top: calc( 90 * 100vw / var( --dw ) );
        left: calc( 50% - calc( calc( 1 * 100vw / var( --dw ) ) / 2 ) );
        width: calc( 1 * 100vw / var( --dw ) );
    }
    .l-page_navi-content-line > picture {
    }
}



.l-page_navi-content-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: calc( 214 * 100vw / var( --dw ) );
    padding-right: calc( 214 * 100vw / var( --dw ) );
    */
    width: 100%;
    max-width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    height: min( calc( 220 * 100vw / var( --dw ) ), 220px );
    margin: 0 auto min( calc( 150 * 100vw / var( --dw ) ), 150px );
    padding: 0 min( calc( 150 * 100vw / var( --dw ) ), 150px ) 0 min( calc( 94 * 100vw / var( --dw ) ), 94px );
    z-index: 1;
}
.l-page_navi-content-content-text {
    position: relative;
    margin: 0;
    padding: 0;
    color: #fff;
    /*
    font-size: min( calc( 36 * 100vw / var( --dw ) ), calc( 36 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 36 * 100vw / var( --dw ) ), 36px );
    letter-spacing: 0.1em;
    line-height: 2;
}
.l-page_navi-content-content-text--ver2 {
    color: #333;
}
.l-page_navi-content-content-text--s {
    /*
    font-size: min( calc( 18 * 100vw / var( --dw ) ), calc( 18 * var( --maxw_px ) / var( --dw ) ) );
    */
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
}
.l-page_navi-content-content-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    width: min( calc( 256 * 100vw / var( --dw ) ), calc( 256 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 256 * 100vw / var( --dw ) ), 256px );
    aspect-ratio: 256 / 62;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
}
.l-page_navi-content-content-link::before {
    content: '';
    position: absolute;
    /*
    top: calc( 50% - calc( min( calc( 7 * 100vw / var( --dw ) ), calc( 7 * var( --maxw_px ) / var( --dw ) ) ) ) / 2 );
    right: calc( min( calc( 117 * 100vw / var( --dw ) ), calc( 117 * var( --maxw_px ) / var( --dw ) ) ) / 2 * -1 );
    */
    top: calc( 50% - calc( min( calc( 7 * 100vw / var( --dw ) ), 7px ) ) / 2 );
    right: calc( min( calc( 117 * 100vw / var( --dw ) ), 117px ) / 2 * -1 );
    display: block;
    /*
    width: min( calc( 117 * 100vw / var( --dw ) ), calc( 117 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 117 * 100vw / var( --dw ) ), 117px );
    aspect-ratio: 117 / 7;
    margin: 0;
    padding: 0;
    background-image: url( '../img/top/l-page_navi-content-content-link__arrow_pc.webp' );
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s;
    transform: translateX( 0 );
}
.l-page_navi-content-content-link:hover::before {
    /*
    transform: translateX( min( calc( 25 * 100vw / var( --dw ) ), calc( 25 * var( --maxw_px ) / var( --dw ) ) ) );
    */
    transform: translateX( min( calc( 25 * 100vw / var( --dw ) ), 25px ) );
}
.l-page_navi-content-content-link--ver2 {
    color: #333;
    border: 1px solid #333;
}
.l-page_navi-content-content-link--ver2::before {
    background-image: url( '../img/top/l-page_navi-content-content-link__arrow--ver2_pc.webp' );
}
.l-page_navi-content-content-link > picture {
    position: relative;
    /*
    width: min( calc( 98 * 100vw / var( --dw ) ), calc( 98 * var( --maxw_px ) / var( --dw ) ) );
    */
    width: min( calc( 98 * 100vw / var( --dw ) ), 98px );
    margin: 0;
    padding: 0;
}
.l-page_navi-content-content-link > picture img {
    width: 100%;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_navi-content-content {
        flex-direction: column;
        /*
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc( 142 * 100vw / var( --dw ) ) 0;
        */
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
        max-width: none;
        height: calc( 460 * 100vw / var( --dw ) );
        margin: 0;
        padding-left: calc( 62.5 * 100vw / var( --dw ) );
        padding-right: calc( 62.5 * 100vw / var( --dw ) );
    }
    .l-page_navi-content-content-text {
        font-size: calc( 52 * 100vw / var( --dw ) );
        line-height: 1.8;
    }
    .l-page_navi-content-content-text--ver2 {
    }
    .l-page_navi-content-content-text--s {
        font-size: calc( 20 * 100vw / var( --dw ) );
        font-feature-settings: "palt";
        letter-spacing: 0;
    }
    .l-page_navi-content-content-link {
        width: calc( 463 * 100vw / var( --dw ) );
        aspect-ratio: 463 / 112;
    }
    .l-page_navi-content-content-link::before {
        top: calc( 50% - calc( calc( 13 * 100vw / var( --dw ) ) / 2 ) );
        right: calc( calc( 212 * 100vw / var( --dw ) ) / 2 * -1 );
        width: calc( 212 * 100vw / var( --dw ) );
        aspect-ratio: 212 / 13;
        background-image: url( '../img/top/l-page_navi-content-content-link__arrow_sp.webp' );
    }
    .l-page_navi-content-content-link:hover::before {
        transform: translateX( calc( 25 * 100vw / var( --dw ) ) );
    }
    .l-page_navi-content-content-link--ver2 {
    }
    .l-page_navi-content-content-link--ver2::before {
        background-image: url( '../img/top/l-page_navi-content-content-link__arrow--ver2_sp.webp' );
    }
    .l-page_navi-content-content-link > picture {
        width: calc( 177 * 100vw / var( --dw ) );
    }
    .l-page_navi-content-content-link > picture img {
    }
}



/*
.navi_location .l-page_navi-content { background-color: rgba( 88, 80, 59, 0.9 ); }
.navi_location .l-page_navi-content-title { top: max( calc( -33.5 * 100vw / var( --dw ) ), calc( -33.5 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_location .l-page_navi-content-title > picture { width: min( calc( 607.5 * 100vw / var( --dw ) ), calc( 607.5 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_design .l-page_navi-content { background-color: rgba( 68, 89, 77, 0.9 ); }
.navi_design .l-page_navi-content-title { top: max( calc( -32.75 * 100vw / var( --dw ) ), calc( -32.75 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_design .l-page_navi-content-title > picture { width: min( calc( 419 * 100vw / var( --dw ) ), calc( 419 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_plan .l-page_navi-content { background-color: rgba( 238, 235, 229, 0.9 ); }
.navi_plan .l-page_navi-content-title { top: max( calc( -32.75 * 100vw / var( --dw ) ), calc( -32.75 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_plan .l-page_navi-content-title > picture { width: min( calc( 290 * 100vw / var( --dw ) ), calc( 290 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_access .l-page_navi-content { background-color: rgba( 51, 51, 51, 0.9 ); }
.navi_access .l-page_navi-content-title { top: max( calc( -32.5 * 100vw / var( --dw ) ), calc( -32.5 * var( --maxw_px ) / var( --dw ) ) ); }
.navi_access .l-page_navi-content-title > picture { width: min( calc( 428 * 100vw / var( --dw ) ), calc( 428 * var( --maxw_px ) / var( --dw ) ) ); }
*/
.navi_location .l-page_navi-content { background-color: rgba( 88, 80, 59, 0.9 ); }
.navi_design .l-page_navi-content { background-color: rgba( 68, 89, 77, 0.9 ); }
.navi_plan .l-page_navi-content { background-color: rgba( 238, 235, 229, 0.9 ); }
.navi_access .l-page_navi-content { background-color: rgba( 51, 51, 51, 0.9 ); }
.navi_location .l-page_navi-content-title { top: max( calc( -33.5 * 100vw / var( --dw ) ), -33.5px ); }
.navi_design .l-page_navi-content-title { top: max( calc( -32.75 * 100vw / var( --dw ) ), -32.75px ); }
.navi_plan .l-page_navi-content-title { top: max( calc( -32.75 * 100vw / var( --dw ) ), -32.75px ); }
.navi_access .l-page_navi-content-title { top: max( calc( -32.5 * 100vw / var( --dw ) ), -32.5px ); }
.navi_location .l-page_navi-content-title > picture { width: min( calc( 607.5 * 100vw / var( --dw ) ), 607.5px ); }
.navi_design .l-page_navi-content-title > picture { width: min( calc( 419 * 100vw / var( --dw ) ), 419px ); }
.navi_plan .l-page_navi-content-title > picture { width: min( calc( 290 * 100vw / var( --dw ) ), 290px ); }
.navi_access .l-page_navi-content-title > picture { width: min( calc( 428 * 100vw / var( --dw ) ), 428px ); }
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .navi_location .l-page_navi-content-title > picture { width: calc( 645 * 100vw / var( --dw ) ); }
    .navi_design .l-page_navi-content-title > picture { width: calc( 503 * 100vw / var( --dw ) ); }
    .navi_plan .l-page_navi-content-title > picture { width: calc( 348 * 100vw / var( --dw ) ); }
    .navi_access .l-page_navi-content-title > picture { width: calc( 514 * 100vw / var( --dw ) ); }
}