.page-main .page-main__title h2{
    background: url(../images/access_h2.svg) center / auto 100% no-repeat;
    width: 190px;
}
.page-copy{
    padding: 60px 0;
    width: 90%;
    margin: 0 auto;
}
.page-copy h3{
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    line-height: 1.9;
    letter-spacing: 2px;
}
.page-copy h4{
    font-weight: 400;
    text-align: center;
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: 2px;
}
.page-copy h3 + h4{
    margin-top: 30px;
}

.access-image{
    max-width: 960px;
    width: 90%;
    margin: 0 auto 80px;
}
.access-image.img01{
    max-width: 916px;
}
.access-image.img02{
    max-width: 872px;
}

.romancecar-list,
.city-access{
    max-width: 960px;
    width: 90%;
    margin: 0 auto 30px;
    gap: 30px 27px;
}
.romancecar-list_item,
.city-access_item{
    width: calc( ( 100% - 54px ) / 3);
}
.romancecar-list_image img,
.city-access_image img{
    width: 100%;
    aspect-ratio: 1.2655;
    object-fit: cover;
}
.romancecar-list_image .minute,
.city-access_image .minute{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:3;
    white-space: nowrap;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0px 0px 6px rgba(0,0,0,0.75);
    line-height: 1;
    letter-spacing: 3px;
    z-index: 5;
}
.romancecar-list_image figure:after{
    content: "";
    display: block;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}
.romancecar-list_image figure figcaption{
    z-index: 3;
}
.romancecar-list_image .minute p,
.city-access_image .minute p{
    display: block;
    font-size: 300%;
}
.romancecar-list_image .minute p span,
.city-access_image .minute p span{
    font-size: 60%;
}
.romancecar-list_text,
.city-access_text{
    margin: 10px 0 0;
    font-size: 20px;
    text-align: left;
    letter-spacing: 2px;
}
.romancecar-list_text span,
.city-access_text span{
    font-size: 1rem;
}
.romancecar-list_text p,
.city-access_text p{
    font-size: 1rem;
}
.romancecar-list_notice,
.city-access_notice{
    margin-bottom: 10px;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    max-width: 960px;
    width: 90%;
    margin: 0 auto 80px;
}
.romancecar-list_notice li,
.city-access_notice li{
    text-indent: -1em;
    padding-left: 1em;
}

.multi-body{
    background: url(../images/access_bg.webp) center top / 100% auto no-repeat;
    padding: 40px 0 100px;
}
.multi-contents{
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
}
.multi-contents h3{
    text-indent: -9999px;
    height: 37px;
    border-bottom: 10px solid #656156;
}
.multi-contents.bicycle h3{
    background: url(../images/access_title01.svg) center top / auto 30px no-repeat;
}
.multi-contents.romancecar h3{
    background: url(../images/access_title02.svg) center top / auto 30px no-repeat;
}
.multi-contents.airport h3{
    background: url(../images/access_title03.svg) center top / auto 30px no-repeat;
}
.multi-contents h4{
    margin: 45px auto 60px;
    width: 90%;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 2px;
}
.bicycle-list{
    gap: 20px 35px;
    justify-content: center;
}
.bicycle-list_image{
    width: 380px;
}
.bicycle-list_text{
    width: 396px;
    text-align: left;
    font-size: 15px;
    line-height: 1.85;
}
.bicycle-list_image span,
.bicycle-list_text span{
    display: inline-block;
    margin: 0 .25em 0 0;
    color: #9f0d3e;
}
.romancecar-list_notice,
.romancecar-list{
    width: 100%;
}
.multi-contents.romancecar{
    margin: 60px auto 0;
}
.airport-list{
    gap: 20px 40px;
    justify-content: center;
}
.airport-list_image{
    width: 365px;
}
.airport-list_map{
    width: 555px;
}
.caraccess{
    background: url(../images/access_bg.webp) center top 63px / 100% auto no-repeat;
    padding: 40px 0 100px;
}
.caraccess h3{
    text-indent: -9999px;
    height: 32px;
    border-bottom: 10px solid #17372a;
    background: url(../images/access_title04.svg) center top / auto 23px no-repeat;
}
.highway-list,
.caraccess-list{
    gap: 30px 34px;
    max-width: 960px;
    width: 90%;
    margin: 60px auto 0;
}
.highway-list_item,
.caraccess-list_item{
    width: calc( (100% - 68px) / 3);
}
.highway-list_image img,
.caraccess-list_image img{
    width: 100%;
    aspect-ratio: 1.4053;
    object-fit: cover;
}
.caraccess-list_text{
    font-size: 16px;
    line-height: 1.1;
    text-align: center;
    margin: 15px 0 0;
}
.caraccess-list_text span{
    font-size: 130%;
}
.caraccess-list_text p{
    font-size: 125%;
}
.caraccess-list_text p i{
    font-size: 160%;
    font-style: normal;
}
.caraccess-list_text p i:before{
    content: "";
    display: inline-block;
    width: 47px;
    height: 19px;
    background: url(../images/icon_car.svg) center / contain no-repeat;
    margin-right: .5rem;
}
.highway{
    padding: 0 0 80px;
}
.highway-list_text{
    font-size: 19px;
    line-height: 1.25;
    text-align: center;
    margin: 10px 0 0;
}
.highway-list_text .distance{
    margin: .5rem 0 0;
    justify-content: center;
}
.highway-list_text .left{
    font-size: 15px;
    line-height: 1.2;
}
.highway-list_text .right{
    font-size: 22px;
    line-height: 1;
}
.highway-list_text .right span{
    font-size: 150%;
}
.highway-list + p.caption{
    width: 90%;
    max-width: 960px;
    margin: 10px auto 0;
}



@media screen and (max-width: 768px){
    .page-main .page-main__title {
        top: 25%;
    }
    .page-copy{
        padding: 30px 0;
    }
    .page-copy h3{
        font-size: 21px;
        line-height: 1.7;
    }
    .romancecar-list,
    .city-access{
        justify-content: center;
    }
    .romancecar-list_item,
    .city-access_item{
        width: 100%;
    }
    .romancecar-list_notice{
        font-size: 11px;
    }
    .city-access_notice {
        font-size: 1rem;
        letter-spacing: 0.1em;
        margin: 0 auto 30px;
    }
    .multi-body{
        padding: 0 0 30px;
    }
    .multi-contents h3{
        height: 24px;
        border-bottom-width: 7px;
    }
    .multi-contents h4{
        margin: 20px auto;
        font-size: 18px;
        line-height: 1.6;
        letter-spacing: 1px;
        width: 100%;
    }
    .multi-contents.bicycle h3 {
        background: url(../images/access_title01.svg) center top / auto 18px no-repeat;
    }
    .multi-contents.romancecar h3{
        background: url(../images/access_title02.svg) center top / auto 18px no-repeat;
    }
    .multi-contents.airport h3{
        background: url(../images/access_title03.svg) center top / auto 18px no-repeat;
    }
    .bicycle-list_image,
    .bicycle-list_text{
        width: 100%;
    }
    .highway-list_item,
    .caraccess-list_item{
        width: 100%;
    }
    .highway-list,
    .caraccess-list{
        margin: 30px auto 0;
    }
    .caraccess{
        padding: 40px 0 0;
    }
    .highway-list_text .left{
        font-size: 14px;
    }
    .caraccess-list_text{
        font-size: 16px;
    }
    .caraccess-list_text span{
        font-size: 120%;
    }
    .highway-list_text .distance{
        gap: 1rem;
        margin-top: 10px;
    }
    .highway{
        padding: 0 0 0px;
    }
}