@charset "UTF-8";

/*
ブレイクポイント
SP 〜519px
tab 520px ~ 959px (min-width:520px)
pc 960px~ (min-width:960px)
*/

.sub_title {
    background: url(../img/access_title.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*======================
.access
======================*/
.access {
    margin: var(--section-gutter) 0 0;
    padding: 0 var(--contents-side-gutter);
}

.access .access_map iframe {
    margin-bottom: var(--section-gutter);
}

.access .access_map iframe {
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.access .access_text dt {
    padding: 1em 1em 0;
    font-weight: 600;
}

.access .access_text dd {
    border-bottom: 1px solid var(--accent-color);
    padding: 1em;
}

/* ===============ここからmin-width:520px=============== */
@media screen and (min-width:520px) {

    /*======================
    access
    ======================*/
    .access .access_map iframe {
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    .access .access_text {
        display: flex;
        flex-wrap: wrap;
    }

    .access .access_text dt {
        border-bottom: 1px solid var(--accent-color);
        padding: 1em;
        width: 30%;
    }

    .access .access_text dd {
        width: 70%;
    }

}

/* ===============ここまでmin-width:520px=============== */

/* ===============ここからmin-width:960px=============== */
@media screen and (min-width:960px) {
    .access {
        padding: 0;
    }
}

/* ===============ここまでmin-width:960px=============== */