.works{position:relative}.works__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-top:10vw}@media screen and (min-width: 768px){.works__list{margin:0 -20px;margin-top:56px}}@media screen and (min-width: 1025px){.works__list{margin:0 -20px;margin-top:56px}}.works-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;width:100%;margin-top:-10vw;cursor:pointer}.works-item:nth-of-type(2n){-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 768px){.works-item{display:block;width:calc(33.3333333333vw - 40px);height:calc(33.3333333333vw - 40px);margin:30px 20px}}@media screen and (min-width: 1025px){.works-item{display:block;width:calc((100vw - 50px)*.95*.25 - 40px);height:calc((100vw - 50px)*.95*.25 - 40px);margin:30px 20px}}.works-item__wrapper{width:45vw;height:45vw;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px;cursor:pointer}@media screen and (min-width: 768px){.works-item__wrapper{display:block;width:100%;height:100%}}.works-item__front,.works-item__back{width:100%;height:100%;font-size:1.5rem;color:#fff;text-align:center;background-position:center;background-size:cover;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.25);box-shadow:0 4px 8px 0 rgba(0,0,0,.25);transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1),-webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.works-item__back{position:absolute;top:0;left:0;width:100%}.works-item__back::after{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.6666666667);-webkit-backface-visibility:hidden;backface-visibility:hidden}.works-item__back-inner{position:absolute;top:50%;left:0;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:2rem;outline:1px solid rgba(0,0,0,0);-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);-webkit-perspective:inherit;perspective:inherit}.works-item__back-inner p{position:relative;margin-bottom:2rem;font-family:"Squada One",impact,"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo","メイリオ","YuGothic","Yu Gothic",sans-serif;font-size:17px}.works-item__back-inner p::after{position:absolute;right:0;bottom:-1rem;left:0;display:block;width:4rem;height:2px;margin:0 auto;content:"";background-color:#fff}.works-item__back-inner span{font-family:"Squada One",impact,"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo","メイリオ","YuGothic","Yu Gothic",sans-serif;font-size:15px;font-weight:300;color:#fff}.works-item__text{width:45vw;font-family:"Squada One",impact,"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo","メイリオ","YuGothic","Yu Gothic",sans-serif;font-size:3.8vw}@media screen and (min-width: 768px){.works-item__text{width:100%;font-size:2.4vw}}@media screen and (min-width: 1025px){.works-item__text{width:100%;font-size:1.4vw}}.works .works-item__wrapper .works-item__front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.works .works-item__wrapper .works-item__back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.works .works-item__wrapper:hover .works-item__front,.works .works-item__wrapper:hover .works-item__back{transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1),-webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1)}.works .works-item__wrapper:hover .works-item__back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.works .works-item__wrapper:hover .works-item__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}/*# sourceMappingURL=archive-works.min.css.map */