#mainvisual{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 5 / 3;
    overflow: hidden;
    margin: 20px auto 0px; 
    }

#mainvisual lottie-player{
    width: 100%;
    height: auto;
}

#itemE{
    display: none;
}





@media screen and (min-width: 834px) {
    .workpage_main{
        grid-template-columns: repeat(3, minmax(0, 1fr)) ;
        grid-template-rows: 300px 300px 300px 300px 300px;
    }



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

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

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

    #itemE{
        display: block;
        grid-row: 3 / 6;
        grid-column: 3 / 4;
    }

    #itemD .workpage_img img,#itemE .workpage_img img{
        box-shadow: -11px 8px 17px 2px #777777;
    }

}