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





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

main_visual

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










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

t-access__guide

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










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

tab_how

============================== */
.tab_how {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding-top: 0;
    padding-bottom: 0;
}
.tab_how .c-tab__list {
}
.tab_how .c-tab__item {
}
@media screen and ( max-width: 768px ) {
    .tab_how {
        position: relative;
        width: 100%;
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
        padding: 0 calc( 19.25 * 100vw / var( --dw ) );
    }
    .tab_how .c-tab__list {
        width: 100%;
    }
    .tab_how .c-tab__item {
        min-width: auto;
        min-height: auto;
    }
}










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

item_train-wrapper

============================== */
.item_train-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: calc( min( calc( 115 * 100vw / var( --dw ) ), calc( 115px * 1.38 ) ) - min(2.882vw, 48px) ) min( calc( 124 * 100vw / var( --dw ) ), calc( 124px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .item_train-wrapper {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: calc( 57.5 * 100vw / var( --dw ) ) 0;
    }
}



.item_train-wrapper-diagram {
    position: relative;
    width: min( calc( 432 * 100vw / var( --dw ) ), calc( 432px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.item_train-wrapper-diagram .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), calc( 14px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-diagram .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-diagram .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 44 * 100vw / var( --dw ) ), calc( 44px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-diagram .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 68 * 100vw / var( --dw ) ), calc( 68px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-diagram-subject {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0;
}
.item_train-wrapper-diagram-subject__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-diagram-subject__text:nth-of-type(1) {
    padding-left: min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) );
    text-align: left;
}
.item_train-wrapper-diagram-subject__text:nth-of-type(2) {
    margin-top: max( calc( -20 * 100vw / var( --dw ) ), calc( -20px * 1.38 ) );
    text-align: center;
}
.item_train-wrapper-diagram-subject__text:nth-of-type(3) {
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .item_train-wrapper-diagram {
        width: 100%;
    }
    .item_train-wrapper-diagram .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-diagram .text-s {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-diagram .text-m {
        font-size: calc( 30 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-diagram .text-l {
        font-size: calc( 45 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-diagram-subject {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        padding: 0;
    }
    .item_train-wrapper-diagram-subject__text {
    }
    .item_train-wrapper-diagram-subject__text:nth-of-type(1) {
        padding-left: calc( 50 * 100vw / var( --dw ) );
        text-align: left;
    }
    .item_train-wrapper-diagram-subject__text:nth-of-type(2) {
        margin-top: calc( -10 * 100vw / var( --dw ) );
        text-align: center;
    }
    .item_train-wrapper-diagram-subject__text:nth-of-type(3) {
        padding-right: calc( 30 * 100vw / var( --dw ) );
        text-align: right;
    }
}



.item_train-wrapper-diagram__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-diagram__image figure, 
.item_train-wrapper-diagram__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-diagram__image picture img {
    width: 100%;
}
.item_train-wrapper-diagram__image figcaption {
    position: block;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
    color: #333;
    background-color: rgba( 255, 255, 255, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .item_train-wrapper-diagram__image {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-diagram__image figure, 
    .item_train-wrapper-diagram__image picture {
    }
    .item_train-wrapper-diagram__image picture img {
    }
    .item_train-wrapper-diagram__image figcaption {
    }
}



.item_train-wrapper-time_required {
    position: relative;
    width: min( calc( 336 * 100vw / var( --dw ) ), calc( 336px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.item_train-wrapper-time_required-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-time_required-content__subject {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.item_train-wrapper-time_required-content-item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-time_required-content-item .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 11 * 100vw / var( --dw ) ), calc( 11px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-time_required-content-item .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 12 * 100vw / var( --dw ) ), calc( 12px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-time_required-content-item .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 16.5 * 100vw / var( --dw ) ), calc( 16.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-time_required-content-item .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 27.5 * 100vw / var( --dw ) ), calc( 27.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_train-wrapper-time_required-content-item.item_umeda {
}
.item_train-wrapper-time_required-content-item.item_nishinomiya {
}
.item_train-wrapper-time_required-content-item.item_airport {
}
.item_train-wrapper-time_required-content-item__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_train-wrapper-time_required-content-item__image figure, 
.item_train-wrapper-time_required-content-item__image picture {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.item_train-wrapper-time_required-content-item__image picture img {
    width: 100%;
}
.item_train-wrapper-time_required-content-item__image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
.item_train-wrapper-time_required-content-item-time_required {
}
.item_train-wrapper-time_required-content-item-time_required__text {
}
@media screen and ( max-width: 768px ) {
    .item_train-wrapper-time_required {
        width: 100%;
    }
    .item_train-wrapper-time_required-content {
        gap: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) 0;
    }
    .item_train-wrapper-time_required-content__subject {
    }
    .item_train-wrapper-time_required-content-item {
    }
    .item_train-wrapper-time_required-content-item .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-time_required-content-item .text-s {
        font-size: calc( 12 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-time_required-content-item .text-m {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-time_required-content-item .text-l {
        font-size: calc( 25 * 100vw / var( --dw ) );
    }
    .item_train-wrapper-time_required-content-item.item_umeda {
    }
    .item_train-wrapper-time_required-content-item.item_nishinomiya {
    }
    .item_train-wrapper-time_required-content-item.item_airport {
    }
    .item_train-wrapper-time_required-content-item__image {
    }
    .item_train-wrapper-time_required-content-item__image figure, 
    .item_train-wrapper-time_required-content-item__image picture {
    }
    .item_train-wrapper-time_required-content-item__image picture img {
    }
    .item_train-wrapper-time_required-content-item__image figcaption {
    }
    .item_train-wrapper-time_required-content-item-time_required {
    }
    .item_train-wrapper-time_required-content-item-time_required__text {
    }
}










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

item_bus-wrapper

============================== */
.item_bus-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( min( calc( 115 * 100vw / var( --dw ) ), calc( 115px * 1.38 ) ) - min(2.882vw, 48px) ) 0;
}
@media screen and ( max-width: 768px ) {
    .item_bus-wrapper {
        padding: calc( 57.5 * 100vw / var( --dw ) ) 0;
    }
}



.item_bus-wrapper-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin: 0 0 calc( min( calc( 115 * 100vw / var( --dw ) ), calc( 115px * 1.38 ) ) - min(2.882vw, 48px) );
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .item_bus-wrapper-content {
        margin: 0 0 calc( 57.5 * 100vw / var( --dw ) );
        padding: 0;
    }
}



/*
.item_bus-wrapper-content .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 11 * 100vw / var( --dw ) ), calc( 11px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_bus-wrapper-content .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 12 * 100vw / var( --dw ) ), calc( 12px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_bus-wrapper-content .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 16.5 * 100vw / var( --dw ) ), calc( 16.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.item_bus-wrapper-content .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 27.5 * 100vw / var( --dw ) ), calc( 27.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
@media screen and ( max-width: 768px ) {
    .item_bus-wrapper-content .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content .text-s {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content .text-m {
        font-size: calc( 30 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content .text-l {
        font-size: calc( 45 * 100vw / var( --dw ) );
    }
}
*/



.item_bus-wrapper-content-text {
    position: relative;
    width: min( calc( 680 * 100vw / var( --dw ) ), calc( 680px * 1.38 ) );
    margin: 0;
    padding: 0 min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) ) 0 0;
}
.item_bus-wrapper-content-text .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), calc( 14px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    text-align: right;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content-text .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content-text .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 44 * 100vw / var( --dw ) ), calc( 44px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content-text .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 68 * 100vw / var( --dw ) ), calc( 68px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content-text__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.item_bus-wrapper-content-text__item .text {
    position: relative;
    width: 100%;
    padding: 0;
}
.item_bus-wrapper-content-text__item .text:nth-of-type(1){
    padding-left: min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) );
    text-align: left;
}
.item_bus-wrapper-content-text__item .text:nth-of-type(2){
    margin-top: max( calc( -15 * 100vw / var( --dw ) ), calc( -15px * 1.38 ) );
    text-align: right;
}
.item_bus-wrapper-content-text__item .text:nth-of-type(3){
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .item_bus-wrapper-content-text {
        width: 100%;
        padding: 0;
    }
    .item_bus-wrapper-content-text .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text .text-s {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text .text-m {
        font-size: calc( 30 * 100vw / var( --dw ) );
        font-size: calc( 22 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text .text-l {
        font-size: calc( 45 * 100vw / var( --dw ) );
        font-size: calc( 37 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text__item {
        align-items: center;
        margin-bottom: calc( 20 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text__item .text {
    }
    .item_bus-wrapper-content-text__item .text:nth-of-type(1){
        padding-left: calc( 30 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content-text__item .text:nth-of-type(2){
        margin-top: calc( -10 * 100vw / var( --dw ) );
        padding-right: calc( 10 * 100vw / var( --dw ) );
        text-align: center;
    }
    .item_bus-wrapper-content-text__item .text:nth-of-type(3){
        text-align: right;
    }
}



.item_bus-wrapper-content__image {
    position: relative;
    width: min( calc( 336 * 100vw / var( --dw ) ), calc( 336px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.item_bus-wrapper-content__image .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 11 * 100vw / var( --dw ) ), calc( 11px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content__image .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 12 * 100vw / var( --dw ) ), calc( 12px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content__image .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 16.5 * 100vw / var( --dw ) ), calc( 16.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content__image .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 27.5 * 100vw / var( --dw ) ), calc( 27.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_bus-wrapper-content__image .subject {
    position: relative;
    width: min( calc( 336 * 100vw / var( --dw ) ), calc( 336px * 1.38 ) );
    margin: 0 0 min( calc( 16 * 100vw / var( --dw ) ), calc( 16px * 1.38 ) );
    padding: 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.item_bus-wrapper-content__image figure, 
.item_bus-wrapper-content__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    aspect-ratio: 672 / 344;
    margin: 0;
    padding: 0;
}
.item_bus-wrapper-content__image figure { 
    margin-bottom: min( calc( 5 * 100vw / var( --dw ) ), calc( 5px * 1.38 ) );
}
.item_bus-wrapper-content__image picture img {
    width: 100%;
}
.item_bus-wrapper-content__image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .item_bus-wrapper-content__image {
        width: 100%;
    }
    .item_bus-wrapper-content__image .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image .text-s {
        font-size: calc( 12 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image .text-m {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image .text-l {
        font-size: calc( 25 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image .subject {
        width: 100%;
        margin: 0 0 calc( 16 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image figure, 
    .item_bus-wrapper-content__image picture {
        aspect-ratio: 672 / 424;
    }
    .item_bus-wrapper-content__image figure { 
        margin-bottom: calc( 5 * 100vw / var( --dw ) );
    }
    .item_bus-wrapper-content__image picture img {
    }
    .item_bus-wrapper-content__image figcaption {
    }
}



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










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

item_car-wrapper

============================== */
.item_car-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( min( calc( 115 * 100vw / var( --dw ) ), calc( 115px * 1.38 ) ) - min(2.882vw, 48px) ) min( calc( 124 * 100vw / var( --dw ) ), calc( 124px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .item_car-wrapper {
        padding: calc( 19.5 * 100vw / var( --dw ) ) 0;
    }
}



.item_car-wrapper-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 0 0 calc( min( calc( 115 * 100vw / var( --dw ) ), calc( 115px * 1.38 ) ) - min(2.882vw, 48px) );
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .item_car-wrapper-content {
        margin: 0 0 calc( 57.5 * 100vw / var( --dw ) );
    }
}



.item_car-wrapper-content__title {
    position: relative;
    width: 100%;
    margin: 0 auto min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0;
}
.item_car-wrapper-content__title picture {
    position: relative;
    display: inline-block;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .item_car-wrapper-content__title {
        margin: 0 auto calc( 30 * 100vw / var( --dw ) );
    }
    .item_car-wrapper-content__title picture {
    }
}



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



.item_car-wrapper-content-text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: calc( 100% - min( calc( 500 * 100vw / var( --dw ) ), calc( 500px * 1.38 ) ) );
    margin: 0;
    padding: min( calc( 27.5 * 100vw / var( --dw ) ), calc( 27.5px * 1.38 ) );
    background-color: #EFEFEF;
}
.item_car-wrapper-content-text .text-xs {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 11 * 100vw / var( --dw ) ), calc( 11px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_car-wrapper-content-text .text-s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 14.3 * 100vw / var( --dw ) ), calc( 14.3px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_car-wrapper-content-text .text-m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 16.5 * 100vw / var( --dw ) ), calc( 16.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
.item_car-wrapper-content-text .text-l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: rgba( 144, 133, 82, 0.9 );
    font-size: min( calc( 27.5 * 100vw / var( --dw ) ), calc( 27.5px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
    font-feature-settings: "palt";
}
@media screen and ( max-width: 768px ) {
    .item_car-wrapper-content-text {
        justify-content: flex-start;
        gap: calc( 15 * 100vw / var( --dw ) ) 0;
        width: 100%;
        padding: calc( 18 * 100vw / var( --dw ) );
    }
    .item_car-wrapper-content-text .text-xs {
        font-size: calc( 10 * 100vw / var( --dw ) );
    }
    .item_car-wrapper-content-text .text-s {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_car-wrapper-content-text .text-m {
        font-size: calc( 15 * 100vw / var( --dw ) );
    }
    .item_car-wrapper-content-text .text-l {
        font-size: calc( 25 * 100vw / var( --dw ) );
    }
}



.item_car-wrapper-content-text__item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_car-wrapper-content-text__item .subject {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_car-wrapper-content-text__item .text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.item_car-wrapper-content-text__separator {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #707070;
}
@media screen and ( max-width: 768px ) {
    .item_car-wrapper-content-text__item {
    }
    .item_car-wrapper-content-text__item .subject {
    }
    .item_car-wrapper-content-text__item .text {
    }
    .item_car-wrapper-content-text__separator {
    }
}



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



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



/*
.car
.taxi
*/
.car .item_car-wrapper-content__title picture {
    position: relative;
    display: inline-block;
    width: min( calc( 52.5 * 100vw / var( --dw ) ), calc( 52.5px * 1.38 ) );
}
.taxi .item_car-wrapper-content__title picture {
    position: relative;
    display: inline-block;
    width: min( calc( 54.53 * 100vw / var( --dw ) ), calc( 54.53px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .car .item_car-wrapper-content__title picture {
        width: calc( 52.5 * 100vw / var( --dw ) );
    }
    .taxi .item_car-wrapper-content__title picture {
        width: calc( 54.53 * 100vw / var( --dw ) );
    }
}