.hero {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 20px;
}

#map-preview {
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer; /* クリックできることを示す */
    z-index: 1;
}

.upload-box {
    border: 2px dashed #0b78d1;
    padding: 12px;
    border-radius: 8px;
    margin-top: 12px;
}

@media (max-width: 700px) {
    .hero {
    grid-template-columns: 1fr;
    }
}