.intro{position:fixed;top:0;width:100%;height:100%;background:#f3f3f3;z-index:20}.intro-logo{position:absolute;top:50%;left:50%;width:100px;z-index:2;opacity:0;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .8s;-o-transition:opacity .8s;-webkit-transition:opacity .8s;transition:opacity .8s}.show-intro .intro-logo{opacity:1}.intro-logo img{width:100%}.intro-logo svg{width:100%}#circle{stroke-dasharray:600px;stroke-dashoffset:600px}.show-intro #circle{stroke-dashoffset:0px}#d1,#d2,#u1,#u2{stroke-dasharray:250px;stroke-dashoffset:250px}.show-intro #d1,.show-intro #d2,.show-intro #u1,.show-intro #u2{stroke-dashoffset:0px}#d3{stroke-dasharray:3px;stroke-dashoffset:3px;clip-path:polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%)}.show-intro #d3{stroke-dashoffset:0px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}#d4{stroke-dasharray:3px;stroke-dashoffset:3px;clip-path:polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%)}.show-intro #d4{stroke-dashoffset:0px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}#circle{-moz-transition:stroke-dashoffset 1s;-o-transition:stroke-dashoffset 1s;-webkit-transition:stroke-dashoffset 1s;transition:stroke-dashoffset 1s}#d1{-moz-transition:stroke-dashoffset 1s .8s;-o-transition:stroke-dashoffset 1s .8s;-webkit-transition:stroke-dashoffset 1s;-webkit-transition-delay:.8s;transition:stroke-dashoffset 1s .8s}#d2{-moz-transition:stroke-dashoffset 1s 1.1s;-o-transition:stroke-dashoffset 1s 1.1s;-webkit-transition:stroke-dashoffset 1s;-webkit-transition-delay:1.1s;transition:stroke-dashoffset 1s 1.1s}#d3{-moz-transition:stroke-dashoffset .6s 1.2s,clip-path .6s 1.2s;-o-transition:stroke-dashoffset .6s 1.2s,clip-path .6s 1.2s;-webkit-transition:stroke-dashoffset .6s,clip-path .6s;-webkit-transition-delay:1.2s,1.2s;transition:stroke-dashoffset .6s 1.2s,clip-path .6s 1.2s}#d4{-moz-transition:stroke-dashoffset .6s 1.6s,clip-path .6s 1.6s;-o-transition:stroke-dashoffset .6s 1.6s,clip-path .6s 1.6s;-webkit-transition:stroke-dashoffset .6s,clip-path .6s;-webkit-transition-delay:1.6s,1.6s;transition:stroke-dashoffset .6s 1.6s,clip-path .6s 1.6s}#d5{opacity:0;-moz-transition:opacity 1s 1.8s;-o-transition:opacity 1s 1.8s;-webkit-transition:opacity 1s;-webkit-transition-delay:1.8s;transition:opacity 1s 1.8s}.show-intro #d5{opacity:1}#u1{-moz-transition:stroke-dashoffset 1s 1.2s;-o-transition:stroke-dashoffset 1s 1.2s;-webkit-transition:stroke-dashoffset 1s;-webkit-transition-delay:1.2s;transition:stroke-dashoffset 1s 1.2s}#u2{-moz-transition:stroke-dashoffset 1s 1.5s;-o-transition:stroke-dashoffset 1s 1.5s;-webkit-transition:stroke-dashoffset 1s;-webkit-transition-delay:1.5s;transition:stroke-dashoffset 1s 1.5s}#intro-en{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform 1s 1.8s,opacity 1s 1.8s;-o-transition:-o-transform 1s 1.8s,opacity 1s 1.8s;-webkit-transition:-webkit-transform 1s,opacity 1s;-webkit-transition-delay:1.8s,1.8s;transition:transform 1s 1.8s,opacity 1s 1.8s}.show-intro #intro-en{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top{position:relative}.top-img{position:relative;height:100%;overflow:hidden}.top-img li{position:absolute;top:0;width:100%;height:100%;background-size:cover;background-position:center;-webkit-filter:brightness(.8);filter:brightness(.8);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-webkit-transform:scale(1.08);transform:scale(1.08);-moz-transition:-moz-transform 10s;-o-transition:-o-transform 10s;-webkit-transition:-webkit-transform 10s;transition:transform 10s}.top-img li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-img li:nth-child(1){background-position:30% 70%}.top-img li:nth-child(2){background-position:45% 70%}.top-img li:nth-child(3){background-position:60% 75%}.top-slogan li{position:absolute;color:#FFF;text-shadow:0 0 5px #666;z-index:6}.top-slogan li:nth-child(1){bottom:25%;right:14%}.top-slogan li:nth-child(2){bottom:22%;right:13%}.top-slogan li:nth-child(3){bottom:35%;left:10%}.top-big{font-size:1.5rem;font-family:"Ubuntu",serif;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.show-text .top-big{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top-big span:nth-child(1):after{content:"";width:4px;height:4px;background:#FFF;border-radius:50%;box-shadow:0 0 5px #666;display:inline-block;margin:0 15px 5px}.top-text{font-size:.875rem;padding-top:20px;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.show-text .top-text{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top-award{max-width:320px;padding-top:15px;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.show-text .top-award{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top-award img{height:25px;margin:5px 2.5px 0;float:left;background:#FFF;box-shadow:0 0 5px #999}.about{margin-bottom:8%}.about-inner{padding:0 70px;max-width:1600px;margin:0 auto}.about-wrap{display:-ms-flexbox;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.about-content{width:45%;margin-left:10%}.about-img{width:33%;max-width:500px}.about-img img{width:100%}.project{background:#f3f3f3}.project-inner{width:fit-content;padding:0 70px}.project-list{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.project-item{width:32.3333%}.project-item:hover .project-img:after{opacity:1}.project-item:nth-child(1) .project-img{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.project-item:nth-child(1) .project-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item:nth-child(2) .project-img{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.project-item:nth-child(2) .project-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item:nth-child(3) .project-img{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.project-item:nth-child(3) .project-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-img{position:relative}.project-img:after{content:"";width:100%;height:100%;background:rgba(255,255,255,0.4);position:absolute;top:0;left:0;opacity:0;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.project-img img{width:100%}.project-name{color:#111;letter-spacing:.2rem;margin-top:15px;position:relative;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.project-name.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.project-name:before{content:"";width:3px;height:3px;border-radius:50%;background:#999;display:inline-block;margin:0 10px 4px 2px}.project-name:after{content:"";width:calc(100% - 15px);height:.25px;background:#ccc;position:absolute;top:50%;right:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.project-name span{background:#f3f3f3;padding-right:10px;position:relative;z-index:1}.award{margin-top:8%}.award-inner{padding:0 70px;max-width:1300px;margin:0 auto}.award-list{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.award-list li{width:46%;position:relative;padding:20px 40px 10px 0;border-bottom:#eee solid 1px;box-sizing:border-box}.award-text{font-size:.875rem}.award-logo{height:25px;position:absolute;top:20px;right:0}.award-logo img{height:100%}.contact-image{width:100vw;height:40vw;max-height:600px;margin-bottom:80px}.contact-img{width:100%;height:100%;background-position:50% 60%;background-size:cover;background-repeat:no-repeat}.contact-inner{padding:0 70px;max-width:1100px;margin:0 auto}.contact-list{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.contact-list li{width:45%;max-width:450px}.contact-subtitle{font-size:.75rem;font-weight:bold;padding-bottom:10px;letter-spacing:.12rem}.contact-subtitle .en{font-family:"Ubuntu",serif;margin-left:5px}.contact-item{font-size:.875rem;position:relative;padding-left:25px;margin-top:5px}.contact-item span{position:absolute;top:0;left:0}.contact-item a{-moz-transition:color .6s;-o-transition:color .6s;-webkit-transition:color .6s;transition:color .6s}.contact-item a:hover{color:#111}.contact-wrap{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.contact-media{margin-top:50px;font-size:.875rem}.contact-media a{margin-right:8px;color:#999;-moz-transition:color .6s;-o-transition:color .6s;-webkit-transition:color .6s;transition:color .6s}.contact-media a:hover{color:#111}@media screen and (max-width: 1100px){.top-slogan li:nth-child(1){bottom:22%;right:12%}.top-slogan li:nth-child(2){bottom:20%;right:10%}.about-inner{padding:0 50px}.about-wrap{display:block;width:80%;margin:0 auto}.about-content{width:auto;margin-left:unset;margin-bottom:50px}.about-img{width:auto;max-width:420px}.project{height:unset;display:block}.project-inner{width:unset;max-width:640px;margin:0 auto;padding:0 50px;display:block}.project-list{display:block}.project-item{margin-left:unset;margin-top:40px;width:auto}.project-name{z-index:1}.award-inner{padding:0 50px}.award-list{display:block;max-width:750px;margin-left:auto}.award-list li{width:auto}.contact-image{height:50vw;margin-bottom:50px}.contact-inner{padding:0 50px;max-width:900px}}@media screen and (max-width: 900px){.contact-list{display:block}.contact-list li{width:auto;margin-top:50px}}@media screen and (max-width: 640px){.intro-logo{width:90px}.top-slogan li{padding:0 30px}.top-slogan li:nth-child(1){right:0;bottom:20%}.top-slogan li:nth-child(2){right:0;bottom:17%}.top-slogan li:nth-child(3){left:0;bottom:28%}.top-big{font-size:1.25rem;padding-top:25px}.top-big span:nth-child(1):after{width:3px;height:3px;margin:0 10px 5px}.top-text{padding-top:15px}.about{margin-bottom:50px}.about-inner{padding:0 30px}.about-wrap{width:auto}.project-inner{padding:0 30px}.project-item{margin-top:30px}.project-name{font-size:.875rem;margin-top:10px;letter-spacing:.15rem}.project-name span{padding-right:7px}.award{margin-top:50px}.award-inner{padding:0 30px}.award-list{margin-top:-10px}.award-list li{padding:15px 45px 10px 0}.award-logo{top:15px}.contact-inner{padding:0 30px}.contact-image{height:350px}.contact-list li{margin-top:30px}.contact-subtitle{padding-bottom:5px}.contact-wrap{display:block}.contact-media{margin-top:30px}.contact-btn{margin-left:auto}}