アピールエリアに高さ700pxとしている。
画面幅1023px以下にならないと、アピールエリアの背景画像(1920×700px)は、background-size:coverとならない。
その間、background-size: 100% auto;の為、画像の高さが変化する。
しかし、アピールエリアは700px固定の為、背景画像の下に余白ができてしまう。（言われている現象）

●対策

• 画像の比率の合わせ、アピールエリアの高さを可変にする。
• .comtent上の余白があるので、なくす。（図参照）

以下のCSSを追加する。

/* アピールエリアの高さを画像の比率に合わせる */
.appeal {
aspect-ratio: 1920 / 700;
}

/* アピールエリア高さリセット */
.appeal-in {
min-height: unset;
}

/* コンテンツ上の余白 */
.content {
margin-top: 0;
}