.works-outer{height:100%}.block1,.block2,.block3,.block4{width:calc(24% - 25px);position:fixed;top:0;left:50%;transition:margin-left .6s .3s cubic-bezier(0.25, 1, 0.5, 1);z-index:1}.block1{padding-top:120px;margin-left:calc(-48% + 50px)}@media(max-width: 767px){.block1{padding-top:120px;margin-left:-50%;padding-right:5px}}.block2{margin-left:calc(-24% + 25px)}@media(max-width: 767px){.block2{margin-left:0px;padding-left:5px}}.block3{margin-left:0;padding-top:20px}@media(max-width: 767px){.block3{display:none}}.block4{margin-left:calc(24% - 25px)}@media(max-width: 767px){.block4{display:none}}.block1.menu-active{margin-left:calc(-44% - 40px)}.block2.menu-active{margin-left:calc(-22% - 40px)}.block3.menu-active{margin-left:-40px}.block4.menu-active{margin-left:calc(22% - 40px)}@media(max-width: 767px){.works-outer>ul{width:calc(50% - 0px)}}.works>li{width:100%;padding:10%;overflow:hidden;margin:0 auto;transition:all .3s}@media(max-width: 767px){.works>li{padding:10% 0}}.works>li.selected{transition:all .3s .2s}.homeOut .works>li{transform:scale(1);opacity:0}.homeOut .works>li.selected{transform:scale(1);opacity:0}.works>li img{display:block;margin:0 auto}@media(min-width: 768px){.works>li img{transition:transform .8s .1s cubic-bezier(0.25, 1, 0.5, 1) !important}}@media(min-width: 768px){.works>li img:hover{transform:scale(1.1) !important}}.info{text-align:center}.info a{display:block;width:100%;font-size:16px;color:#000;background:#fff226;aspect-ratio:1/1;border-radius:0;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(0.25, 1, 0.5, 1)}.info a:hover{border-radius:50%}body.opened .block1{margin-left:calc(-48% + 50px - 500px)}body.opened .block2{margin-left:calc(-24% + 25px - 500px)}body.opened .block3{margin-left:-500px}body.opened .block4{margin-left:calc(24% - 25px - 500px)}@media(max-width: 767px){body.opened .block1,body.opened .block2{transition:margin-left .6s .3s cubic-bezier(0.25, 1, 0.5, 1)}}