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





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

main_visual

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





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

map

============================== */
.map {
    padding-top: min( calc( 80 * 100vw / var( --dw ) ), 80px );
    background-image: url( '../img/access/map-bg_pc.webp' );
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
.map::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/access/map-bg-x_pc.webp' );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and ( max-width: 768px ){
    .map {
        padding-top: calc( 40 * 100vw / var( --dw ) );
        background-image: url( '../img/access/map-bg_sp.webp' );
    }
    .map::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' );
    }
}



.map .l-content-section-inner {
}
@media screen and ( max-width: 768px ){
    .map .l-content-section-inner {
        padding-left: min( 5.333vw, 24px );
        padding-right: min( 5.333vw, 24px );
    }
}



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



.map-image {
    position: relative;
    width: 100%;
    max-width: min( calc( 800 * 100vw / var( --dw ) ), 800px );
    margin: 0 auto;
    padding: 0 0 min( calc( 160 * 100vw / var( --dw ) ), 160px );
}
.map-image figure {
    z-index: 1;
}
.map-image figure.pcObj {
    display: block;
}
.map-image figure.spObj {
    display: none;
}
.l-content-section .map-image figure figcaption {
    top: 100%;
    color: #fff;
}
.map-image-link {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}
.map-image-link a {
    color: #fff;
    text-underline-offset: 0.2em;
    text-decoration: underline;
    line-height: 2;
}
@media screen and ( max-width: 768px ){
    .map-image {
        max-width: none;
        padding: 0 0 calc( 80 * 100vw / var( --dw ) );
    }
    .map-image figure.pcObj {
        display: none;
    }
    .map-image figure.spObj {
        display: block;
    }
    .l-content-section .map-image figure figcaption {
    }
    .map-image-link {
        margin-top: calc( 20 * 100vw / var( --dw ) );
    }
    .map-image-link a {
    }
}





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

route_image

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



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



.l-content-section.route_image .route_image-image figure figcaption {
    top: 0;
    bottom: auto;
}
@media screen and ( max-width: 768px ){
}





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

route

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



.route .l-content-section-inner {
    padding: 0;
    background-color: #031e37;
}
@media screen and ( max-width: 768px ){
    .route .l-content-section-inner {
    }
}



.route-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 100 * 100vw / var( --dw ) ), 100px ) min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) ) min( calc( 80 * 100vw / var( --dw ) ), 80px );
}
@media screen and ( max-width: 768px ){
    .route-content {
        padding: calc( 40 * 100vw / var( --dw ) ) min( 5.333vw, 24px ) calc( 40 * 100vw / var( --dw ) );
    }
}



.route-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 10 * 100vw / var( --dw ) ), 10px );
    padding: 0;
    color: #cfc1a8;
    text-align: center;
}
.route-content__title--v2 {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding: 0;
    color: #fff;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .route-content__title {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .route-content__title--v2 {
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
    }
}



.route-content-required_time {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: min( calc( 900 * 100vw / var( --dw ) ), 900px );
    margin: 0 auto;
    padding: 0;
}
.route-content-required_time-item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.route-content-required_time-item picture {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .route-content-required_time {
        display: block;
        width: 100%;
        margin: 0;
    }
    .route-content-required_time-item {
        align-items: center;
    }
    .route-content-required_time-item picture {
    }
}



.route-content-required_time-item.item_kobe, 
.route-content-required_time-item.item_harborland {
    justify-content: flex-end;
    width: 46%;
    padding-right: min( calc( 60 * 100vw / var( --dw ) ), 60px );
}
.route-content-required_time-item.item_kousokukobe, 
.route-content-required_time-item.item_ookurayama {
    justify-content: flex-start;
    width: 54%;
    padding-left: min( calc( 60 * 100vw / var( --dw ) ), 60px );
}
.route-content-required_time-item.item_kobe, 
.route-content-required_time-item.item_kousokukobe {
    padding-top: min( calc( 10 * 100vw / var( --dw ) ), 10px );
    padding-bottom: min( calc( 20 * 100vw / var( --dw ) ), 20px );
}
.route-content-required_time-item.item_kousokukobe, 
.route-content-required_time-item.item_ookurayama {
    border-left: 1px solid #6e7f88;
}
.route-content-required_time-item.item_harborland, 
.route-content-required_time-item.item_ookurayama {
    padding-top: min( calc( 30 * 100vw / var( --dw ) ), 30px );
    padding-bottom: min( calc( 10 * 100vw / var( --dw ) ), 10px );
    border-top: 1px solid #6e7f88;
}
@media screen and ( max-width: 768px ){
    .route-content-required_time-item.item_kobe, 
    .route-content-required_time-item.item_harborland {
        justify-content: center;
        width: 100%;
        padding-right: 0;
    }
    .route-content-required_time-item.item_kousokukobe, 
    .route-content-required_time-item.item_ookurayama {
        justify-content: center;
        width: 100%;
        padding-left: 0;
    }
    .route-content-required_time-item.item_kobe, 
    .route-content-required_time-item.item_kousokukobe {
        padding-top: 0;
        padding-bottom: 0;
    }
    .route-content-required_time-item.item_kousokukobe, 
    .route-content-required_time-item.item_ookurayama {
        border-left: none;
    }
    .route-content-required_time-item.item_harborland, 
    .route-content-required_time-item.item_ookurayama {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
    }
    .route-content-required_time-item.item_kobe, 
    .route-content-required_time-item.item_kousokukobe, 
    .route-content-required_time-item.item_harborland, 
    .route-content-required_time-item.item_ookurayama {
        padding: calc( 15 * 100vw / var( --dw ) ) 0;
    }
    .route-content-required_time-item.item_kousokukobe, 
    .route-content-required_time-item.item_harborland, 
    .route-content-required_time-item.item_ookurayama {
        border-top: 1px solid #6e7f88;
    }
}



.route-content-required_time-item.item_kobe picture {
    /* w 266 h 101 */
    width: min( calc( 266 * 100vw / var( --dw ) ), 266px );
}
.route-content-required_time-item.item_kousokukobe picture {
    /* w 347 h 101 */
    width: min( calc( 347 * 100vw / var( --dw ) ), 347px );
}
.route-content-required_time-item.item_harborland picture {
    /* w 267 h 86 */
    width: min( calc( 267 * 100vw / var( --dw ) ), 267px );
}
.route-content-required_time-item.item_ookurayama picture {
    /* w 207 h 86 */
    width: min( calc( 207 * 100vw / var( --dw ) ), 207px );
}
@media screen and ( max-width: 768px ){
    .route-content-required_time-item.item_kobe picture {
        /* w 239 h 91 */
        width: calc( 239 * 100vw / var( --dw ) );
    }
    .route-content-required_time-item.item_kousokukobe picture {
        /* w 312 h 90 */
        width: calc( 312 * 100vw / var( --dw ) );
    }
    .route-content-required_time-item.item_harborland picture {
        /* w 240 h 78 */
        width: calc( 240 * 100vw / var( --dw ) );
    }
    .route-content-required_time-item.item_ookurayama picture {
        /* w 187 h 60 */
        width: calc( 187 * 100vw / var( --dw ) );
    }
}



.route-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( max-width: 768px ){
    .route-image {
    }
}





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

accessibility

============================== */
.accessibility {
    --fs-title__text: min( max( calc( 24 * 100vw / var( --dw ) ), 22px ), calc( 24px * 1.38 ) );
    padding-top: min( calc( 80 * 100vw / var( --dw ) ), 80px );
    background-color: #3b5868;
}
.accessibility::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min( calc( 269 * 100vw / var( --dw ) ), 269px );
    height: min( calc( 320 * 100vw / var( --dw ) ), 320px );
    margin: 0;
    padding: 0;
    background-image: url( '../img/access/accessibility-bg-x_pc.webp' );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen and ( max-width: 768px ){
    .accessibility {
        --fs-title__text: calc( 20 * 100vw / var( --dw ) );
    }
    .accessibility::before {
        width: min( calc( 88 * 100vw / var( --dw ) ), 88px );
        height: min( calc( 191 * 100vw / var( --dw ) ), 191px );
        background-image: url( '../img/access/accessibility-bg-x_sp.webp' );
    }
}



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



.accessibility-title {
    position: relative;
    width: min( calc( 1188 * 100vw / var( --dw ) ), 1188px );
    margin: 0 auto min( calc( 90 * 100vw / var( --dw ) ), 90px );
    padding: 0;
    border-bottom: 1px solid #fff;
}
.l-content-section .accessibility-title__image {
    position: relative;
    display: block;
    width: min( calc( 220 * 100vw / var( --dw ) ), 220px );
    margin: 0 auto min( calc( 50 * 100vw / var( --dw ) ), 50px );
    padding: 0;
}
.accessibility-title__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), 20px );
    padding: 0;
    color: #fff;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.652;
    letter-spacing: 0.01em;
    font-feature-settings: "palt";
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .accessibility-title {
        width: calc( 100% - calc( min(5.333vw, 24px) * 2 ) );
        margin: 0 min(5.333vw, 24px) calc( 45 * 100vw / var( --dw ) );
        padding: 0;
    }
    .l-content-section .accessibility-title__image {
        width: calc( 220 * 100vw / var( --dw ) );
        margin: 0 auto calc( 25 * 100vw / var( --dw ) );
    }
    .accessibility-title__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding: 0;
    }
}



.accessibility-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 min( calc( 65 * 100vw / var( --dw ) ), 65px );
    width: 100%;
    margin: 0;
    padding: 0 0 min( calc( 100 * 100vw / var( --dw ) ), 100px );
}
.accessibility-content__text {
    position: relative;
    width: min( calc( 500 * 100vw / var( --dw ) ), 500px );
    margin: 0;
    padding: 0;
    color: #fff;
}
.accessibility-content__text.fs-xl {
    line-height: 3;
}
.l-content-section .accessibility-content__image {
    position: relative;
    width: min( calc( 544 * 100vw / var( --dw ) ), 544px );
    margin: 0;
    padding: 0;
}
.l-content-section .accessibility-content__image figcaption.transparent {
    top: 100%;
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .accessibility-content {
        flex-direction: column;
        gap: calc( 65 * 100vw / var( --dw ) ) 0;
        padding: 0 0 calc( 75 * 100vw / var( --dw ) );
    }
    .accessibility-content__text {
        width: 100%;
        padding: 0 min(5.333vw, 24px);
    }
    .l-content-section .accessibility-content__image {
        width: 100%;
    }
    .l-content-section .accessibility-content__image figcaption.transparent {
    }
}



.accessibility-required_time {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.accessibility-required_time-inner {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 80 * 100vw / var( --dw ) ), 80px ) 0;
    background-color: #fff;
}
.accessibility-required_time-inner-title {
    position: relative;
    width: min( calc( 1000 * 100vw / var( --dw ) ), 1000px );
    margin: 0 auto min( calc( 80 * 100vw / var( --dw ) ), 80px );
    padding: 0;
    text-align: center;
}
.accessibility-required_time-inner-routemap {
    position: relative;
    width: min( calc( 1100 * 100vw / var( --dw ) ), 1100px );
    margin: 0 auto;
    padding: 0;
}
.l-content-section .accessibility-required_time figure {
}
.l-content-section .accessibility-required_time figure figcaption {
    top: 100%;
    bottom: auto;
}
.accessibility-required_time-inner-routemap-caption {
    position: relative;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0 calc( 25 * 100vw / var( --dw ) );
    text-align: right;
}
.accessibility-required_time__annotation {
    position: relative;
    width: min( calc( 1000 * 100vw / var( --dw ) ), 1000px );
    margin: 0 auto;
    padding: min( calc( 30 * 100vw / var( --dw ) ), 30px ) 0 min( calc( 100 * 100vw / var( --dw ) ), 100px );
    color: #fff;
}
@media screen and ( max-width: 768px ){
    .accessibility-required_time {
        width: 100%;
        margin: 0;
    }
    .accessibility-required_time-inner {
        padding: calc( 25 * 100vw / var( --dw ) ) 0 calc( 37.5 * 100vw / var( --dw ) );
    }
    .accessibility-required_time-inner-title {
        width: 100%;
        margin: 0 0 calc( 25 * 100vw / var( --dw ) );
    }
    .accessibility-required_time-inner-title.fs-xxl {
        font-size: var( --fs-m );
        letter-spacing: 0;
    }
    .accessibility-required_time-inner-routemap {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0 calc( 25 * 100vw / var( --dw ) );
    }
    /*
    .accessibility-required_time-inner-routemap .c-box--swipe::-webkit-scrollbar {
    }
    .accessibility-required_time-inner-routemap .c-box--swipe::-webkit-scrollbar-track {
        background: #fff;
    }
    .accessibility-required_time-inner-routemap .c-box--swipe::-webkit-scrollbar-thumb {
        background: #333;
    }
    */
    .accessibility-required_time-inner-routemap .c-box--swipe.is-active::before {
        z-index: 10;
    }
    .l-content-section .accessibility-required_time figure {
        width: 1100px;
        height: 346px;
        aspect-ratio: 2200 / 692;
    }
    .l-content-section .accessibility-required_time figure picture {
        width: 100%;
        height: 100%;
    }
    .l-content-section .accessibility-required_time figure figcaption {
        display: none;
    }
    .accessibility-required_time-inner-routemap-caption {
        display: block;
        padding-top: calc( 10 * 100vw / var( --dw ) );
    }
    .accessibility-required_time__annotation {
        width: 100%;
        margin: 0;
        padding: calc( 15 * 100vw / var( --dw ) ) min(5.333vw, 24px) calc( 50 * 100vw / var( --dw ) );
    }
}





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

access_tab

============================== */
.access_tab {
    padding: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) ) 0;
    padding: 0 0 min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
@media screen and ( max-width: 768px ){
    .access_tab {
        padding: calc( 50 * 100vw / var( --dw ) ) 0;
    }
}



.access_tab .l-inner {
    padding-left: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding-right: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
@media screen and ( max-width: 768px ){
    .access_tab .l-inner {
        padding-left: min(5.333vw, 24px);
        padding-right: min(5.333vw, 24px);
    }
}



.c-tab__list {
}
@media screen and ( max-width: 768px ){
    .c-tab__list {
        width: 100%;
    }
}



.access_tab-item {
    --fs-access_tab-lead: min( max( calc( 24 * 100vw / var( --dw ) ), 22px ), calc( 24px * 1.38 ) );
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 min( calc( 94 * 100vw / var( --dw ) ), 94px );
}
.access_tab-item.local_train {
    padding-top: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding-bottom: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    border-bottom: 1px solid #031e37;
}
.access_tab-item.bullet_train {
    margin-top: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding-bottom: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    border-bottom: 1px solid #031e37;
}
.access_tab-item.plane {
    padding-top: min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding-bottom: min( calc( 120 * 100vw / var( --dw ) ), 120px );
}
@media screen and ( max-width: 768px ){
    .access_tab-item {
        --fs-access_tab-lead: calc( 20 * 100vw / var( --dw ) );
        --fs-access_tab-lead: calc( 19 * 100vw / var( --dw ) );
        padding: 0;
    }
    .access_tab-item.local_train {
        padding-top: calc( 50 * 100vw / var( --dw ) );
        padding-bottom: calc( 50 * 100vw / var( --dw ) );
        border-bottom: 1px solid #031e37;
    }
    .access_tab-item.bullet_train {
        margin-top: calc( 50 * 100vw / var( --dw ) );
        padding-bottom: calc( 50 * 100vw / var( --dw ) );
        border-bottom: 1px solid #031e37;
    }
    .access_tab-item.plane {
        padding-top: calc( 50 * 100vw / var( --dw ) );
        padding-bottom: calc( 50 * 100vw / var( --dw ) );
    }
}



.access_tab-item-title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 55 * 100vw / var( --dw ) ), 55px );
    padding: 0;
}
.l-content-section .access_tab-item-title picture {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
}
.l-content-section .local_train .access_tab-item-title picture {
    width: min( calc( 184 * 100vw / var( --dw ) ), 184px );
}
.l-content-section .bullet_train .access_tab-item-title picture {
    width: min( calc( 198 * 100vw / var( --dw ) ), 198px );
}
.l-content-section .plane .access_tab-item-title picture {
    width: min( calc( 88 * 100vw / var( --dw ) ), 88px );
}
@media screen and ( max-width: 768px ){
    .access_tab-item-title {
        margin: 0 0 calc( 27.5 * 100vw / var( --dw ) );
    }
    .l-content-section .access_tab-item-title picture {
    }
    .l-content-section .local_train .access_tab-item-title picture {
        width: calc( 184 * 100vw / var( --dw ) );
    }
    .l-content-section .bullet_train .access_tab-item-title picture {
        width: calc( 198 * 100vw / var( --dw ) );
    }
    .l-content-section .plane .access_tab-item-title picture {
        width: calc( 88 * 100vw / var( --dw ) );
    }
}



.access_tab-item-lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), 40px );
    padding: 0;
    font-size: var( --fs-access_tab-lead );
    line-height: 3;
    letter-spacing: 0.01em;
    text-align: center;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-lead {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
}



.access_tab-item-image {
    position: relative;
    width: min( calc( 916 * 100vw / var( --dw ) ), 916px );
    margin: 0 auto min( calc( 20 * 100vw / var( --dw ) ), 20px );
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-image {
        width: 100%;
        margin: 0 auto calc( 30 * 100vw / var( --dw ) );
    }
    .l-content-section .access_tab-item-image figure figcaption {
        top: 100%;
    }
}



.access_tab-item-annotation {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), 100px );
    padding: 0;
    text-align: left;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-annotation {
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
    }
}



.access_tab-item-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-content {
        padding: 0 min(5.333vw, 24px);
    }
}



.access_tab-item-content__jr {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-content__jr {
        padding: 0;
    }
}



.access_tab-item-content-required_time {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 min( calc( 50 * 100vw / var( --dw ) ), 50px );
    width: 100%;
    margin: 0;
    padding: min( calc( 50 * 100vw / var( --dw ) ), 50px ) 0 0;
}
.access_tab-item-content-required_time-item {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
}
.access_tab-item-content-required_time-item__caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
.access_tab-item-content-required_time-item__caption.fs-m {
    line-height: 1;
}
.access_tab-item-content-required_time-item__content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
.access_tab-item-content-required_time-item__content.fs-xl {
    line-height: 1;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-content-required_time {
        align-items: center;
        flex-direction: column;
        gap: calc( 25 * 100vw / var( --dw ) ) 0;
        padding: calc( 25 * 100vw / var( --dw ) ) 0 0;
    }
    .access_tab-item-content-required_time-item {
        position: relative;
        width: auto;
        margin: 0;
        padding: 0;
    }
    .access_tab-item-content-required_time-item__caption {
    }
    .access_tab-item-content-required_time-item__caption.fs-m {
    }
    .access_tab-item-content-required_time-item__content {
    }
    .access_tab-item-content-required_time-item__content.fs-xl {
    }
}



.access_tab-item-content-required_time-item__content .fs-26 {
    font-size: min( calc( 26 * 100vw / var( --dw ) ), calc( 26px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
.access_tab-item-content-required_time-item__content .colored {
    color: #897658;
}
.access_tab-item-content-required_time-item__content .fs-44 {
    font-size: min( calc( 44 * 100vw / var( --dw ) ), calc( 44px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
@media screen and ( max-width: 768px ){
    .access_tab-item-content-required_time-item__content .fs-26 {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .access_tab-item-content-required_time-item__content .colored {
    }
    .access_tab-item-content-required_time-item__content .fs-44 {
        font-size: calc( 40 * 100vw / var( --dw ) );
    }
}



.bullet_train {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media screen and ( max-width: 768px ){
    .bullet_train {
    }
}



.bullet_train .access_tab-item-content {
    width: min( calc( 500 * 100vw / var( --dw ) ), 500px );
}
@media screen and ( max-width: 768px ){
    .bullet_train .access_tab-item-content {
        width: 100%;
    }
}



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



.bullet_train .access_tab-item-content-item-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}
@media screen and ( max-width: 768px ){
    .bullet_train .access_tab-item-content-item-title {
    }
}



.bullet_train .access_tab-item-content-item-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding-top: min( calc( 20 * 100vw / var( --dw ) ), 20px );
}
.bullet_train .access_tab-item-content-item-content__caption {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: min( calc( 40 * 100vw / var( --dw ) ), 40px );
}
.bullet_train .access_tab-item-content-item-content__caption.fs-m {
    line-height: 1.5;
}
.bullet_train .access_tab-item-content-item-content__text {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: min( calc( 40 * 100vw / var( --dw ) ), 40px );
}
.bullet_train .access_tab-item-content-item-content__text.fs-xl {
    line-height: 1.5;
}
.bullet_train .access_tab-item-content-item-content__annotation {
    position: relative;
    width: auto;
    margin: 0;
    padding-left: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    text-align: left;
}
.bullet_train .access_tab-item-content-item-content__annotation.fs-xs {
    line-height: 1.5;
}
@media screen and ( max-width: 768px ){
    .bullet_train .access_tab-item-content-item-content {
        padding-top: calc( 10 * 100vw / var( --dw ) );
    }
    .bullet_train .access_tab-item-content-item-content__caption {
        padding-left: 0;
        text-align: center;
    }
    .bullet_train .access_tab-item-content-item-content__caption.fs-m {
    }
    .bullet_train .access_tab-item-content-item-content__text {
        padding-left: 0;
        text-align: center;
    }
    .bullet_train .access_tab-item-content-item-content__text.fs-xl {
    }
    .bullet_train .access_tab-item-content-item-content__annotation {
        padding-left: 0;
        text-align: center;
    }
    .bullet_train .access_tab-item-content-item-content__annotation.fs-xs {
    }
}



.bullet_train .access_tab-item-content-item-content__text .fs-26 {
    font-size: min( calc( 26 * 100vw / var( --dw ) ), calc( 26px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
.bullet_train .access_tab-item-content-item-content__text .colored {
    color: #897658;
}
.bullet_train .access_tab-item-content-item-content__text .fs-44 {
    font-size: min( calc( 44 * 100vw / var( --dw ) ), calc( 44px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
@media screen and ( max-width: 768px ){
    .bullet_train .access_tab-item-content-item-content__text .fs-26 {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .bullet_train .access_tab-item-content-item-content__text .colored {
    }
    .bullet_train .access_tab-item-content-item-content__text .fs-44 {
        font-size: calc( 40 * 100vw / var( --dw ) );
    }
}



.bullet_train .access_tab-item-image {
    width: min( calc( 442 * 100vw / var( --dw ) ), 442px );
}
.l-content-section .bullet_train .access_tab-item-image figure figcaption {
    top: 100%;
}
@media screen and ( max-width: 768px ){
    .bullet_train .access_tab-item-image {
        width: 100%;
    }
    .l-content-section .bullet_train .access_tab-item-image figure figcaption {
    }
}



.plane {
}
@media screen and ( max-width: 768px ){
}



.plane .access_tab-item-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap {
    }
}



.plane .access_tab-item-wrap.required_time {
    margin-bottom: min( calc( 80 * 100vw / var( --dw ) ), 80px );
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap.required_time {
        flex-direction: column-reverse;
        margin-bottom: calc( 40 * 100vw / var( --dw ) );
    }
}



.plane .access_tab-item-wrap-content {
    width: min( calc( 500 * 100vw / var( --dw ) ), 500px );
}
.plane .access_tab-item-wrap-content-item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.plane .access_tab-item-wrap-content-item.item_jr {
    margin-bottom: min( calc( 60 * 100vw / var( --dw ) ), 60px );
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap-content {
        width: 100%;
        padding: 0 min(5.333vw, 24px);
    }
    .plane .access_tab-item-wrap-content-item {
    }
    .plane .access_tab-item-wrap-content-item.item_jr {
        margin-bottom: calc( 30 * 100vw / var( --dw ) );
    }
}



.plane .access_tab-item-wrap-content__caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap-content__caption {
    }
}



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



.plane .access_tab-item-wrap-content-content__caption {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
}
.plane .access_tab-item-wrap-content-content__caption.fs-m {
    line-height: 1.5;
}
.plane .access_tab-item-wrap-content-content__text {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.plane .access_tab-item-wrap-content-content__text.fs-xl {
    line-height: 1.5;
}
.plane .access_tab-item-wrap-content-content__annotation {
    position: relative;
    width: auto;
    margin: 0;
    text-align: center;
}
.plane .access_tab-item-wrap-content-content__annotation.fs-xs {
    line-height: 1.5;
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap-content-content__caption {
    }
    .plane .access_tab-item-wrap-content-content__caption.fs-m {
    }
    .plane .access_tab-item-wrap-content-content__text {
    }
    .plane .access_tab-item-wrap-content-content__text.fs-xl {
    }
    .plane .access_tab-item-wrap-content-content__annotation {
    }
    .plane .access_tab-item-wrap-content-content__annotation.fs-xs {
    }
}



.plane .access_tab-item-wrap-content-content__text .fs-26 {
    font-size: min( calc( 26 * 100vw / var( --dw ) ), calc( 26px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
.plane .access_tab-item-wrap-content-content__text .colored {
    color: #897658;
}
.plane .access_tab-item-wrap-content-content__text .fs-44 {
    font-size: min( calc( 44 * 100vw / var( --dw ) ), calc( 44px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.01em;
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap-content-content__text .fs-26 {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .plane .access_tab-item-wrap-content-content__text .colored {
    }
    .plane .access_tab-item-wrap-content-content__text .fs-44 {
        font-size: calc( 40 * 100vw / var( --dw ) );
    }
}



.plane .access_tab-item-wrap-content-image {
    width: min( calc( 442 * 100vw / var( --dw ) ), 442px );
}
.l-content-section .plane .access_tab-item-wrap-content-image figure figcaption {
    top: 100%;
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap-content-image {
        width: 100%;
        margin-bottom: calc( 40 * 100vw / var( --dw ) );
    }
    .l-content-section .plane .access_tab-item-wrap-content-image figure figcaption {
    }
}



.plane .access_tab-item-wrap.explain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-height: 350px;
    margin: 0;
    padding: min( calc( 10 * 100vw / var( --dw ) ), 10px );
    border: 1px solid #bfbfbf;
    /*
    background-image: url( '../img/access/access_tab-item-explain-bg_pc.webp' );
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    */
}
@media screen and ( max-width: 768px ){
    .plane .access_tab-item-wrap.explain {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        width: calc( 335 * 100vw / var( --dw ) );
        height: auto;
        margin: 0 auto;
        /*
        background-image: url( '../img/access/access_tab-item-explain-bg_sp.webp' );
        background-size: cover;
        */
    }
}



.plane .explain .access_tab-item-wrap-image {
    position: relative;
    width: 48%;
    margin: 0;
    padding: 0;
}
.plane .explain .access_tab-item-wrap-image figure figcaption {
    right: auto;
    left: 0;
}
.plane .explain .access_tab-item-wrap-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 48%;
    margin: 0;
    padding: 0;
}
.plane .explain .access_tab-item-wrap-content-caption {
    margin-bottom: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    color: #897658;
    text-align: left;
}
.plane .explain .access_tab-item-wrap-content-caption.fs-xl {
    line-height: 2;
}
.plane .explain .access_tab-item-wrap-content-text {
    padding-right: min( calc( 20 * 100vw / var( --dw ) ), 20px );
    text-align: left;
}
.plane .explain .access_tab-item-wrap-content-text.fs-m {
    line-height: 2.5;
}
@media screen and ( max-width: 768px ){
    .plane .explain .access_tab-item-wrap-image {
        width: 100%;
    }
    .plane .explain .access_tab-item-wrap-image figure figcaption {
        left: auto;
        right: 0;
    }
    .plane .explain .access_tab-item-wrap-content {
        width: 100%;
        padding: calc( 10 * 100vw / var( --dw ) ) calc( 10 * 100vw / var( --dw ) ) calc( 20 * 100vw / var( --dw ) );
    }
    .plane .explain .access_tab-item-wrap-content-caption {
        margin-bottom: calc( 10 * 100vw / var( --dw ) );
    }
    .plane .explain .access_tab-item-wrap-content-caption.fs-xl {
        font-size: calc( 18 * 100vw / var( --dw ) );
        line-height: 1.66;
    }
    .plane .explain .access_tab-item-wrap-content-text {
        padding-top: calc( 20 * 100vw / var( --dw ) );
        padding-right: 0;
    }
    .plane .explain .access_tab-item-wrap-content-text.fs-m {
        line-height: 2;
    }
}


























































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

search

============================== */
.search.l-inner {
    padding-left: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding-right: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
}
@media screen and ( max-width: 768px ){
    .search.l-inner {
        padding-left: min(5.333vw, 24px);
        padding-right: min(5.333vw, 24px);
    }
}



.t-access__search .c-button {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
}
@media screen and ( max-width: 768px ){
}