.accessmap {
    & h2 {
        font-size: 3rem;
        margin-bottom: 8rem;
    }
    @media (width > 768px) {
        & h2 {
            font-size: 4rem;
            margin-bottom: 8rem;
        }
    }
}
.access_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: min(1280px, 100%);
    margin: 0 auto 10rem;
    > .map_block {
        width: 100%;
        height: 360px;
        & iframe {
            width:100%;
            height: 100%;
        }
    }
    > .mv_block {
        > iframe {
            aspect-ratio: 9 / 16;
            width: 300px;
        }
    }
    @media (width > 768px) {
        height: 520px;
        justify-content: space-between;
        flex-direction: row;
        margin-left: calc(50% - 50vw);
        > .map_block {
            width: 73%;
            height: inherit;
        }
        > .mv_block {
            width: 27%;
            height: inherit;
            text-align: right;
            & iframe {
                width: auto;
                height: 100%;
            }
        }
    }
}
