#map {
    max-width: 100%;
    height: 510px;        /* PC用の高さ */
}

@media (max-width: 600px) {
    #map {
        height: 315px;    /* スマホなど画面が狭い場合の高さ */
    }
}