.work-wrap{position:relative}.work-content{margin:0 0 180px 25%;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center}.work-inner{margin:auto}.work-title{position:relative;opacity:0;-moz-transform:translateY(40px);-ms-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.work-title.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.work-title-bg{position:absolute;width:100%;height:100%;background:#1a1a1a;z-index:-1}.work-title-text{position:relative;padding:80px 100px;font-size:.875em;font-family:"Neuton",serif}.work-title-text p{margin:20px 0;opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);overflow:hidden;-moz-transition:opacity .6s .4s,-moz-transform .6s .4s;-o-transition:opacity .6s .4s,-o-transform .6s .4s;-webkit-transition:opacity .6s,-webkit-transform .6s;-webkit-transition-delay:.4s,.4s;transition:opacity .6s .4s,transform .6s .4s}.show .work-title-text p{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.work-title-text .en{color:#666}.work-images{position:relative;display:flex;padding:0 5%}.work-list li{position:relative;display:flex;margin:0 0 200px;opacity:0;-moz-transition:-moz-transform .6s,opacity .6s;-o-transition:-o-transform .6s,opacity .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s}.work-list li:nth-child(odd){-webkit-flex-flow:row;flex-flow:row;-moz-transform:translateX(40px);-ms-transform:translateX(40px);-webkit-transform:translateX(40px);transform:translateX(40px)}.work-list li:nth-child(odd).show{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.work-list li:nth-child(odd) .work-name{padding:40px 0 0 100px}.work-list li:nth-child(odd) .work-name p{list-style:disc outside;margin:0 0 5px 20px}.work-list li:nth-child(odd) .work-info h4{display:flex;-webkit-flex-flow:row;flex-flow:row}.work-list li:nth-child(odd) .work-info span:nth-child(1):after{display:block;margin:0 0 0 auto}.work-list li:nth-child(odd) .work-info span:nth-child(2){margin:22px 0 0 5px}.work-list li:nth-child(even){-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px)}.work-list li:nth-child(even).show{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.work-list li:nth-child(even) .work-name{padding:40px 100px 0 0;text-align:end}.work-list li:nth-child(even) .work-name p{list-style:disc inside;margin:0 0 5px}.work-list li:nth-child(even) .work-info h4{display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.work-list li:nth-child(even) .work-info span:nth-child(1):before{display:block}.work-list li:nth-child(even) .work-info span:nth-child(2){margin:-4px 10px 0 0}.work-img{position:relative;width:35%;z-index:1}.work-img img{width:100%}.work-img.show:before{width:0}.work-img:before{content:"";position:absolute;width:100%;height:100%;background:#222;-moz-transition:width .8s;-o-transition:width .8s;-webkit-transition:width .8s;transition:width .8s}.work-img p{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.work-img span:nth-child(1){display:block;width:10px;height:10px;background:#fff;border-radius:50%}.work-img span:nth-child(2){display:block;position:absolute;width:1px;height:50%;bottom:0;background:#fff}.work-info{position:relative;width:fit-content;max-width:450px;margin:auto;padding:40px;opacity:0;-moz-transform:translateY(40px);-ms-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px);-moz-transition:opacity .6s .4s,-moz-transform .6s .4s;-o-transition:opacity .6s .4s,-o-transform .6s .4s;-webkit-transition:opacity .6s,-webkit-transform .6s;-webkit-transition-delay:.4s,.4s;transition:opacity .6s .4s,transform .6s .4s}.work-info.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.work-info h4{height:fit-content;display:flex;-webkit-align-items:baseline;align-items:baseline;font-weight:normal;letter-spacing:.2em}.work-info span:nth-child(1){position:relative;margin:-30px 0 0;font-size:2em;color:#333}.work-info span:nth-child(1):before,.work-info span:nth-child(1):after{content:"";position:relative;display:none;width:1px;height:100px;background:#333}.work-info span:nth-child(2){display:block;color:#FFF;writing-mode:vertical-lr}.work-name p{display:list-item;font-size:.875em}.work-name p.end{display:block}.work-name span{position:relative;color:#595959;font-size:.875em}.work-num{width:30px;height:30px;text-align:center;line-height:30px;color:#FFF;overflow:hidden;font-size:.875em;margin:20px auto;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show .work-num{opacity:1}@media screen and (max-width: 1100px){.work-title-bg{background:#f6f6f6}.work-images{padding:0}.work-list li:nth-child(odd) .work-info h4{-webkit-align-items:center;align-items:center}.work-list li:nth-child(odd) .work-info span:nth-child(1):after{margin:0 10px}.work-list li:nth-child(odd) .work-info span:nth-child(2){margin:0}.work-list li:nth-child(odd) .work-name{padding:40px 0 0}.work-list li:nth-child(even) .work-info h4{-webkit-align-items:center;align-items:center}.work-list li:nth-child(even) .work-info span:nth-child(1):before,.work-list li:nth-child(even) .work-info span:nth-child(1):after{margin:0 10px}.work-list li:nth-child(even) .work-info span:nth-child(2){margin:0}.work-list li:nth-child(even) .work-name{padding:40px 0 0}.work-info{max-width:320px}.work-info span:nth-child(1){display:flex;-webkit-align-items:center;align-items:center;margin:0;font-size:1em;color:#999}.work-info span:nth-child(1):before,.work-info span:nth-child(1):after{height:16px;background:#999;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.work-info span:nth-child(2){color:#666;writing-mode:horizontal-tb}.work-name span{color:#b3b3b3}.work-img{width:45%}.work-img.show:before{background:#FFF}}@media screen and (max-width: 800px){.work-content{margin:0}.work-title-text{padding:50px 10%}.work-images{padding:0 10%}.work-list{max-width:420px;margin:100px auto -40px}.work-list li{width:100%;margin:0 0 20px}.work-list li:last-child{margin:0 auto}.work-list li:nth-child(odd){-webkit-flex-flow:column;flex-flow:column}.work-list li:nth-child(even){-webkit-flex-flow:column;flex-flow:column}.work-list li:nth-child(even) .work-info h4{-webkit-flex-flow:row;flex-flow:row}.work-list li:nth-child(even) .work-info span:nth-child(1):before{display:none}.work-list li:nth-child(even) .work-info span:nth-child(1):after{display:block}.work-list li:nth-child(even) .work-name{text-align:start}.work-list li:nth-child(even) .work-name p{list-style:disc outside;margin:0 0 5px 20px}.work-list li:nth-child(even) .work-name span{padding:25px 0 0 20px}.work-list li:nth-child(even) .work-name span:before{left:6px}.work-img{width:100%}.work-info{max-width:unset;margin:0;padding:20px 0}}@media screen and (max-width: 640px){.work-title-text{padding:20px}.work-images{padding:0 20px}.work-name span{margin-top:8px}}