.top-image{filter:brightness(.5)}.top-title .tw{font-size:1.25rem;letter-spacing:.2rem;margin-top:3px}.project-inner{padding:0 50px}.project-top{text-align:center}.project-name{color:#FFF}.project-name .tw{letter-spacing:.2rem}.project-name .en{font-size:.875rem}.project-type{font-size:.875rem;color:#a7a3a0;font-family:"Philosopher",serif;font-style:italic;opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.project-type.show{opacity:1;transform:translateY(0)}.project-type.show:before{width:40px;transition-delay:.6s}.project-type:before{content:"";width:0px;height:1px;background:#4e4d4a;display:block;margin:20px auto;transition:width .8s}.project-concept{padding:80px 0;margin-top:80px;position:relative}.project-concept:after{content:"";width:calc(100% + 50px * 2);height:100%;background:#181818;position:absolute;top:0;left:-50px;z-index:-2}.project-content{max-width:1300px;margin:0 auto}.project-title{font-size:.875rem;padding-bottom:30px;opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s}.project-title.show{opacity:1;transform:translateX(0)}.project-title.show .tw:after{transform:scale(1);transition-delay:.6s}.project-title .tw{letter-spacing:.3rem;position:relative}.project-title .tw:after{content:"";width:40px;height:40px;background:#4e4d4a;border-radius:50%;position:absolute;top:-13px;left:-6px;z-index:-1;transform:scale(0);transition:.8s}.project-title .en{font-size:.75rem;color:#a7a3a0}.project-title .en:after{content:"";width:40px;height:1px;background:#4e4d4a;display:inline-block;margin-left:10px}.project-image{max-width:1500px;margin:80px auto 0}.project-img{margin-top:30px}.project-img img{width:100%}.project-img-wrap{display:-ms-flexbox;display:flex}.project-col{margin-top:30px}.project-col img{width:100%}.project-col:nth-child(1){margin-right:20px}.project-btn{margin:100px auto 0}@media screen and (max-width: 1100px){.project-concept{margin-top:50px;padding:50px 0}.project-image{margin:50px auto 0}.project-btn{margin:80px auto 0}}@media screen and (max-width: 640px){.top-title .tw{font-size:1rem;margin-top:2px}.project-inner{padding:0 25px}.project-type.show:before{width:30px}.project-type:before{margin:15px auto}.project-title .tw:after{width:30px;height:30px;top:-8px;left:-8px}.project-title .en{display:block;margin-top:5px}.project-title .en:after{width:35px}.project-img{margin-top:20px}.project-img-wrap{display:block}.project-col{margin-top:20px}.project-col:nth-child(1){margin-right:unset}.project-btn{margin:60px auto 0}}
