#itemE{
    display: none;
}

#itemF{
    display: none;
}


@media screen and (min-width: 834px) {


    #itemA{
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }

    #itemB{
        grid-row: 1;
        grid-column: 3 / 4;
    }
    
    #itemC{
        grid-row: 2;
        grid-column: 3 / 4;
    }

    #itemD{
        grid-row: 3;
        grid-column: 1 / 4;
    }

    #itemE{
        display: block;
        grid-row: 4;
        grid-column: 1;
    }

    #itemE .workpage_img img{
        height: calc(300px - 37px);
    }

    #itemF{
        display: block;
        grid-row: 4;
        grid-column: 2;
        margin-top: 37px;
    }

    #itemG{
        display: block;
        grid-row: 4;
        grid-column: 3;
        margin-top: 37px;
    }

    #itemH{
        grid-row: 5;
        grid-column: 1/4;
    }

    #itemH .workpage_img{
        width: 100%;
    }

    #itemH .workpage_img img{
    object-fit: contain;
    }

    #itemI{
    grid-row: 6/8;
    grid-column: 1/4;
}

}