@charset "utf-8";


/* =======================
キービジュアルのbgSwitcher
=======================*/

.key_visual .key_visual_inner {
    display: flex;
    /* height: 100vh; */
    width: 100%;
    aspect-ratio: 4/3;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position-x: center;
}

.key_visual .key_visual_inner img {
    color: #fff;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    filter: drop-shadow(0 0 2px rgba(245, 245, 245, 0.6));
}

@media screen and (min-width:520px) {

    .key_visual .key_visual_inner {
        aspect-ratio: 16/9;
    }

    .key_visual .key_visual_inner img {
        max-width: 240px;
    }

    /* ========min-width:520px======== */
}

/* .contents_text span::before {
    content: "\phone";
} */

/* マップ */

.map {
    max-width: 600px;
    margin-top: calc(var(--section-gutter)*1.5);
    margin-left: auto;
    margin-right: auto;

}

.map iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
}

@media screen and (min-width:520px) {

    .map {
        margin-top: calc(var(--section-gutter)*1.5);
    }

    /* ========min-width:520px======== */
}