@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 768px), print {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.access .g-map__box{
    width: 100%;
    aspect-ratio: 338 / 220;
}
.access .g-map__box iframe{
    width: 100%;
    height: 100%;
}
/*================*/
.access .a-map{
    margin-top: 10.26vw;
}
.access .a-map__ttl{
    font-weight: 700;
    font-size: 6.15vw;
    letter-spacing: 0.08em;
}
.access .a-map__box{
    margin-top: 3.59vw;
    width: 100%;
    aspect-ratio: 338 / 220;
    background-color: #F5F5F5;
}
/*================*/
.access .access-accordion{
    padding-bottom: 20.51vw;
}

/*================*/
.access .accordion{
    margin-top: 15.38vw;
}
.access .accordion__ttl,
.access .accordion__contents-inner{
    display: flex;
    gap: 3.08vw;
}
.access .access__ttl-icon{
    flex-shrink: 0;
    width: 9.74vw;
    background-size: contain;
    background-repeat: no-repeat;
}
.access .access__ttl-icon--train{
    background-image: url(../../images/access/icon_train.svg);
}
.access .access__ttl-icon--car{
    background-image: url(../../images/access/icon_car.svg);
}
.access .access__ttl-icon--bicycle{
    background-image: url(../../images/access/icon_bicycle.svg);
}
.access .access__ttl-icon--taxi{
    background-image: url(../../images/access/icon_taxi.svg);
}
.access .access__ttl-icon--bus{
    background-image: url(../../images/access/icon_bus.svg);
}
.access .access__ttl-icon--airport{
    background-image: url(../../images/access/icon_airport.svg);
}


.lower.access  .accordion__contents-inner > *:not(:first-child){
    margin-top: 2.05vw;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} /* end of media query */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */