.top{height:60vh}.container,.section{padding-top:unset}.project-top{text-align:center;padding-bottom:100px}.project-top.show:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-top:before{content:"";width:1px;height:140px;background:#ccc;display:block;margin:-70px auto 40px;position:relative;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);transition:clip-path .8s}.project-name{font-size:1.25rem;font-weight:normal;color:#000;letter-spacing:.4rem;margin-left:10px}.project-type{color:#999;font-family:"DM Serif Display",serif;font-size:.875rem;margin-top:10px;letter-spacing:.15rem}.project-inner{padding:0 50px}.project-info{max-width:1100px;margin:0 auto;padding-bottom:120px;margin-bottom:120px;position:relative}.project-info:before{content:"";width:.5px;height:80px;background:#e6e1de;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%)}.project-info:after{content:"";width:9px;height:9px;background:#e6e1de;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%) rotate(45deg)}.project-list{display:flex;flex-wrap:wrap}.project-item{padding:8px 10px 7px;width:50%;box-sizing:border-box}.project-item:nth-child(4n+1),.project-item:nth-child(4n+2){background:#f8f8f8}.project-sub{font-size:.75rem;color:#999;padding-bottom:3px;opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.show .project-sub{opacity:1;transform:translateX(0)}.project-txt{font-size:.875rem;opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.show .project-txt{opacity:1;transform:translateX(0)}.project-image{max-width:1400px;margin:0 auto}.project-img{margin-bottom:20px;position:relative}.project-img:after{content:"";width:calc(100% + 1px);height:calc(100% + 1px);background:#f8f8f8;position:absolute;top:-0.5px;left:-0.5px;z-index:3;transform:scaleY(0)}.project-img.show:after{animation:imgL 1.4s}.project-img img{width:100%;opacity:0;transition:opacity .4s}.project-img img.show{opacity:1;transition-delay:.6s}.project-img-wrap{display:flex}.project-col{margin-bottom:20px;position:relative}.project-col:after{content:"";width:calc(100% + 1px);height:calc(100% + 1px);background:#f8f8f8;position:absolute;top:-0.5px;left:-0.5px;z-index:3;transform:scaleY(0)}.project-col.show:after{animation:imgL 1.4s}.project-col:nth-child(1){margin-right:20px}.project-col img{width:100%;opacity:0;transition:opacity .4s}.project-col img.show{opacity:1;transition-delay:.6s}.project-concept{padding-top:100px}.project-title{max-width:1100px;margin:0 auto 30px;padding:0 50px}.project-line{width:100vw;height:1px;background:#ccc;z-index:-1}.project-text{max-width:1100px;margin:0 auto;padding:30px 50px 0}.project-btn{width:-moz-fit-content;width:fit-content;margin:100px auto 0}.project-btn a{color:#999;position:relative;transition:color .8s}.project-btn a:hover{color:#fff}.project-btn a:hover:after{background:#999}.project-btn a:after{content:"";width:100%;height:100%;border:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1;transform:skewX(-15deg);transition:background .8s}.project-back{font-size:.75rem;font-family:"DM Serif Display",serif;padding:4px 18px 2px 20px}@media screen and (max-width: 1100px){.top{height:45vh}.project-top{padding-bottom:80px}.project-top:before{height:100px;margin:-50px auto 40px}.project-info{max-width:600px;margin:0 auto 100px;padding-bottom:100px}.project-info:before{height:60px;bottom:-30px}.project-info:after{bottom:-30px}.project-list{display:block}.project-item{width:auto}.project-item:nth-child(4n+1),.project-item:nth-child(4n+2){background:unset}.project-item:nth-child(odd){background:#f8f8f8}.project-concept{padding-top:80px}.project-btn{margin:80px auto 0}}@media screen and (max-width: 640px){.top{height:30vh}.project-top{padding-bottom:60px}.project-top:before{height:60px;margin:-30px auto 40px}.project-name{font-size:1rem}.project-type{font-size:.75rem}.project-inner{padding:0 30px}.project-info{margin:0 auto 80px;padding-bottom:80px}.project-info:before{height:50px;bottom:-25px}.project-info:after{width:7px;height:7px;bottom:-25px}.project-img-wrap{display:block}.project-col:nth-child(1){margin-right:unset}.project-concept{padding-top:60px}.project-title{padding:0 30px}.project-text{padding:30px 30px 0}.project-btn{margin:60px auto 0}}