まずは、verti-contents-wrap が画面の高さ全体を使うように設定し、その内部でのコンテンツをフレックスボックスで整理します。

cssCopy code.verti-contents-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ビューポートの高さを100%に設定 */
}

.verti-contents {
    flex: 1; /* コンテンツ部分が余ったスペースを全て使うように設定 */
}

footer {
    margin-top: auto; /* フッターを下に押し出す */
}