@charset "utf-8";

/* --------------------------------------------

access

---------------------------------------------- */

.accessMap {
    max-width: 960px;
    margin: auto;
}

.accessTraffic {
    margin: 24px 0;
}

.accessTraffic h2 {
    position: relative;
    padding: 12px 16px;
    margin: 32px 0;
    font-size: var(--fz-l);
    color: var(--c-blue);
}

.accessTraffic h2::before,
.accessTraffic h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    content: "";
}

.accessTraffic h2::before {
    width: 100%;
    background-color: var(--c-bg);
}

.accessTraffic h2::after {
    width: 100px;
    background-image: linear-gradient(90deg, var(--c-green) 25%, var(--c-blue) 25%);
}

.accessTrafficInner {
    margin: 16px 0;
}

.accessTrafficInner ul {}

.accessTrafficInner ul li {
    margin: 16px 0;
    padding-left: 24px;
    text-indent: -1em;
}

.accessTrafficInner p {
    text-indent: 0em;
    font-size: var(--fz-m);
    font-weight: var(--fw-regular);
}

.accessTrafficInner s {
    pointer-events: none;
    opacity: 0.5;
}

.accessTrafficInner .link::before {
    content: "";
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    vertical-align: middle;
    background-image: url(../_image/access/linkIcon.svg);
}

.accessTrafficInner .link a {
    font-weight: var(--fw-regular);
    text-decoration: underline;
}


@media screen and (max-width: 1100px) {}

@media screen and (max-width: 640px) {}