@charset "UTF-8";
.overview h1,
.overview h2 {
    text-align: center;
    color: #004098;
    letter-spacing: 0.1em;
}
.overview h1 {
    font-size: 6.6vw;
    margin-top: 30px;
}
.overview h2 {
    font-weight: 400;
    line-height: 2.2;
    font-size: 14px;
    margin-top: 10px;
}

.access {
    margin-top: 30px;
    color: #004098;
}
.access img {
    width: 100%;
}
.access .inner {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.access .address {order: 1;}
.access .map {
    height: 200px;
    order: 3;
    margin-top: 20px;
}
.access .map iframe {
    height: 100%;
}
.access h1 {
    background: #004096;
    background: linear-gradient(to right,#004096 80%,transparent 100%);
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.access dl {
    display: flex;
    flex-wrap: wrap;
}
.access dt,.access dd {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    box-sizing: border-box;
}
.access dt:last-of-type,.access dd:last-of-type {
    border-bottom: none;
}
.access dt {
    width: 6em;
    text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    text-align-last: justify;
}
.access dd {
    width: calc(100% - 6em);
}
.access p {
    line-height: 2;
    margin-top: 20px;
    order: 2;
}

.access .accessPh {
    order: 3;
    margin-top: 20px;
}
.access .bnCont {
    max-width: 1000px;
}