.access-heading { margin-bottom: 60px; font-size: 2.7rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .access-heading { font-size: 2.2rem; } }

.access-subhedaing { position: relative; margin-bottom: 60px; padding-left: 20px; font-size: 2.8rem; font-weight: 700; color: #00adaf; }
@media screen and (max-width: 750px) { .access-subhedaing { font-size: 2.2rem; } }
.access-subhedaing::after { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 40px; background: url("../img/common/ico_heading02.svg"); }

.access-txthedaing { margin-bottom: 40px; font-size: 1.7rem; font-weight: 700; }
@media screen and (max-width: 750px) { .access-txthedaing { font-size: 1.5rem; } }
.access-txthedaing::first-letter { margin-right: 0.5em; color: #00adaf; }

.access-nav { margin-bottom: 95px; }
@media screen and (max-width: 750px) { .access-nav { margin-bottom: 60px; } }
.access-nav ul { display: flex; justify-content: center; gap: 30px 2.5%; margin-bottom: 60px; }
.access-nav ul li { width: 20.8333333333%; background-color: #edf3fc; border-radius: 2em; }
@media screen and (max-width: 750px) { .access-nav ul li { width: 43.4782608696%; } }
.access-nav ul li a { display: flex; align-items: center; justify-content: center; text-decoration: none; height: 100%; padding: 20px 10px; text-align: center; }
.access-nav ul li a span { font-size: 1.4rem; }
@media screen and (max-width: 750px) { .access-nav ul li a span { font-size: 1.2rem; } }
.access-nav ul li a .ico { width: 0.8rem; margin-left: 10px; }
.access-nav .access-map { width: 100%; aspect-ratio: 1200 / 560; }
.access-nav .access-map iframe { width: 100%; height: 100%; }

.access-car { padding: 60px 0 150px; background-color: #edf3fc; }
@media screen and (max-width: 750px) { .access-car { padding-bottom: 60px; } }
.access-car .car-box { margin-bottom: 85px; padding-bottom: 85px; border-bottom: 1px solid #fff; }
.access-car .car-box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.access-car .car-box .car-txt { margin-bottom: 40px; font-size: 1.7rem; }
.access-car .car-box .car-item { margin-bottom: 70px; }
.access-car .car-box .car-item:last-child { margin-bottom: 0; }
.access-car .car-box .car-root { position: relative; display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 980px) { .access-car .car-box .car-root { display: block; } }
.access-car .car-box .car-root::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #005c6d; }
@media screen and (max-width: 980px) { .access-car .car-box .car-root::before { top: 0; width: 6px; height: 100%; margin-left: 25px; } }
.access-car .car-box .car-root .car-root-box { position: relative; width: 100%; max-width: 128px; padding: 10px 5px; border: 1px solid #005c6d; font-size: 1.5rem; font-weight: 500; text-align: center; border-radius: 5px; }
@media screen and (max-width: 1300px) { .access-car .car-box .car-root .car-root-box { max-width: 100px; font-size: 1.2rem; } }
@media screen and (max-width: 980px) { .access-car .car-box .car-root .car-root-box { max-width: 100%; margin-bottom: 100px; padding: 20px; font-size: 1.8rem; } }
@media screen and (max-width: 750px) { .access-car .car-box .car-root .car-root-box { padding-block: 10px; } }
.access-car .car-box .car-root .car-root-box._s { background-color: #005c6d; color: #fff; }
.access-car .car-box .car-root .car-root-box._m { background-color: #fff; color: #005c6d; }
.access-car .car-box .car-root .car-root-box._g { padding: 5px; border: 1px solid #00adaf; background-color: #00adaf; font-size: 2.2rem; color: #fff; }
@media screen and (max-width: 1300px) { .access-car .car-box .car-root .car-root-box._g { font-size: 1.8rem; } }
@media screen and (max-width: 980px) { .access-car .car-box .car-root .car-root-box._g { margin-bottom: 0; font-size: 2.2rem; } }
.access-car .car-box .car-root .car-root-txt { z-index: 9; position: absolute; top: 0; left: 0; margin-top: -0.3em; font-size: 1.4rem; text-align: center; line-height: 2; }
@media screen and (max-width: 1300px) { .access-car .car-box .car-root .car-root-txt { margin-top: 0em; font-size: 1rem; } }
@media screen and (max-width: 980px) { .access-car .car-box .car-root .car-root-txt { margin-left: 75px !important; font-size: 1.8rem; } }
.access-car ._box01 .car-root ._txt01 { margin-left: 22.5%; }
@media screen and (max-width: 980px) { .access-car ._box01 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box01 .car-root ._txt02 { margin-left: 69.1666666667%; }
@media screen and (max-width: 980px) { .access-car ._box01 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box01 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box02 ._item01 .car-root ._txt01 { margin-left: 12.9166666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item01 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box02 ._item01 .car-root ._txt02 { margin-left: 34.1666666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item01 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item01 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box02 ._item01 .car-root ._txt03 { margin-left: 56.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item01 .car-root ._txt03 { margin-top: 430px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item01 .car-root ._txt03 { margin-top: 400px; } }
.access-car ._box02 ._item01 .car-root ._txt04 { margin-left: 80.8333333333%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item01 .car-root ._txt04 { margin-top: 600px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item01 .car-root ._txt04 { margin-top: 550px; } }
.access-car ._box02 ._item02 .car-root ._txt01 { margin-left: 16.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item02 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box02 ._item02 .car-root ._txt02 { margin-left: 45.8333333333%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item02 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item02 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box02 ._item02 .car-root ._txt03 { margin-left: 77.0833333333%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item02 .car-root ._txt03 { margin-top: 430px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item02 .car-root ._txt03 { margin-top: 400px; } }
.access-car ._box02 ._item03 .car-root ._txt01 { margin-left: 14.5833333333%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item03 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box02 ._item03 .car-root ._txt02 { margin-left: 46.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item03 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item03 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box02 ._item03 .car-root ._txt03 { margin-left: 76.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box02 ._item03 .car-root ._txt03 { margin-top: 430px; } }
@media screen and (max-width: 750px) { .access-car ._box02 ._item03 .car-root ._txt03 { margin-top: 400px; } }
.access-car ._box03 .car-root ._txt01 { margin-left: 16.25%; }
@media screen and (max-width: 980px) { .access-car ._box03 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box03 .car-root ._txt02 { margin-left: 45.4166666667%; }
@media screen and (max-width: 980px) { .access-car ._box03 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box03 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box03 .car-root ._txt03 { margin-left: 76.25%; }
@media screen and (max-width: 980px) { .access-car ._box03 .car-root ._txt03 { margin-top: 430px; } }
@media screen and (max-width: 750px) { .access-car ._box03 .car-root ._txt03 { margin-top: 400px; } }
.access-car ._box04 ._item01 .car-root ._txt01 { margin-left: 12.9166666667%; }
@media screen and (max-width: 980px) { .access-car ._box04 ._item01 .car-root ._txt01 { margin-top: 85px; } }
.access-car ._box04 ._item01 .car-root ._txt02 { margin-left: 34.1666666667%; }
@media screen and (max-width: 980px) { .access-car ._box04 ._item01 .car-root ._txt02 { margin-top: 260px; } }
@media screen and (max-width: 750px) { .access-car ._box04 ._item01 .car-root ._txt02 { margin-top: 240px; } }
.access-car ._box04 ._item01 .car-root ._txt03 { margin-left: 56.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box04 ._item01 .car-root ._txt03 { margin-top: 430px; } }
@media screen and (max-width: 750px) { .access-car ._box04 ._item01 .car-root ._txt03 { margin-top: 400px; } }
.access-car ._box04 ._item01 .car-root ._txt04 { margin-left: 80.8333333333%; }
@media screen and (max-width: 980px) { .access-car ._box04 ._item01 .car-root ._txt04 { margin-top: 600px; } }
@media screen and (max-width: 750px) { .access-car ._box04 ._item01 .car-root ._txt04 { margin-top: 550px; } }
.access-car ._box04 ._item02 .car-root ._txt01 { margin-left: 46.6666666667%; }
@media screen and (max-width: 980px) { .access-car ._box04 ._item02 .car-root ._txt01 { margin-top: 85px; } }

.access-transport { padding: 100px 0 190px; }
@media screen and (max-width: 750px) { .access-transport { padding: 60px 0; } }
.access-transport .access-icon { width: 110px; margin: 0 auto 20px; }
.access-transport .transport-map { margin-bottom: 70px; padding: 55px 20px; border: 2px solid #00adaf; border-radius: 20px; }
.access-transport .transport-map figure { width: 100%; max-width: 932px; margin: 0 auto; }
.access-transport .transport-root .transport-root-con { display: flex; justify-content: space-between; gap: 30px 3.75%; }
@media screen and (max-width: 750px) { .access-transport .transport-root .transport-root-con { flex-direction: column; } }
.access-transport .transport-root figure { width: 48.3333333333%; }
@media screen and (max-width: 750px) { .access-transport .transport-root figure { width: 100%; } }
.access-transport .transport-root .transport-root-box { flex: 1; }
.access-transport .transport-root .transport-root-box ul li { margin-bottom: 15px; }
.access-transport .transport-root .transport-root-box ul li:first-child a { background-image: url("../img/common/ico_pdf.svg"); background-position: right 25px center; background-repeat: no-repeat; background-size: 25px auto; }
.access-transport .transport-root .transport-root-box ul li:last-child { margin-bottom: 0; }
.access-transport .transport-root .transport-root-box ul li:last-child a { background-image: url("../img/common/ico_link.svg"); background-position: right 25px center; background-repeat: no-repeat; background-size: 23px auto; }
.access-transport .transport-root .transport-root-box ul li a { display: block; text-decoration: none; padding: 25px 50px 25px 25px; background-color: #edf3fc; border-radius: 20px; }
.access-transport .transport-root .transport-root-box ul li a dl dt { margin-bottom: 10px; font-weight: 700; }
.access-transport .transport-root .transport-root-box ul li a dl dd { font-size: 1.4rem; }

/*# sourceMappingURL=access.css.map */