@charset "UTF-8";

/* access ---------------------- */

#access .map-blc iframe {
    width: 100%;
    height: 630px;
    display: block;
}

#access .txt-img-blc {
    padding: 4%;
    display: flex;
    flex-wrap: wrap;
}

#access .txt-img-blc .txt-blc {
    flex: 1;
    box-sizing: border-box;
}

#access .txt-img-blc .txt-blc .ttl {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 4%;
}

#access .txt-img-blc .img-blc {
    width: 49%;
    text-align: center;
    margin-left: 4%;
    box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
    #access .map-blc iframe {
        height: 500px;
    }
}

@media screen and (max-width: 767px) {
    #access .map-blc iframe {
        height: 400px;
    }
}

@media screen and (max-width: 480px) {
    #access .map-blc iframe {
        height: 350px;
    }
}

@media screen and (max-width: 400px) {
    #access .txt-img-blc .txt-blc {
        width: 100%;
        flex: auto;
    }    
    #access .txt-img-blc .img-blc {
        width: 100%;
        margin-top: 4%;
        margin-left: 0;
    }
}