@charset "UTF-8";

/* ページ全体を一つの大きなグリッド（格子）にします */
html {
    height: 100%;
}

body {
    min-height: 100%;
    margin: 0;
    
    /* 縦並びのレイアウトを強制します */
    display: grid;
    grid-template-rows: auto 1fr auto;
}

/* フッターを一番下に固定（横幅も100%に広げる） */
footer.bg-dark {
	margin-top: 150px;
    grid-row-start: 3;
    width: 100%;
}