/***** デスクトップ表示 *****/
@media(min-width:780px){
    .main-container{
        display: grid;
        column-gap: 32px;
        grid-template-columns: 1fr 3fr;
        /* grid-template-columns: repeat(4, 1fr); */
        /* grid-auto-flow: dense; */
        /* justify-content: stretch; */
    }
    .footer-widget{
        display: grid;
        /* grid-auto-flow: dense; */
        gap: 8px;
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .main-column{
        grid-column: 2 / 3;
        
        /* htmlタグ内に style="width: 1200px"　などのインラインスタイルがあった場合 gridだと溢れてしまう */
        /* min-width: 0;　に設定する事で修正 */
        /* https://css-tricks.com/preventing-a-grid-blowout/ */
        min-width: 0;
    }
    .sub-column-1{
        grid-column: 1 / 2;
        grid-row: 1;
    }
}