<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("https://fonts.googleapis.com/css?family=Fjalla+One");.access {
    overflow: hidden
}

.access .kenten {
    padding: 0.3em 0;
    background-repeat: repeat-x;
    background-size: 1.05em 0.25em;
    background-position: top left;
    background-image: -webkit-gradient(radial, center center, 0, center center, 1.5, from(#0e62aa), color-stop(0.5, #0e62aa), color-stop(0.9, transparent), to(transparent));
    background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #0e62aa, #0e62aa 95%, transparent 95%, transparent);
    background-image: radial-gradient(0.1em 0.1em at center center, #0e62aa,#0e62aa 95%,rgba(0,0,0,0))
}

.access .mv-block {
    position: relative
}

.access .mv-block .mv {
    min-height: 35rem;
    padding-bottom: 25%;
    background: url(/common/img/share/mv/mv.jpg) no-repeat center center;
    background-size: cover
}

.access .mv-block .mv-catch {
    position: absolute;
    top: 56.28571%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%)
}

.access .mv-block .mv-catch p {
    color: #fff;
    line-height: 1.5
}

.access .mv-block .mv-catch span.small {
    display: inline-block;
    margin-bottom: 1.5rem;
    padding: .5rem .8rem;
    background: #0e62aa;
    font-size: 1.8rem;
    font-family: 'Fjalla One', sans-serif;
    letter-spacing: .25rem;
    line-height: 1
}

.access .mv-block .mv-catch span.lg {
    display: block;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1
}

.access .block {
    margin-bottom: 5rem
}

.access .block01 {
    padding: 5rem 0 0
}

.access .block01 .access-ttl {
    margin-bottom: 4rem;
    color: #0e62aa;
    font-size: 3.2rem;
    text-align: center
}

.access .block01 .col {
    width: 48.4375%
}

.access .block01 .ph {
    align-self: flex-end;
    width: 48.4375%
}

.access .block01 .border-box {
    margin-top: 3rem;
    padding: 2rem 4rem;
    border: 2px solid #ccc
}

.access .block01 .border-box dl dt {
    font-size: 1.6rem
}

.access .block01 .border-box dl dt::before {
    display: inline-block;
    margin-right: .5rem;
    width: .8rem;
    height: .8rem;
    background: #0e62aa;
    border-radius: 50%;
    content: ""
}

.access .block01 .border-box dl dd {
    margin-left: 1.3rem
}

.access .block01 .border-box dl.car dt {
    font-size:1.7rem;
    font-weight: 600;
}
.access .block01 .border-box dl.train dt {
    font-size:1.7rem;
    font-weight: 600;
}

.access .block02 {
    position: relative;
}

.access .block02 .ph {
    text-align: right
}

.access .block02 .btn {
    margin-top: 5rem
}

.access .block02 .btn a::before {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: sub;
    transform: skewX(10deg);
    content: url(/common/img/access/btn-icon01.png)
}

.access .block02 .btn a::after {
    top: .3rem;
    right: 5%;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    transform: skewX(10deg);
    content: url(/common/img/access/btn-icon02.png)
}

.access .block02 .btn a:hover {
    color: #fff
}

.access .block03 .ph {
    text-align: center
}

@media (max-width: 1024px) {
    .access .block01 .access-ttl {
        font-size:3.125vw
    }
}

@media (max-width: 640px) {
    .access .mv-block .mv {
        min-height:2.25rem;
        padding-bottom: 60%;
        background: url(/common/img/share/mv/sp-mv.jpg) no-repeat center center;
        background-size: cover
    }

    .access .mv-block .mv-catch {
        position: absolute;
        top: 53.80952%;
        left: 50%;
        text-align: center;
        transform: translateX(-50%)
    }

    .access .mv-block .mv-catch span.small {
        margin-bottom: .8rem;
        font-size: 1.2rem
    }

    .access .mv-block .mv-catch span.lg {
        font-size: 2.6rem
    }

    .access .block01 .access-ttl {
        margin-bottom: 2rem;
        font-size: 2.4rem
    }

    .access .block01 .col {
        width: 100%
    }

    .access .block01 .col img {
        width: 100%
    }

    .access .block01 .ph {
        width: 100%;
        margin-top: 2rem
    }

    .access .block01 .ph img {
        width: 100%
    }

    .access .block01 .border-box {
        margin-top: 2rem
    }

    .access .block01 .border-box dl dt {
        font-size: 1.3rem
    }

    .access .block01 .border-box dl dd {
        font-size: 1.1rem
    }

    .access .block02 .btn {
        width: 80%
    }

    .access .block02 .btn a {
        font-size: 1.4rem
    }
}
</pre></body></html>