.l-content {
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}










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

main visual

============================== */
.l-main_visual_container {
    position: fixed;
    top: 0;
    left: 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 {
        max-width: none;
        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;
}
@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-image: url( '../img/access/l-main_visual-scene-bg_pc.webp' );
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-bg {
    }
    .l-main_visual-scene-bg-inner {
        background-image: url( '../img/access/l-main_visual-scene-bg_sp.webp' );
    }
}



.l-main_visual-scene-figcaption {
    display: none;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual-scene-figcaption {
        position: absolute;
        top: clamp(36px, 12vw, 54px);
        right: 0;
        display: inline-block;
        margin: 0;
        padding: 0 0.8em;
        color: #fff;
        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;
    }
}



.l-main_visual_spacer {
    position: relative;
    width: 100%;
    height: calc( 100vh - min( calc( 222 * 100vw / var( --dw ) ), 222px ) );
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-main_visual_spacer {
        height: calc( 100vh - calc( 320 * 100vw / var( --dw ) ) );
        height: calc( calc( 1200 * 100vw / var( --dw ) ) - calc( 320 * 100vw / var( --dw ) ) );
    }
}










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

l-page_title

============================== */
.l-page_title {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    height: min( calc( 222 * 100vw / var( --dw ) ), 222px );
    margin: 0 auto;
    padding: 0;
    background-color: rgba( 51, 51, 51, 0.9 );
}
.l-page_title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    backdrop-filter: blur( min( calc( 15 * 100vw / var( --dw ) ), 15px ) );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_title {
        max-width: none;
        margin: 0;
        height: calc( 320 * 100vw / var( --dw ) );
    }
    .l-page_title::before {
    }
}



.l-page_title-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-page_title-inner-shadow {
    position: absolute;
    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_title-inner-shadow-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 ) ), 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-page_title-inner-shadow {
        top: calc( calc( 287 * 100vw / var( --dw ) ) * -1 );
        height: calc( 287 * 100vw / var( --dw ) );
    }
    .l-page_title-inner-shadow-figcaption {
        display: none;
    }
}



.l-page_title-inner-title {
    position: absolute;
    top: calc( min( calc( 62 * 100vw / var( --dw ) ), 62px ) * -1 );
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.l-page_title-inner-title > picture {
    position: relative;
    width: min( calc( 434.5 * 100vw / var( --dw ) ), 434.5px );
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-page_title-inner-title {
        top: calc( calc( 74 * 100vw / var( --dw ) ) * -1 );
    }
    .l-page_title-inner-title > picture {
        width: calc( 521 * 100vw / var( --dw ) );
    }
}










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

l-access_guide

============================== */
.l-access_guide {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 121.75 * 100vw / var( --dw ) ), 121.75px ) 0 min( calc( 117 * 100vw / var( --dw ) ), 117px );
    /*
    background-color: #F7F5F2;
    */
    background-image: url( '../img/access/l-access_guide-bg_pc.webp' );
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-access_guide {
        max-width: none;
        margin: 0;
        padding: calc( 127 * 100vw / var( --dw ) ) 0 calc( 108 * 100vw / var( --dw ) );
        background-image: url( '../img/access/l-access_guide-bg_sp.webp' );
    }
}



.l-access_guide-lead {
    position: relative;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto;
    padding: 0 0 min( calc( 41.48 * 100vw / var( --dw ) ), 41.48px );
}
.l-access_guide-lead::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min( calc( 2 * 100vw / var( --dw ) ), 2px );
    margin: 0;
    padding: 0;
    background: linear-gradient( to right, rgba( 138, 118, 88, 0 ) 0%, rgba( 138, 118, 88, 1 ) 22%, rgba( 138, 118, 88, 1 ) 80%, rgba( 138, 118, 88, 0 ) 100% );
}
.l-access_guide-lead__text {
    position: relative;
    margin: 0 0 min( calc( 110.04 * 100vw / var( --dw ) ), 110.04px );
    padding: 0;
    font-size: min( calc( 38 * 100vw / var( --dw ) ), 38px );
    letter-spacing: 0.15em;
    line-height: 1.8;
    text-align: center;
}
.l-access_guide-lead__remark {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 1.5;
    text-align: center;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-access_guide-lead {
        width: 100%;
        margin: 0;
        padding: 0 0 calc( 37 * 100vw / var( --dw ) );
    }
    .l-access_guide-lead::after {
        height: calc( 2 * 100vw / var( --dw ) );
    }
    .l-access_guide-lead__text {
        margin: 0 0 calc( 116 * 100vw / var( --dw ) );
        font-size: calc( 44 * 100vw / var( --dw ) );
        letter-spacing: 0.05em;
    }
    .l-access_guide-lead__remark {
        padding: 0 calc( 40 * 100vw / var( --dw ) );
        font-size: calc( 24 * 100vw / var( --dw ) );
        line-height: 1.8;
        text-align: left;
        font-feature-settings: "palt";
    }
}



.l-access_guide .c-title--contents {
    position: relative;
    width: 100%;
    margin: min( calc( 58.55 * 100vw / var( --dw ) ), 58.55px ) 0 min( calc( 57.81 * 100vw / var( --dw ) ), 57.81px );
    padding: 0;
    border-top: none;
    font-size: min( calc( 26 * 100vw / var( --dw ) ), 26px );
    letter-spacing: 0.384em;
    line-height: 1.8;
    text-align: center;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-access_guide .c-title--contents {
        margin: calc( 70 * 100vw / var( --dw ) ) 0;
        font-size: calc( 32 * 100vw / var( --dw ) );
        letter-spacing: 0.312em;
    }
}



.l-access_guide-map {
    position: relative;
    width: min( calc( 1000 * 100vw / var( --dw ) ), 1000px );
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}
.l-access_guide-map__image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 min( calc( 10 * 100vw / var( --dw ) ), 10px );
    padding: 0;
    font-size: 0;
}
.l-access_guide-gmap_link {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0;
    line-height: 1.8;
}
.l-access_guide-gmap_link > a {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: min( calc( 18 * 100vw / var( --dw ) ), 18px );
    letter-spacing: 0.055em;
    line-height: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-access_guide-map {
        width: calc( 672 * 100vw / var( --dw ) );
        aspect-ratio: 672 / 611;
    }
    .l-access_guide-map__image {
        width: 100%;
        aspect-ratio: 672 / 611;
        margin: 0 0 calc( 25 * 100vw / var( --dw ) );
    }
    .l-access_guide-map__image > img {
        width: 100%;
        aspect-ratio: 672 / 611;
    }
    .l-access_guide-gmap_link {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .l-access_guide-gmap_link > a {
        font-size: calc( 32 * 100vw / var( --dw ) );
    }
}



.l-map-container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( min-width: 769px ){
    .c-tab__panel__item {
        padding-bottom: 0;
    }
}
@media screen and ( max-width: 768px ){
}










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

l-2way_access

============================== */
.l-2way_access {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 98 * 100vw / var( --dw ) ), 98px ) 0 min( calc( 162 * 100vw / var( --dw ) ), 162px );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access {
        padding: calc( 140 * 100vw / var( --dw ) ) 0 calc( 125 * 100vw / var( --dw ) );
    }
}



.l-2way_access-inner {
    position: relative;
    margin: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access-inner {
    }
}



.l-2way_access-inner-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-2way_access-inner-title picture {
    position: relative;
    width: min( calc( 378 * 100vw / var( --dw ) ), 378px );
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access-inner-title {
    }
    .l-2way_access-inner-title picture {
        width: calc( 408 * 100vw / var( --dw ) );
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
}



.l-2way_access-inner-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 130 * 100vw / var( --dw ) ), 130px );
    padding: 0;
    font-size: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    letter-spacing: 0.166em;
    line-height: 1.8;
    text-align: center;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access-inner-text {
        margin: 0 0 calc( 100 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        letter-spacing: 0.166em;
    }
}



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



.l-2way_access-inner-content-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: min( calc( 21 * 100vw / var( --dw ) ), 21px ) 0;
    width: min( calc( 570 * 100vw / var( --dw ) ), 570px );
    margin: 0;
    padding: 0;
}
.l-2way_access-inner-content-item__image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-2way_access-inner-content-item__image > picture {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-2way_access-inner-content-item__image > 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: 2;
    background-color: rgba( 0, 0, 0, 0.6 );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access-inner-content-item {
        gap: calc( 29 * 100vw / var( --dw ) ) 0;
        width: 100%;
    }
    .l-2way_access-inner-content-item__image {
    }
    .l-2way_access-inner-content-item__image > picture {
    }
    .l-2way_access-inner-content-item__image > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-2way_access-inner-content-item__text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 5 * 100vw / var( --dw ) ), calc( 5 * var( --maxw_px ) / var( --dw ) ) ) 0;
    margin: 0;
    padding: 0;
}
.l-2way_access-inner-content-item__text--xl {
    position: relative;
    display: inline-block;
    color: #AA8E59;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: min( calc( 64.4 * 100vw / var( --dw ) ), 64.4px );
    letter-spacing: 0;
    line-height: 0.923;
    font-feature-settings: "palt";
}
.l-2way_access-inner-content-item__text--l {
    position: relative;
    display: inline-block;
    margin-top: -0.6em;
    font-size: min( calc( 36 * 100vw / var( --dw ) ), 36px );
    letter-spacing: 0.1em;
    line-height: 1.038;
    font-feature-settings: "palt";
}
.l-2way_access-inner-content-item__text--m {
    position: relative;
    display: inline-block;
    font-size: min( calc( 26 * 100vw / var( --dw ) ), 26px );
    letter-spacing: 0.1em;
    line-height: 1.438;
    font-feature-settings: "palt";
}
.l-2way_access-inner-content-item__text--s {
    position: relative;
    display: inline-block;
    font-size: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    letter-spacing: 0.1em;
    line-height: 1.87;
    font-feature-settings: "palt";
}
.l-2way_access-inner-content-item__text--xs {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: min( calc( 16.8 * 100vw / var( --dw ) ), 16.8px );
    letter-spacing: 0;
    line-height: 1.285;
    text-align: center;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-2way_access-inner-content-item__text {
        gap: calc( 5 * 100vw / var( --dw ) ) 0;
    }
    .l-2way_access-inner-content-item__text--xl {
        font-size: calc( 102.08 * 100vw / var( --dw ) );
    }
    .l-2way_access-inner-content-item__text--l {
        margin-top: -0.6em;
        font-size: calc( 57.06 * 100vw / var( --dw ) );
    }
    .l-2way_access-inner-content-item__text--m {
        font-size: calc( 41.21 * 100vw / var( --dw ) );
    }
    .l-2way_access-inner-content-item__text--s {
        font-size: calc( 31.7 * 100vw / var( --dw ) );
    }
    .l-2way_access-inner-content-item__text--xs {
        font-size: calc( 26.63 * 100vw / var( --dw ) );
    }
}










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

l-station_route

============================== */
.l-station_route {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 98 * 100vw / var( --dw ) ), 98px ) 0 min( calc( 270 * 100vw / var( --dw ) ), 270px );
    /*
    background-color: #F7F5F2;
    */
    background-image: url( '../img/access/l-station_route-bg_pc.webp' );
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.l-station_route::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: min( calc( 690 * 100vw / var( --dw ) ), 690px );
    margin: 0;
    padding: 0;
    font-size: 0;
    background-image: url( '../img/access/l-station_route-before-bg_pc.webp' );
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route {
        max-width: none;
        margin: 0;
        padding: calc( 140 * 100vw / var( --dw ) ) 0 calc( 300 * 100vw / var( --dw ) );
        background-image: url( '../img/access/l-station_route-bg_sp.webp' );
    }
    .l-station_route::before {
        height: calc( 905 * 100vw / var( --dw ) );
        background-image: url( '../img/access/l-station_route-before-bg_sp.webp' );
    }
}



.l-station_route-inner {
    position: relative;
    z-index: 1;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-station_route-inner-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-station_route-inner-title picture {
    position: relative;
    width: min( calc( 409.5 * 100vw / var( --dw ) ), 409.5px );
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40 * var( --maxw_px ) / var( --dw ) ) );
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-title {
    }
    .l-station_route-inner-title picture {
        width: calc( 527 * 100vw / var( --dw ) );
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
}



.l-station_route-inner-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    color: #fff;
    font-size: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    letter-spacing: 0.166em;
    line-height: 1.8;
    text-align: center;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-text {
        margin: 0 0 calc( 100 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        letter-spacing: 0.166em;
    }
}



.l-station_route-inner-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-station_route-inner-content-diagram {
    position: relative;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto min( calc( 90 * 100vw / var( --dw ) ), 90px );
    padding: 0;
    font-size: 0;
}
.l-station_route-inner-content-diagram__image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-station_route-inner-content-diagram__image > picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-station_route-inner-content-diagram__image > figcaption {
    position: absolute;
    top: 100%;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0 0.8em;
    color: #333;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-content-diagram {
        width: calc( 670 * 100vw / var( --dw ) );
        margin: 0 auto calc( 90 * 100vw / var( --dw ) );
    }
    .l-station_route-inner-content-diagram__image {
    }
    .l-station_route-inner-content-diagram__image > picture {
    }
    .l-station_route-inner-content-diagram__image > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-station_route-inner-content-cityscape {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: min( calc( 1000 * 100vw / var( --dw ) ), 1000px );
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-content-cityscape {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc( 85 * 100vw / var( --dw ) ) 0;
        width: calc( 670 * 100vw / var( --dw ) );
    }
}



.l-station_route-inner-content-cityscape__image {
    position: relative;
    display: block;
    width: min( calc( 305.5 * 100vw / var( --dw ) ), 305.5px );
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
}
.l-station_route-inner-content-cityscape__image.image_02 {
    position: absolute;
    top: min( calc( 142.71 * 100vw / var( --dw ) ), 142.71px );
    left: min( calc( 251.91 * 100vw / var( --dw ) ), 251.91px );
    width: min( calc( 238 * 100vw / var( --dw ) ), 238px );
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 0;
}
.l-station_route-inner-content-cityscape__image > picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-station_route-inner-content-cityscape__image > figcaption {
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-content-cityscape__image {
        width: calc( 393 * 100vw / var( --dw ) );
    }
    .l-station_route-inner-content-cityscape__image.image_02 {
        top: calc( 500 * 100vw / var( --dw ) );
        left: calc( 312 * 100vw / var( --dw ) );
        width: calc( 324 * 100vw / var( --dw ) );
    }
    .l-station_route-inner-content-cityscape__image > picture {
    }
    .l-station_route-inner-content-cityscape__image > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-station_route-inner-content-cityscape__text {
    position: relative;
    width: min( calc( 406.37 * 100vw / var( --dw ) ), 406.37px );
    margin: 0;
    padding: 0;
    color: #333;
    font-size: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    letter-spacing: 0;
    line-height: 2.5;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-station_route-inner-content-cityscape__text {
        width: 100%;
        font-size: calc( 32 * 100vw / var( --dw ) );
        line-height: 2;
    }
}










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

l-local_train

============================== */
.l-local_train {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 98 * 100vw / var( --dw ) ), 98px ) 0 min( calc( 150 * 100vw / var( --dw ) ), 150px );
    border-bottom: 1px solid #707070;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train {
        max-width: none;
        margin: 0;
        padding: calc( 140 * 100vw / var( --dw ) ) 0 calc( 125 * 100vw / var( --dw ) );
    }
}



.l-local_train-inner {
    position: relative;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-local_train-inner-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-local_train-inner-title picture {
    position: relative;
    width: min( calc( 378 * 100vw / var( --dw ) ), 378px );
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-title {
    }
    .l-local_train-inner-title picture {
        width: calc( 408 * 100vw / var( --dw ) );
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
}



.l-local_train-inner-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    color: #333;
    font-size: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    letter-spacing: 0.166em;
    line-height: 1.8;
    text-align: center;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-text {
        margin: 0 0 calc( 100 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        letter-spacing: 0.166em;
    }
}



.l-local_train-inner-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-local_train-inner-content-diagram {
    position: relative;
    width: min( calc( 1048 * 100vw / var( --dw ) ), 1048px );
    margin: 0 auto min( calc( 90 * 100vw / var( --dw ) ), 90px );
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-diagram__image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-diagram__image > picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-diagram__image > figcaption {
    position: absolute;
    bottom: min( calc( 80 * 100vw / var( --dw ) ), 80px );
    right: min( calc( 10 * 100vw / var( --dw ) ), 10px );
    display: inline-block;
    margin: 0;
    padding: 0 0.8em;
    color: #333;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 2;
}
.l-local_train-inner-content__remark {
    position: relative;
    width: 100%;
    margin: calc( min( calc( 50 * 100vw / var( --dw ) ), 50px ) * -1 ) 0 0;
    padding: 0;
    color: #333;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-content-diagram {
        width: calc( 720 * 100vw / var( --dw ) );
        aspect-ratio: 125 / 66;
        margin: 0 auto;
    }
    .l-local_train-inner-content-diagram__image {
        aspect-ratio: 125 / 66;
    }
    .l-local_train-inner-content-diagram__image > picture {
        aspect-ratio: 125 / 66;
    }
    .l-local_train-inner-content-diagram__image > figcaption {
        bottom: calc( 20 * 100vw / var( --dw ) );
        right: 0;
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .l-local_train-inner-content__remark {
        width: calc( 670 * 100vw / var( --dw ) );
        margin: 0 auto;
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-local_train-inner-content-require_time {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-content-require_time {
        flex-direction: column;
        gap: calc( 79 * 100vw / var( --dw ) ) 0;
        width: calc( 670 * 100vw / var( --dw ) );
    }
}



.l-local_train-inner-content-require_time-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
}
.l-local_train-inner-content-require_time-title--m {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 0.5em 0 0;
    color: #333;
    font-size: min( calc( 26 * 100vw / var( --dw ) ), 26px );
    letter-spacing: 0.1em;
    line-height: 1.438;
    background-color: #fff;
}
.l-local_train-inner-content-require_time-title--s {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0.1em;
    line-height: 1.438;
}
.l-local_train-inner-content-require_time-title::before {
    content: '';
    position: absolute;
    top: calc( 50% - 0.5px );
    right: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #000;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-content-require_time-title {
        margin: calc( 66 * 100vw / var( --dw ) ) 0 0;
        padding: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .l-local_train-inner-content-require_time-title--m {
        font-size: calc( 30 * 100vw / var( --dw ) );
        letter-spacing: 0.05em;
        line-height: 1.5;
        background-color: transparent;
        font-feature-settings: "palt";
    }
    .l-local_train-inner-content-require_time-title--s {
        font-size: calc( 24 * 100vw / var( --dw ) );
        letter-spacing: 0.05em;
        line-height: 1.5;
        font-feature-settings: "palt";
    }
    .l-local_train-inner-content-require_time-title::before {
        top: auto;
        bottom: 0;
        left: 0;
    }
}



.l-local_train-inner-content-require_time-item {
    position: relative;
    width: min( calc( 371 * 100vw / var( --dw ) ), 371px );
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-require_time-item__image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 min( calc( 10 * 100vw / var( --dw ) ), 10px );
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-require_time-item__image > picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-local_train-inner-content-require_time-item__image > 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: 2;
    background-color: rgba( 0, 0, 0, 0.6 );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-content-require_time-item {
        width: calc( 600 * 100vw / var( --dw ) );
        margin: 0 auto;
    }
    .l-local_train-inner-content-require_time-item:first-of-type {
        margin-top: -calc( -13 * 100vw / var( --dw ) );
    }
    .l-local_train-inner-content-require_time-item__image {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .l-local_train-inner-content-require_time-item__image > picture {
    }
    .l-local_train-inner-content-require_time-item__image > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-local_train-inner-content-require_time-item__text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-local_train-inner-content-require_time-item__text--s {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0.1em;
    line-height: 2;
    font-feature-settings: "palt";
}
.l-local_train-inner-content-require_time-item__text--m {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: min( calc( 26 * 100vw / var( --dw ) ), 26px );
    letter-spacing: 0;
    line-height: 1.438;
    font-feature-settings: "palt";
}
.l-local_train-inner-content-require_time-item__text--l {
    position: relative;
    display: inline-block;
    color: #AA8E59;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: min( calc( 60 * 100vw / var( --dw ) ), 60px );
    letter-spacing: 0;
    line-height: 1;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-local_train-inner-content-require_time-item__text {
    }
    .l-local_train-inner-content-require_time-item__text--s {
        font-size: calc( 28 * 100vw / var( --dw ) );
    }
    .l-local_train-inner-content-require_time-item__text--m {
        font-size: calc( 41.86 * 100vw / var( --dw ) );
        letter-spacing: 0.05em;
    }
    .l-local_train-inner-content-require_time-item__text--l {
        font-size: calc( 96.6 * 100vw / var( --dw ) );
    }
}










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

l-car_access

============================== */
.l-car_access {
    position: relative;
    width: 100%;
    max-width: var( --maxw_px );
    margin: 0 auto;
    padding: min( calc( 98 * 100vw / var( --dw ) ), 98px ) 0 min( calc( 100 * 100vw / var( --dw ) ), 100px );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-car_access {
        max-width: none;
        margin: 0;
        padding: calc( 140 * 100vw / var( --dw ) ) 0 calc( 125 * 100vw / var( --dw ) );
    }
}



.l-car_access-inner {
    position: relative;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-car_access-inner-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-car_access-inner-title picture {
    position: relative;
    width: min( calc( 289 * 100vw / var( --dw ) ), 289px );
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-car_access-inner-title {
    }
    .l-car_access-inner-title picture {
        width: calc( 408 * 100vw / var( --dw ) );
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
}



.l-car_access-inner-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 75 * 100vw / var( --dw ) ), 75px );
    padding: 0;
    color: #333;
    font-size: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    letter-spacing: 0.166em;
    line-height: 1.8;
    text-align: center;
    font-feature-settings: "palt";
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-car_access-inner-text {
        margin: 0 0 calc( 100 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        letter-spacing: 0.166em;
    }
}



.l-car_access-inner-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
}



.l-car_access-inner-content-image {
    position: relative;
    display: block;
    width: 100%;
    height: min( calc( 447 * 100vw / var( --dw ) ), 447px );
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-car_access-inner-content-image > picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.l-car_access-inner-content-image > picture img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    object-position: center;
    object-fit: cover;
}
.l-car_access-inner-content-image > 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: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-car_access-inner-content-image {
        height: auto;
    }
    .l-car_access-inner-content-image > picture {
    }
    .l-car_access-inner-content-image > picture img {
    }
    .l-car_access-inner-content-image > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.l-car_access-inner-content-text {
    position: absolute;
    top: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    right: calc( 180 * 100vw / var( --dw ) );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min( calc( 388 * 100vw / var( --dw ) ), 388px );
    height: min( calc( 248 * 100vw / var( --dw ) ), 248px );
    margin: 0;
    padding: 0;
    background-color: rgba( 51, 51, 51, 0.85 );
}
.l-car_access-inner-content-text--s {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: min( calc( 16 * 100vw / var( --dw ) ), 16px );
    letter-spacing: 0.162em;
    line-height: min( calc( 45 * 100vw / var( --dw ) ), 45px );
}
.l-car_access-inner-content-text--m {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: min( calc( 26 * 100vw / var( --dw ) ), 26px );
    letter-spacing: 0.1em;
    line-height: min( calc( 45 * 100vw / var( --dw ) ), 45px );
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .l-car_access-inner-content-text {
        top: calc( 298 * 100vw / var( --dw ) );
        right: 0;
        width: calc( 591 * 100vw / var( --dw ) );
        height: calc( 173 * 100vw / var( --dw ) );
    }
    .l-car_access-inner-content-text--s {
        font-size: calc( 25.04 * 100vw / var( --dw ) );
        line-height: calc( 70.4 * 100vw / var( --dw ) );
    }
    .l-car_access-inner-content-text--m {
        font-size: calc( 40.69 * 100vw / var( --dw ) );
        line-height: calc( 70.4 * 100vw / var( --dw ) );
    }
}