.intro{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.intro-logo{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transform:scale(1.2)}.intro-cheng{position:absolute;top:0;left:0;opacity:0;transition:opacity .6s}.show-intro .intro-cheng{opacity:1}.intro-ching{position:absolute;bottom:1px;right:-2px;opacity:0;transition:opacity .6s .6s}.show-intro .intro-ching{opacity:1}.top-images li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.1)}.top-images li.show-img{transition:transform 8s;transform:scale(1)}.top-slogan li{position:absolute;bottom:250px;left:10%;color:#fff;z-index:5;width:80%;max-width:400px;opacity:0;transition:opacity .6s;text-shadow:0 0 5px #000}.top-slogan li.show-text{opacity:1}.top-slogan-wrap{position:relative;padding-left:10px}.top-slogan-wrap:before{content:"";position:absolute;top:0;left:0;width:1px;height:0%;background:#ccc;transition:height .6s .6s}.show-text .top-slogan-wrap:before{height:100%}.top-slogan-header{font-size:1.5rem;font-family:"Ubuntu",serif;opacity:0;transition:opacity .6s}.show-text .top-slogan-header{opacity:1}.top-slogan-text{margin-top:30px;font-size:.75em;opacity:0;transition:opacity .6s .3s,margin .6s .3s}.show-text .top-slogan-text{opacity:.6;margin-top:10px}.top-slogan-award{margin-top:15px;opacity:0;transition:opacity .6s 1.2s}.show-text .top-slogan-award{opacity:1}.btn{position:relative;display:inline-block;font-size:.75rem;top:15px;opacity:0;transition:opacity .6s,top .6s}.show .btn{top:0;opacity:1}.btn:after{content:"";background:#ccc;display:block;height:2px}.about-wrap{margin:0 50px;display:flex;justify-content:space-between}.about-content{width:49%;display:flex;align-items:center;text-align:center}.about-inner{margin:auto;max-width:450px}.about-title{position:relative;font-size:.75rem;color:#999;top:-15px;opacity:0;transition:opacity .6s,top .6s}.show .about-title{top:0;opacity:1}.about-text{font-size:1.25rem;font-family:"Ubuntu",serif;margin:10% 0;color:#000;opacity:0;transition:opacity .6s}.show .about-text{opacity:1}.about-img{position:relative;width:49%}.about-img:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;transition:width .6s}.about-img.show:after{width:0}.about-img img{width:100%}.concept-wrap{margin:0 50px;display:flex;justify-content:space-between;flex-direction:row-reverse}.concept-content{width:49%;display:flex;align-items:center;text-align:center}.concept-inner{margin:auto;max-width:450px}.concept-title{position:relative;font-size:.75rem;color:#999;top:-15px;opacity:0;transition:opacity .6s,top .6s}.show .concept-title{top:0;opacity:1}.concept-text{font-size:1.25rem;font-family:"Ubuntu",serif;margin:10% 0;color:#000;opacity:0;transition:opacity .6s}.show .concept-text{opacity:1}.concept-img{position:relative;width:49%}.concept-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transition:width .6s}.concept-img.show:after{width:0}.concept-img img{width:100%}.award-wrap{margin:0 50px;text-align:center}.award-title{position:relative;font-family:"Ubuntu",serif;font-size:1.25rem;color:#000;top:-15px;opacity:0;transition:opacity .6s,top .6s}.show .award-title{top:0;opacity:1}.award-text{max-width:500px;margin:20px auto;font-size:.875rem;line-height:1.8;opacity:0;transition:opacity .6s}.show .award-text{opacity:1}.award-logo{max-width:300px;width:-moz-fit-content;width:fit-content;margin:60px auto;opacity:0;transition:opacity .6s}.show .award-logo{opacity:1}.award-logo img{width:25px;display:inline-block;border:#ccc solid 1px}.award-img{margin-top:200px}.award-img img{width:100%}.project-wrap{margin:0 50px;display:flex;align-items:center;justify-content:space-between}.project-content{width:350px}.project-title{position:relative;font-family:"Ubuntu",serif;font-size:1.25rem;color:#000;left:15px;opacity:0;transition:left .6s,opacity .6s}.show .project-title{left:0;opacity:1}.project-info{font-size:.875rem;margin:40px 0;opacity:0;transition:opacity .6s}.show .project-info{opacity:1}.project-list{width:calc(100% - 400px);max-width:70%;display:flex;justify-content:space-between}.project-item{width:49%;border-bottom:#ccc solid 1px;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.project-item.show{opacity:1;transform:translateY(0px);transition-delay:.3s}.project-item.show:nth-child(2){transition-delay:.6s}.project-text{margin-top:10px;padding:30px 0;border-top:#ccc solid 1px;text-align:center;display:flex;align-items:center}.project-inner{margin:auto}.project-subtitle{color:#000;letter-spacing:5px;padding-left:5px}.project-sort{font-size:.75em;color:#999;letter-spacing:2px}.project-award{margin:20px auto 0;width:-moz-fit-content;width:fit-content;display:flex}.project-award img{width:25px;height:25px;margin:2px;border:#ccc solid 1px}.project-img img{width:100%}.contact-wrap{margin:0 50px;display:flex;justify-content:space-between;flex-direction:row-reverse}.contact-img{position:relative;width:60%}.contact-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transition:width .6s}.contact-img.show:after{width:0}.contact-img img{width:100%}.contact-content{width:35%;display:flex;align-items:center}.contact-inner{margin:auto;max-width:350px}.contact-title{position:relative;font-family:"Ubuntu",serif;font-size:1.25rem;color:#000;left:15px;opacity:0;transition:left .6s,opacity .6s}.show .contact-title{left:0;opacity:1}.contact-text{margin:10% 0;font-size:.875em;opacity:0;transition:opacity .6s}.show .contact-text{opacity:1}.contact-mail{display:block;margin-top:20px}@media screen and (max-width: 1100px){.about-text,.concept-text{margin:40px 0}.award-logo{margin:40px auto}.award-img{margin-top:120px}.project-wrap{display:block}.project-content{width:auto}.project-list{max-width:none;width:auto;margin-top:50px}.project-item.sohw{transition-delay:0s}.project-item.sohw:nth-child(2){transition-delay:.3s}.contact-wrap{display:block}.contact-content{width:auto}.contact-inner{margin:0;max-width:none}.contact-text{margin:40px 0}.contact-mail{display:inline-block;margin:0}.contact-img{width:auto;margin-top:50px}}@media screen and (max-width: 800px){.about-wrap,.concept-wrap{display:block}.about-content,.concept-content{width:auto}.about-img,.concept-img{width:auto;margin-top:50px}.contact-wrap{display:block}}@media screen and (max-width: 640px){.top-slogan li{left:20px;bottom:150px;transform-origin:left bottom;transrorm:scale(0.8)}.about-wrap,.concept-wrap,.project-wrap,.contact-wrap,.award-wrap{margin:0 20px}.award-img{margin-top:80px}.project-list{display:block}.project-item{display:block;width:auto;margin-bottom:40px}.project-item.sohw:nth-child(2){transition-delay:0s}.project-item:last-child{margin-bottom:0}}