/*-------------------------------------------------
|-  detail-wrap
-------------------------------------------------*/
.detail-wrap {
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
}
.detail {
    padding: 10px 100px;
    box-sizing: border-box;
    display: flex;
}
.detail:nth-child(odd){
    background: #F0F1EE;
}
.detail__ttl {
    width: 120px;
}
.detail__txt {
    flex: 1;
}
@media screen and (max-width: 767px){
    .detail {
        padding: 6px 0;
    }
    .detail__ttl {
        width: 28%;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: var(--font-size12);
    }
    .detail__txt {
        font-size: var(--font-size12);
    }
}
/*-------------------------------------------------
|-  access-wrap
-------------------------------------------------*/
.access-wrap {
    display: flex;
    justify-content: space-between;
}
.access {
    width: 48%;
}
.map {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.access__ttl {
    margin: 20px 0;
    font-size: var(--font-size18);
}
.access-info {
    padding: 20px;
    box-sizing: border-box;
    background: #F2F3F1;
}
@media screen and (max-width: 767px){
    .access-wrap {
        display: block;
    }
    .access {
        width: 100%;
        margin-bottom: 40px;
    }
    .access:last-child {
        margin-bottom: 0;
    }
    .access__ttl {
        font-size: var(--font-size14);
    }
    .access-info {
        padding: 15px;
        font-size: var(--font-size12);
    }
}