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

#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;
}
.btn2 {
    display: inline-block;
    background: #0b78d1;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    z-index: 2;
}
.btn2:hover {
    background-color: #c5e2fc;
    text-decoration: underline;
}

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