.top-images{background-image:url("../images/works/top.jpg");background-position:50% 90%}.work{cursor:none}.work-inner{padding:0 60px}.work-content{margin-bottom:12.5vw}.work-content:last-child{margin-bottom:0}.work-title{margin-bottom:60px}.work-title .en{font-family:"Cormorant",serif;font-size:2rem;text-transform:uppercase;color:#000;line-height:1.5}.work-title h2{font-size:.875rem;color:#b5975b;display:flex;align-items:center;white-space:nowrap}.work-title h2:after{content:"";width:100%;display:block;width:100%;height:1px;background:#ccc;margin-left:10px}.work-list{display:flex;flex-wrap:wrap;margin:0 -30px -50px}.work-item{width:calc(25% - 60px);margin:0 30px 50px;overflow:hidden;cursor:none}.work-item:hover img{opacity:.8;filter:grayscale(0)}.work-item:hover .work-text{opacity:1}.work-img{overflow:hidden}.work-img img{width:100%;filter:grayscale(1);transition:opacity .6s,filter .6s}.work-text{font-size:.875rem;color:#000;line-height:1.2;letter-spacing:.3em;margin-top:15px;opacity:0;transition:opacity .6s}@media screen and (max-width: 1440px){.work-item{width:calc(33.3333% - 60px)}}@media screen and (max-width: 1200px){.work-list{margin:0 -20px -40px}.work-item{width:calc(33.3333% - 40px);margin:0 20px 40px}}@media screen and (max-width: 1100px){.work-text{opacity:1}}@media screen and (max-width: 960px){.work-item{width:calc(50% - 40px)}}@media screen and (max-width: 760px){.work-inner{max-width:500px;margin:auto;padding:0 5vw}.work-title{margin-bottom:40px}.work-list{margin:0}.work-item{width:100%;margin:0 0 50px}.work-item:last-child{margin-bottom:0}}@media screen and (max-width: 600px){.subnav a:first-child{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 10px}}