Google Map & Youtubeのレスポンシブ埋め込み（共通）

<div class="wrapper">
    <iframe src="埋め込みURL" width="○○○" height="○○○" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

.wrapper {
        position: relative;
        /* 16:9 */
        padding-bottom: 56.25%;
        /* 4：3
        padding-bottom : 75%; */
        height: 0;
        overflow: hidden;
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
}

.wrapper {
        aspect-ratio: 16 / 9;
        iframe {
            width: 100%;
            height: 100%;
        }
}