.container {
    @media only screen and (min-width: 760px) {
        #itemfocus {
            width: 50vw;
            margin-left: auto;
            margin-right: auto;
        }
        #itemfocus figure .cover::before {
            padding-top: 64%;
        }
        
        #areaPanItems {
            max-width: 960px;
            margin-top: 80px;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 10vw;
        }
    
        /**/
        .items {
            column-gap: 24px;
            row-gap: 48px;
        }
        #steps .step-cell[data-classid="item"] > .items {
            padding-top: 1em;
        }
        .items li {
            width: calc((100% - 24px * 3) / 4);
        }
        .items li .colum {
            font-size: 1.15em;
        }
        .items li figure {
            margin-bottom: 15px;
        }
    }
    
    @media only screen and (min-width: 1400px) {
        main #areaPanItems.wide-bind {
            max-width: 1200px;
        }
    }
}