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





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

main_visual

============================== */
.lower_page .main_visual .main_visual-fg__title {
    /* w 410 h 181 */
    top: calc( 50% - 90.5px );
    width: 410px;
    height: 181px;
}
@media screen and ( max-width: 768px ){
    .lower_page .main_visual .main_visual-fg__title {
        /* w 208 h 88 */
        top: calc( 50% - calc( 44 * 100vw / var( --dw ) ) );
        width: calc( 208 * 100vw / var( --dw ) );
        height: calc( 88 * 100vw / var( --dw ) );
    }
}





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

prime_position

============================== */
.prime_position {
    color: #fff;
    background-color: #000;
}
@media screen and ( max-width: 768px ){
}



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



.prime_position-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
}
.prime_position-title picture {
    position: relative;
    display: block;
    width: min( calc( 244 * 100vw / var( --dw ) ), 244px );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .prime_position-title {
        margin: 0 0 calc( 45 * 100vw / var( --dw ) );
    }
    .prime_position-title picture {
    }
}



.prime_position-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 80 * 100vw / var( --dw ) ), 80px );
    padding: 0;
    text-align: center;
}
.prime_position-lead.fs_xxl {
    line-height: 2;
}
@media screen and ( max-width: 768px ){
    .prime_position-lead {
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
    }
    .prime_position-lead {
    }
}



.prime_position-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
    padding: 0;
    text-align: center;
}
.prime_position-text.fs-xl {
    line-height: 3;
}
@media screen and ( max-width: 768px ){
    .prime_position-text {
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
    .prime_position-text.fs-xl {
    }
}



.prime_position-image {
    position: relative;
    width: 100%;
    max-width: min( calc( 800 * 100vw / var( --dw ) ), 800px );
    margin: 0 auto;
    padding: 0 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
}
.l-content-section .prime_position-image figure figcaption {
    top: 100%;
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .prime_position-image {
        max-width: none;
        padding: 0 0 calc( 80 * 100vw / var( --dw ) );
    }
    .prime_position-image figure,
    .prime_position-image picture {
        width: 100%;
        aspect-ratio: 680 / 712;
    }
    .prime_position-image picture {
        object-fit: cover;
    }
    .prime_position-image img {
    }
    .l-content-section .prime_position-image figure figcaption {
    }
}





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

station_area

============================== */
.station_area {
    color: #333;
}
@media screen and ( max-width: 768px ){
}



.station_area .l-content-section-inner {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: min( calc( 120 * 100vw / var( --dw ) ), 120px );
    background-image: url( '../img/location/station_area-bg_pc.webp' );
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and ( max-width: 768px ){
    .station_area .l-content-section-inner {
        /*
        padding-left: min( 5.333vw, 24px );
        padding-right: min( 5.333vw, 24px );
        */
        padding-bottom: calc( 60 * 100vw / var( --dw ) );
        background-image: url( '../img/location/station_area-bg_sp.webp' );
    }
}



.station_area-head {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-content-section .station_area-head figure figcaption {
    top: 0;
    bottom: auto;
}
@media screen and ( max-width: 768px ){
    .station_area-head {
    }
    .l-content-section .station_area-head figure figcaption {
    }
}



.station_area-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
}
.station_area-title picture {
    position: relative;
    display: block;
    width: min( calc( 308 * 100vw / var( --dw ) ), 308px );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .station_area-title {
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
    }
    .station_area-title picture {
        width: min( calc( 206 * 100vw / var( --dw ) ), 206px );
    }
}



.station_area-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
    text-align: center;
}
.station_area-lead {
    line-height: 1.33;
}
@media screen and ( max-width: 768px ){
    .station_area-lead {
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
    }
    .station_area-lead {
    }
}



.station_area-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), 30px );
    padding: 0;
    text-align: center;
}
.station_area-text.fs-xl {
    line-height: 2;
}
@media screen and ( max-width: 768px ){
    .station_area-text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .station_area-text.fs-xl {
    }
}



.station_area-logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 min( calc( 30 * 100vw / var( --dw ) ), 30px );
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
}
.station_area-logo-item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.station_area-logo-item.item_plico { width: min( calc( 235.5 * 100vw / var( --dw ) ), 235.5px ); }
.station_area-logo-item.item_vierra { width: min( calc( 236.5 * 100vw / var( --dw ) ), 236.5px ); }
.station_area-logo-item.item_duokobe { width: min( calc( 236.5 * 100vw / var( --dw ) ), 236.5px ); }
@media screen and ( max-width: 768px ){
    .station_area-logo {
        gap: 0 calc( 8 * 100vw / var( --dw ) );
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
        padding: 0;
    }
    .station_area-logo-item {
    }
    .station_area-logo-item.item_plico { width: calc( 113 * 100vw / var( --dw ) ); }
    .station_area-logo-item.item_vierra { width: calc( 113 * 100vw / var( --dw ) ); }
    .station_area-logo-item.item_duokobe { width: calc( 113 * 100vw / var( --dw ) ); }
}



.station_area-image {
    position: relative;
    width: 100%;
    max-width: min( calc( 910.5 * 100vw / var( --dw ) ), 910.5px );
    margin: 0 auto;
    padding: 0 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
    mix-blend-mode: multiply;
}
.l-content-section .station_area-image figure figcaption {
    top: 100%;
}
.station_area-image-caption {
    position: relative;
    display: none;
}
@media screen and ( max-width: 768px ){
    .station_area-image {
        max-width: none;
        padding: 0 min(5.333vw, 24px) calc( 40 * 100vw / var( --dw ) );
    }
    .station_area-image.spObj figure {
        width: 532px;
        height: 278px;
        margin: 0 auto;
    }
    .station_area-image.spObj picture {
        width: 100%;
        height: 100%;
    }
    .l-content-section .station_area-image figure figcaption {
        display: none;
    }
    .station_area-image-caption {
        display: block;
        width: 100%;
        margin: calc( 5 * 100vw / var( --dw ) ) 0 0;
        padding: 0 1em;
        text-align: right;
    }
}



.station_area-content {
    --fs-badge-s: 12px;
    --fs-badge-m: min( calc( 19 * 100vw / var( --dw ) ), 16px );
    --fs-badge-l: min( calc( 32 * 100vw / var( --dw ) ), 28px );
    --fs-badge-l: min( calc( 48 * 100vw / var( --dw ) ), 42px );
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: min( calc( 80 * 100vw / var( --dw ) ), 80px ) 0;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto;
    padding: 0;
}
.station_area-content .fs-badge-m {
    font-size: var( --fs-badge-m );
    line-height: 1.2;
}
.station_area-content .fs-badge-l {
    color: #fff0ac;
    font-size: var( --fs-badge-l );
    line-height: 1.2;
}
.station_area-content .fs-badge-s {
    font-size: var( --fs-badge-s );
    line-height: 1.2;
}
@media screen and ( max-width: 768px ){
    .station_area-content {
        --fs-badge-s: 10px;
        --fs-badge-m: calc( 15 * 100vw / var( --dw ) );
        --fs-badge-l: calc( 28 * 100vw / var( --dw ) );
        --fs-badge-l: calc( 42 * 100vw / var( --dw ) );
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        gap: calc( 40 * 100vw / var( --dw ) ) 0;
        width: 100%;
        margin: 0 auto;
        padding: 0 min( 5.333vw, 24px );
    }
    .station_area-content .fs-badge-m {
    }
    .station_area-content .fs-badge-l {
    }
    .station_area-content .fs-badge-s {
    }
}



.station_area-content-item {
    position: relative;
    width: min( calc( 578 * 100vw / var( --dw ) ), 578px );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .station_area-content-item {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}



.station_area-content-item__badge {
    position: absolute;
    top: calc( min( calc( 132 * 100vw / var( --dw ) ), 132px ) * 0.4 * -1 );
    right: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: min( calc( 132 * 100vw / var( --dw ) ), 132px );
    height: min( calc( 132 * 100vw / var( --dw ) ), 132px );
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
    border-radius: 50%;
    background-color: #0b478a;
    text-align: center;
    z-index: 1;
}
.station_area-content-item__badge::after {
    content: '';
    position: absolute;
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #fff;
}
@media screen and ( max-width: 768px ){
    .station_area-content-item__badge {
        position: absolute;
        top: calc( calc( 105 * 100vw / var( --dw ) ) * 0.3 * -1 );
        right: calc( -10 * 100vw / var( --dw ) );
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: calc( 105 * 100vw / var( --dw ) );
        height: calc( 105 * 100vw / var( --dw ) );
        margin: 0;
        padding: 0;
        color: #fff;
        line-height: 1;
        letter-spacing: 0.01em;
        border-radius: 50%;
        background-color: #0b478a;
        text-align: center;
        z-index: 1;
    }
    .station_area-content-item__badge::after {
        content: '';
        position: absolute;
        top: 2.5%;
        left: 2.5%;
        width: 95%;
        height: 95%;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        border: 1px solid #fff;
    }
}



.station_area-content-item__image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 10 * 100vw / var( --dw ) ), 10px );
    padding: 0;
    font-size: 0;
}
@media screen and ( max-width: 768px ){
    .station_area-content-item__image {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
}



.station_area-content-item__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), 20px );
    padding: 0 0 0 1em;
    border-bottom: 1px solid #bfbfbf;
}
.station_area-content-item__title::before {
    content: '';
    position: absolute;
    top: 15%;
    left: 0;
    width: 0.5em;
    height: 70%;
    margin: 0;
    padding: 0;
    background-color: #3b5868;
}
@media screen and ( max-width: 768px ){
    .station_area-content-item__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .station_area-content-item__title::before {
    }
}



.station_area-content-item__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), 20px );
    padding: 0;
}
.station_area-content-item__text.fs-m {
    line-height: 1.875;
}
.station_area-content-item__banner {
    position: relative;
    width: min( calc( 300 * 100vw / var( --dw ) ), 300px );
    height: min( calc( 60 * 100vw / var( --dw ) ), 60px );
    margin: 0 auto min( calc( 5 * 100vw / var( --dw ) ), 5px );
    padding: 0;
    background-color: #0f0f0f;
}
.station_area-content-item__banner a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}
.station_area-content-item__annotation {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .station_area-content-item__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .station_area-content-item__text.fs-m {
    }
    .station_area-content-item__banner {
        position: relative;
        width: 100%;
        height: calc( 60 * 100vw / var( --dw ) );
        margin: 0 auto calc( 5 * 100vw / var( --dw ) );
    }
    .station_area-content-item__banner a {
    }
    .station_area-content-item__annotation {
    }
}





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

okurayama_area
harborland_area

============================== */
.okurayama_area, 
.harborland_area {
}
.okurayama_area {
}
.harborland_area {
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .okurayama_area, 
    .harborland_area {
    }
    .okurayama_area {
    }
    .harborland_area {
    }
}



.okurayama_area .l-content-section-inner, 
.harborland_area .l-content-section-inner {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: min( calc( 190 * 100vw / var( --dw ) ), 190px );
}
.okurayama_area .l-content-section-inner {
    background-color: #e8ece0;
}
.harborland_area .l-content-section-inner {
    background-color: #3b5868;
}
@media screen and ( max-width: 768px ){
    .okurayama_area .l-content-section-inner, 
    .harborland_area .l-content-section-inner {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: calc( 95 * 100vw / var( --dw ) );
    }
    .okurayama_area .l-content-section-inner {
    }
    .harborland_area .l-content-section-inner {
    }
}



.okurayama_area-head, 
.harborland_area-head {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-content-section .okurayama_area-head figure figcaption, 
.l-content-section .harborland_area-head figure figcaption {
    top: 0;
    bottom: auto;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-head, 
    .harborland_area-head {
    }
    .l-content-section .okurayama_area-head figure figcaption, 
    .l-content-section .harborland_area-head figure figcaption {
    }
}



.okurayama_area-title, 
.harborland_area-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
}
.okurayama_area-title picture, 
.harborland_area-title picture {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
}
.okurayama_area-title picture {
    width: min( calc( 392 * 100vw / var( --dw ) ), 392px );
}
.harborland_area-title picture {
    width: min( calc( 419 * 100vw / var( --dw ) ), 419px );
}
@media screen and ( max-width: 768px ){
    .okurayama_area-title, 
    .harborland_area-title {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .okurayama_area-title picture, 
    .harborland_area-title picture {
    }
    .okurayama_area-title picture {
        width: calc( 261 * 100vw / var( --dw ) );
    }
    .harborland_area-title picture {
        width: calc( 279 * 100vw / var( --dw ) );
    }
}



.okurayama_area-lead, 
.harborland_area-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 80 * 100vw / var( --dw ) ), 80px );
    padding: 0;
    text-align: center;
}
.okurayama_area-lead, 
.harborland_area-lead {
    line-height: 1.33;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-lead, 
    .harborland_area-lead {
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
    }
    .okurayama_area-lead, 
    .harborland_area-lead {
    }
}



.okurayama_area-text, 
.harborland_area-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 120 * 100vw / var( --dw ) ), 120px );
    padding: 0;
    text-align: center;
}
.okurayama_area-text.fs-xl, 
.harborland_area-text.fs-xl {
    line-height: 3;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-text, 
    .harborland_area-text {
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
    .okurayama_area-text.fs-xl, 
    .harborland_area-text.fs-xl {
    }
}



.okurayama_area-slider {
    position: relative;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-slider {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 calc( 35 * 100vw / var( --dw ) );
        padding: 0 min( 5.333vw, 24px );
        overflow-x: hidden;
    }
    .c-box--swipe.is-active::before {
        z-index: 10;
    }
    .okurayama_area-slider-inner {
    }
    .okurayama_area-slider-inner-box {
        position: relative;
        width: calc( calc( calc( 335 * 100vw / var( --dw ) ) * 2 ) + calc( 11 * 100vw / var( --dw ) ) );
        width: calc( calc( calc( 100vw - calc( min( 5.333vw, 24px ) * 2 ) ) * 2 ) + calc( 11 * 100vw / var( --dw ) ) );
        margin: 0;
        padding: 0;
    }
    .okurayama_area-slider-inner-box-inner {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0 calc( 11 * 100vw / var( --dw ) );
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .okurayama_area-slider-inner-box-inner-item {
        width: calc( 162 * 100vw / var( --dw ) );
        margin: 0;
        padding: 0;
    }
    .okurayama_area-slider-inner-box-inner-item figure {
    }
    .okurayama_area-slider-inner-box-inner-item picture {
        margin-bottom: min( calc( 60 * 100vw / var( --dw ) ), 70px );
    }
    .l-content-section .okurayama_area-slider-inner-box-inner-item figure figcaption {
        top: 100%;
        bottom: auto;
        color: #333;
        background-color: transparent;
    }
}



.okurayama_area-content, 
.harborland_area-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto;
    padding: 0;
}
.okurayama_area-content {
    justify-content: center;
    flex-wrap: wrap;
    gap: min( calc( 70 * 100vw / var( --dw ) ), 70px ) min( calc( 34.5 * 100vw / var( --dw ) ), 34.5px );
}
@media screen and ( max-width: 768px ){
    .okurayama_area-content {
        flex-wrap: wrap;
        gap: calc( 90 * 100vw / var( --dw ) ) 0;
        width: 100%;
        padding: 0 min( 5.333vw, 24px );
    }
    .harborland_area-content {
        flex-wrap: wrap;
        gap: calc( 45 * 100vw / var( --dw ) ) 0;
        width: 100%;
        padding: 0 min( 5.333vw, 24px );
    }
}



.okurayama_area-content-item, 
.harborland_area-content-item {
    position: relative;
    width: min( calc( 373 * 100vw / var( --dw ) ), 373px );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-content-item.item_okurayama, 
    .okurayama_area-content-item.item_hall {
        width: 48%;
    }
    .okurayama_area-content-item.item_shrine {
        width: 100%;
    }
    .harborland_area-content-item.item_harborland {
        width: 100%;
    }
    .harborland_area-content-item.item_umie, 
    .harborland_area-content-item.item_mosaic {
        width: 48%;
    }
}



.okurayama_area-content-item__image, 
.harborland_area-content-item__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-content-section .okurayama_area-content-item__image figure figcaption, 
.l-content-section .harborland_area-content-item__image figure figcaption {
    top: 100%;
}
.l-content-section .okurayama_area-content-item__image figure figcaption {
    color: #333;
}
.l-content-section .harborland_area-content-item__image figure figcaption {
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .okurayama_area-content-item__image, 
    .harborland_area-content-item__image {
    }
    .l-content-section .okurayama_area-content-item__image figure figcaption, 
    .l-content-section .harborland_area-content-item__image figure figcaption {
        width: 100%;
        text-align: left;
    }
    .l-content-section .okurayama_area-content-item__image figure figcaption {
    }
    .l-content-section .harborland_area-content-item__image figure figcaption {
    }
}





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

shopping_street

============================== */
.shopping_street {
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .shopping_street {
    }
}



.shopping_street .l-content-section-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: min( calc( 150 * 100vw / var( --dw ) ), 150px );
    padding-right: min( calc( 150 * 100vw / var( --dw ) ), 150px );
    background-color: #03121f;
}
@media screen and ( max-width: 768px ){
    .shopping_street .l-content-section-inner {
        flex-direction: column;
        padding-top: calc( 40 * 100vw / var( --dw ) );
        padding-left: min( 5.333vw, 24px );
        padding-right: min( 5.333vw, 24px );
        padding-left: 0;
        padding-right: 0;
    }
}



.shopping_street-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min( calc( 500 * 100vw / var( --dw ) ), 500px );
    margin: 0;
    padding: 0;
}
.shopping_street-content-inner {
    position: relative;
    margin: 0;
    padding: 0 0 0 min( calc( 15 * 100vw / var( --dw ) ), 15px );
    border-left: 1px solid rgba( 255, 255, 255, 0.5 );
}
.shopping_street-content-inner-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), 30px );
    padding: 0;
}
.shopping_street-content-inner-title picture {
    position: relative;
    display: block;
    width: min( calc( 267 * 100vw / var( --dw ) ), 267px );
    margin: 0 auto 0 0;
    padding: 0;
}
.shopping_street-text.fs-m {
    line-height: 3;
}
@media screen and ( max-width: 768px ){
    .shopping_street-content {
        width: 100%;
    }
    .shopping_street-content-inner {
        padding: 0 0 0 calc( 15 * 100vw / var( --dw ) );
    }
    .shopping_street-content-inner-title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .shopping_street-content-inner-title picture {
        width: calc( 206 * 100vw / var( --dw ) );
    }
}



.shopping_street-image {
    position: relative;
    width: min( calc( 576 * 100vw / var( --dw ) ), 576px );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .shopping_street-image {
        width: 100%;
    }
}





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

future

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



.future .l-content-section-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: min( calc( 500 * 100vw / var( --dw ) ), 500px );
    padding-left: min( calc( 150 * 100vw / var( --dw ) ), 150px );
    padding-right: min( calc( 150 * 100vw / var( --dw ) ), 150px );
    background-image: url( '../img/location/future-bg_pc.webp' );
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( max-width: 768px ){
    .future .l-content-section-inner {
        height: calc( 385 * 100vw / var( --dw ) );
        padding-top: calc( 20 * 100vw / var( --dw ) );
        padding-left: min( 5.333vw, 24px );
        padding-right: min( 5.333vw, 24px );
        background-image: url( '../img/location/future-bg_sp.webp' );
    }
}



.future-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 70 * 100vw / var( --dw ) ), 70px );
    padding: 0;
}
.future-title picture {
    position: relative;
    display: block;
    width: min( calc( 113 * 100vw / var( --dw ) ), 113px );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .future-title {
        margin: 0 0 calc( 35 * 100vw / var( --dw ) );
    }
    .future-title picture {
        width: calc( 114 * 100vw / var( --dw ) );
    }
}



.future-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), 60px );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .future-lead {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
}



.future-text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .future-text {
    }
}





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

diagram

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



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



.diagram-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #001d37;
}
.l-content-section .diagram-image figure {
    position: relative;
    width: min( calc( 900 * 100vw / var( --dw ) ), 900px );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .diagram-image {
    }
    .l-content-section .diagram-image figure {
        width: 100%;
        margin: 0;
    }
}





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

rotary

============================== */
.rotary {
    color: #fff;
}
@media screen and ( max-width: 768px ){
}



.rotary .l-content-section-inner {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), 70px );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), 70px );
    background-color: #003057;
}
@media screen and ( max-width: 768px ){
    .rotary .l-content-section-inner {
        padding: calc( 50 * 100vw / var( --dw ) ) min(5.333vw, 24px) calc( 70 * 100vw / var( --dw ) );
    }
}


.rotary-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: min( calc( 900 * 100vw / var( --dw ) ), 900px );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .rotary-inner {
        justify-content: center;
        flex-direction: column;
        gap: calc( 30 * 100vw / var( --dw ) ) 0;
        width: 100%;
        margin: 0;
    }
}



.rotary-inner-content {
    position: relative;
    width: min( calc( 390 * 100vw / var( --dw ) ), 390px );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .rotary-inner-content {
        width: 100%;
    }
}



.rotary-inner-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
}
.rotary-inner-content__title.fs-xl-v2 {
    font-weight: 500;
}
@media screen and ( max-width: 768px ){
    .rotary-inner-content__title {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .rotary-inner-content__title.fs-xl-v2 {
        text-align: center;
    }
}



.rotary-inner-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.rotary-inner-content__text.fs-m-v2 {
    line-height: 3;
}
@media screen and ( max-width: 768px ){
    .rotary-inner-content__text {
        text-align: center;
    }
    .rotary-inner-content__text.fs-m-v2 {
    }
}



.l-content-section .rotary-inner-content__image {
    position: relative;
    display: none;
}
.l-content-section .rotary-inner-content__image figcaption {
}
@media screen and ( max-width: 768px ){
    .l-content-section .rotary-inner-content__image {
        position: relative;
        display: block;
        width: 100%;
        margin: calc( 30 * 100vw / var( --dw ) ) 0 0;
        padding: 0;
    }
    .l-content-section .rotary-inner-content__image figcaption {
        bottom: auto;
        top: 100%;
        background-color: transparent;
        color: #fff;
    }
}



.rotary-inner-content__banner {
    position: relative;
    width: min( calc( 300 * 100vw / var( --dw ) ), 300px );
    height: min( calc( 60 * 100vw / var( --dw ) ), 60px );
    margin: min( calc( 50 * 100vw / var( --dw ) ), 50px ) auto 0;
    padding: 0;
}
.rotary-inner-content__banner a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
}
.rotary-inner-content__banner a .text.fs-m {
    font-weight: 500;
}
.rotary-inner-content__banner a .icon.fs-caption {
    color: #bbb;
}
.rotary-inner-content__banner.disabled {
    height: min( calc( 90 * 100vw / var( --dw ) ), 90px );
}
.rotary-inner-content__banner.disabled a:hover {
    opacity: 1;
}
.rotary-inner-content__banner.disabled a .text.fs-m {
    color: #bbb;
}
@media screen and ( max-width: 768px ){
    .rotary-inner-content__banner {
        position: relative;
        width: 100%;
        height: calc( 60 * 100vw / var( --dw ) );
        margin: calc( 50 * 100vw / var( --dw ) ) auto 0;
    }
    .rotary-inner-content__banner a {
    }
    .rotary-inner-content__banner a.fs-m {
    }
}



.rotary-inner-image {
    position: relative;
    width: min( calc( 473 * 100vw / var( --dw ) ), 473px );
    margin: 0;
    padding: 0;
}
.rotary-inner-image figure figcaption {
    top: 100%;
}
@media screen and ( max-width: 768px ){
    .rotary-inner-image {
        width: 100%;
    }
    .rotary-inner-image figure figcaption {
    }
}





.fukidashi-img {
    position: relative;
    width: 160px;
    aspect-ratio: 4 / 3;
    margin: 0;
    padding: 0;
}
.fukidashi-img img {
    width: 100%;
}
@media screen and ( max-width: 768px ){
    .fukidashi-img {
        position: relative;
        width: calc( 100 * 100vw / var( --dw ) );
        margin: 0;
        padding: 0;
    }
}