section{padding:0 0 80px}.top-images{height:calc(100vh - 220px);opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.top-images.show{opacity:1}.top .pagetitle{position:relative;width:auto;top:unset;left:unset;padding:40px 0;display:flex;-webkit-align-items:center;align-items:center;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top .pagetitle.show:before{width:100%}.top .pagetitle.show span{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top .pagetitle:before{content:"";position:absolute;width:0%;height:100%;left:0;background:#3b3b3b;-moz-transition:width .8s ease-in-out;-o-transition:width .8s ease-in-out;-webkit-transition:width .8s ease-in-out;transition:width .8s ease-in-out}.top .pagetitle-text{max-width:900px;width:100%;margin:auto;padding:0 150px;line-height:1;text-align:unset}.top .pagetitle-bg{left:0;bottom:0}.top .pagetitle span{position:relative;display:block;opacity:0}.top .pagetitle .en{font-size:.875rem;line-height:2;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform .6s 1s,opacity .6s 1s;-o-transition:-o-transform .6s 1s,opacity .6s 1s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:1s,1s;transition:transform .6s 1s,opacity .6s 1s}.top .pagetitle .tw{font-size:1.5rem;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform .6s .6s,opacity .6s .6s;-o-transition:-o-transform .6s .6s,opacity .6s .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:.6s,.6s;transition:transform .6s .6s,opacity .6s .6s}.scroll-down{display:none;right:unset;left:calc(50px + 15px)}.work-wrap{margin:0 50px}.work-information{margin:0 auto 160px;max-width:900px}.work-information p{font-size:.875em;margin:0 10% 20px;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-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-information p:last-child{margin-bottom:0}.work-information p.en{font-size:.75em;color:#666}.work-information.show p{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.work-subtitle{margin-left:2%;font-family:"Neuton",serif;color:#FFF;font-size:1.5em;margin-bottom:20px;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-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}.show .work-subtitle{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.work-line-t{margin-bottom:80px;height:2px;width:0%;background:#404040;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.show .work-line-t{width:30%}.work-line-b{margin:80px 0 0 100%;height:5px;background:#404040;-moz-transition:margin .6s;-o-transition:margin .6s;-webkit-transition:margin .6s;transition:margin .6s}.show .work-line-b{margin-left:50%}.work-list{max-width:1200px;margin:0 auto}.work-list img{width:100%}.work-list li{margin-top:20px;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-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-list li.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.work-back{text-align:center;margin-top:80px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.work-back.show{opacity:1}.work-back a{display:inline-block;font-size:.875em}.work-back a:after{content:"";display:block;height:5px;width:150%;margin-left:-25%;background:#1a1a1a}.col2{display:-ms-flexbox;display:flex}.col2-l{margin-right:10px}.col2-r{margin-left:10px}@media screen and (max-width: 1200px){.top-images{height:calc(100vh - 140px);margin:0 0 -80px}.top .pagetitle{width:40%;padding:60px 0}.top .pagetitle-text{padding:0 40px;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.top .pagetitle span{padding:0 5px}.scroll-down{display:block}.work-subtitle{margin-left:0}.work-information p{margin:0 0 20px}.work-line-t{height:1px}.show .work-line-t{width:100%}.work-line-b{height:1px}.show .work-line-b{margin-left:0}.scroll-down{right:calc(50px + 15px);left:unset;bottom:0}}@media screen and (max-width: 1100px){.top-images{margin:0}.top .pagetitle{width:auto;padding:25px 50px}.top .pagetitle:before{background:#f6f6f6}.top .pagetitle-text{color:unset;text-shadow:0 0 0px #333}.top .pagetitle .tw,.top .pagetitle .en{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.scroll-down{display:none}.work-information{margin:40px auto 80px}.work-information p.en{color:#999}.work-subtitle{color:#000;text-align:center}.work-line-t,.work-line-b{background:#ddd}.work-back a:after{background:#ddd}}@media screen and (max-width: 640px){.top .pagetitle{margin:0;min-width:unset}.top .pagetitle-text{display:block;width:auto;padding:0 20px;text-align:center}.top .pagetitle .tw{font-size:1.25rem}.work-wrap{margin:0 20px}.work-line-t{margin-bottom:40px}.work-line-b{margin-top:40px}.work-subtitle{font-size:1.25em;margin-bottom:10px;margin-left:0}.work-information{margin-bottom:80px}.work-information p{margin:0 0 20px}.work-back{margin-top:40px}}