/*==========================================
Access Map
==========================================*/

.access-map{
    overflow:hidden;
}

.access-map iframe{
    display:block;
    width:100%;
    height:520px;
    border:none;
}

@media (max-width:768px){

    .access-map iframe{
        height:320px;
    }
}

/*==========================================
 Car
==========================================*/

.car-flow{
    margin-bottom:24px;
}

.car-flow img{
    display:block;
    width:100%;
    height:auto;
}

.car-address{
    margin-top:28px;
    text-align:center;
}

.car-address p{
    display:block;
    gap:10px;
    margin:0;
    padding:16px 28px;
    background:#eef7fb;
    border:1px solid #d9eaf5;
    color:#111;
    font-size:1.05rem;
    line-height:1.8;
}
.car-address p span{
    color: var(--brand-color);
    font-weight: 600;
}
.car-address i{
    margin-right:10px;
    color:var(--brand-color);
    font-size:1.3rem;
    flex-shrink:0;
}

@media (max-width:768px){

    .car-flow{
        margin-bottom:20px;
    }
    .car-address p{
        padding:16px 20px;
        font-size:.95rem;
        text-align:left;
        display: block;
        text-align: center;
    }
    .car-address p span{
        display: block;
    }

}
/*==========================================
 Bus
==========================================*/

.bus-info{
    display:grid;
    grid-template-columns:55% 40%;
    gap:30px;
    align-items:center;
    margin-bottom: 3rem;
}

.bus-map img{
    display:block;
    width:100%;
    height:auto;
    border:1px solid #dfe8f3;    
}
.bus-text h4{
    margin-bottom:20px;

    color:var(--brand-color);

    font-size:1.6rem;
    font-weight:700;
}

.bus-station{
    margin-bottom:18px;
    font-weight:700;
}

.bus-list{
    margin:0;
    padding:0;
    list-style:none;
}

.bus-list li{
    position:relative;
    padding-left:1.2em;
    margin-bottom:10px;
    line-height:1.8;
}

.bus-list li::before{
    content:"●";
    position:absolute;
    left:0;
    color:var(--brand-color);
}

.bus-map img{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
}

.bus-links{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:40px;
}

@media (max-width:768px){

    .bus-info{
        display:flex;
        flex-direction:column;
        gap:24px;
    }

    .bus-text{
        order:1;
    }

    .bus-links{
        order:2;
        margin-top:0;
    }


}