.access-wrapper {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: url("../img/common/access-bg.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media(max-width:992px) {
    .access-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        background-position: center;
        background-size: cover;
    }
}

.access-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--sub-color-13);
    opacity: 0.9;
}

.access-wrapper>* {
    position: relative;
    z-index: 1;
}

@media(max-width:992px) {
    .access-wrapper .top-title {
        text-align: center;
    }
}

.access-contents {
    padding: 40px 20px;
    display: flex;
    gap: 25px;
}

@media(max-width:992px) {
    .access-contents {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }

    .access-content {
        text-align: center;
    }

    .access-content p {
        margin-top: 10px;
    }
}

.access-content-title {
    color: var(--txt-color-6);
    margin-top: 15px;
}

@media(max-width:992px) {
    .access-content-title:not(:first-child) {
        margin-top: 35px;
    }
}

.access-content-title span {
    color: #FFF;
    border-bottom: 1px solid;
}

.access-content:last-child {
    width: 60%;
}

.access-content-map {
    width: 100%;
    height: 100%;
}

@media(max-width:992px) {
    .access-content-map {
        height: 400px;
        padding: 0;
        position: relative;
    }
}