@charset "UTF-8";#wrapper,#workList{font-size:0}#workList .item{transition:top .2s cubic-bezier(.455,.03,.515,.955),left .2s cubic-bezier(.455,.03,.515,.955);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);padding-bottom:10px;padding-right:10px;position:relative;width:20%}#workList .item .inner{transition:background-image .7s,background-color .4s ease .7s;background-position:center;background-repeat:no-repeat;background-color:#000!important;color:#fff;background-size:cover;position:relative;display:block;height:100%}#workList .item .inner:hover,#workList .item .inner:focus-within{opacity:1}#workList .item .loaded{background-color:transparent}#workList .item .loading:before{background:url(/images/loader.gif) no-repeat center center;position:absolute;content:" ";height:100%;width:100%;left:0;top:0}#workList .w2{width:40%}#workList .item img{width:100%}#workList .item .details{transition:1s background-color;padding:8px 20px 20px 30px;position:absolute;line-height:20px;font-size:18px;display:none;height:100%;color:#fff;width:100%;left:0;top:0;display:block}#workList .item.show .details{display:block}#workList .item .inner:hover .details,#workList .item .inner:focus-within .details{transition-duration:0s;background-color:#ec4a32;background-color:#ec4a32f2;background-color:#9e3200f2}#workList .item .inner .inside{position:relative;height:100%;width:100%}#workList .item .inner .inside:after{font-family:arial,sans-serif;transition:.9s opacity;visibility:hidden;position:absolute;font-size:36px;display:none;content:"→";bottom:-5px;opacity:0;right:0}#workList .item .inner:hover .inside:after,#workList .item .inner:focus-within .inside:after{transition-duration:.3s;visibility:visible;opacity:1}#workList .item .details .text{transition:transform .5s,opacity .25s;transform:translateY(20px);visibility:hidden;padding-top:20px;line-height:1.2;font-weight:200;font-size:26px;opacity:0;width:90%}#workList .item.w1.h1 .details .text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:26px;overflow:hidden}#workList .item .inner:hover .details .text,#workList .item .inner:focus-within .details .text{transform:translate(0);visibility:visible;opacity:1}#workList .w2 .details .text{width:50%}#workList .item h3{position:absolute;line-height:15px;font-size:15px;bottom:0;width:100%;left:0}#workList .item .name{display:block}#workList .item .type{text-overflow:ellipsis;display:inline-block;padding-right:34px;white-space:nowrap;position:relative;overflow:hidden;margin-top:2px;max-width:100%}#workList .item .type:after{transition:transform .25s,opacity .25s;font-family:arial,sans-serif;transform:translate(-20px);display:inline-block;vertical-align:top;visibility:hidden;position:absolute;font-weight:400;margin-top:-3px;font-size:170%;content:"→";opacity:0;right:0}#workList .item .inner:hover .type:after,#workList .item .inner:focus-within .type:after{transform:translate(0);visibility:visible;opacity:1}#footer{margin-top:0}@media(max-width:1700px){#workList .item.w1h1 .details .text{-webkit-line-clamp:2;line-clamp:2}#workList .item{width:25%}#workList .w2{width:50%}}@media(max-width:1600px){#workList .item{width:25%}#workList .w2{width:50%}}@media(max-width:1200px){#workList .item{width:33.3333%}#workList .w2{width:66.6666%}}@media(max-width:991px){#workList .item .details .text{padding-top:10px;font-size:22px}}@media(max-width:840px){#workList .item{width:50%}#workList .w2{width:100%}}@media(max-width:640px){#article .intro{margin-bottom:60px;margin-top:60px;font-size:18px;width:100%}#workList{margin-right:15px}#workList .item{padding-bottom:5px;padding-right:5px}#workList .item h3{font-size:12px;line-height:13px}#workList .item .name,#workList .item .type{font-weight:500}#workList .item .details{padding-left:16px}#workList .item .loading:before{background-size:16px 16px}#article .top-text .sp-line{width:90%}}@media only screen and (min-device-width:768px)and (max-device-width:1024px),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25),(-webkit-min-device-pixel-ratio:2.0833333333333335),(min-resolution:200dpi),(min-resolution:1.25dppx){#workList .item{transition:top 0s,left 0s}}#article .discover{margin-top:5px}.pre-size{display:block;min-height:48px;opacity:0}@media screen and (min-width:1280px){#article .holder{max-width:100%;padding-left:44px;padding-right:44px}}