.main {
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0.8);
    margin-top: 27px; /* ヘッダーの高さ分を上に追加 */
}

.map {
    width: 100%;
    height: auto;
    margin: 20px auto;
    display: flex;
    justify-content: center;

}


.contact {
    display: flex;
    justify-content: center; /* 左右中央揃え */
    align-items: center; /* 上下中央揃え */
    height: 35vh; /* 画面全体の高さを指定 */
    text-align: center; /* テキストを中央揃え */
}

.c-text {
    margin: 0; /* デフォルトの余白をリセット */
    color: aliceblue;}

h1 {
    margin-bottom: 20px; /* 見出しと住所の間の余白を調整 */
}