.intro{position:fixed;bottom:0;width:100%;height:100%;background:#f1f1f1;z-index:20}.intro.show-intro{height:0;transition:z-index 0s 2.8s,height 1.2s 2.8s}.intro-img{position:absolute;top:50%;left:50%;width:150px;z-index:2;opacity:1;transform:translate(-50%, -50%);transition:opacity .8s 2.5s}.show-intro .intro-img{opacity:0}.intro-logo{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transform:translateY(-20px);transition:opacity .8s,transform .8s}.show-intro .intro-logo{opacity:1;transform:translateY(0px)}.intro-logo img{width:100%}.intro-tw,.intro-en{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s;transition-delay:.2s}.show-intro .intro-tw,.show-intro .intro-en{opacity:1;transform:translateY(0px)}.intro-tw img,.intro-en img{width:100%}.intro-en{transition-delay:.4s}.hero-slide{transition:transform 8s}.hero-slide--s1{height:108%;transform:translateY(-8%)}.hero-slide--s1.show-img{transform:translateY(0)}.hero-slide--s1 img{-o-object-position:40% 65%;object-position:40% 65%}.hero-slide--s2{width:105%;transform:translateX(-5%)}.hero-slide--s2.show-img{transform:translateX(0)}.hero-slide--s2 img{-o-object-position:35% 60%;object-position:35% 60%}.hero-slide--s3{transform:scale(1.1)}.hero-slide--s3.show-img{transform:scale(1)}.hero-slide--s3 img{-o-object-position:65% 60%;object-position:65% 60%}.hero-slogan{position:absolute;color:#fff;z-index:5;max-width:400px;text-shadow:0px 0px 5px #000;pointer-events:none}.hero-slogan.show-text{pointer-events:auto}.hero-slogan-main{font-size:1.5rem;line-height:1.8;max-width:240px}.hero-slogan-main-t,.hero-slogan-main-b{display:flex;align-items:baseline;white-space:nowrap}.hero-slogan-main-t:after,.hero-slogan-main-b:after{content:"";width:100%;min-width:50px;height:1px;background:#fff;box-shadow:0 0 5px #333;display:block;opacity:.5}.hero-slogan-main-t{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:clip-path .8s}.hero-slogan-main-t:after{margin-left:10px}.show-text .hero-slogan-main-t{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.hero-slogan-main-b{flex-flow:row-reverse;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path .8s}.hero-slogan-main-b:after{margin-right:10px}.show-text .hero-slogan-main-b{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.hero-slogan-sub{font-size:.875rem;padding-top:20px;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.show-text .hero-slogan-sub{opacity:1;transform:translateY(0)}.hero-slogan--s1{bottom:20%;left:12%}.hero-slogan--s2{bottom:17%;right:10%}.hero-slogan--s3{bottom:18%;left:10%}.hero-slogan-btn{opacity:0;transition:opacity .6s}.show-text .hero-slogan-btn{opacity:1;transition-delay:.6s}.hero-slogan-btn a{display:block;width:-moz-fit-content;width:fit-content;padding:2px 30px;border:1px solid #fff;border-radius:30px;color:#fff;margin-top:30px;font-size:.75rem}.hero-slogan-btn a:hover{background:hsla(0,0%,100%,.2)}.about{position:relative}.about-bg{width:calc(100% - 10vw);height:82%;background:#f7f7f6;position:absolute;bottom:2%;right:0;z-index:-1}.about-bg.clipLeft.is-inview{transition-delay:.6s}.about .inner{max-width:unset}.about-wrap{display:flex;flex-direction:row-reverse;align-items:center;gap:5vw}.about-image{width:60%}.about-image img{width:100%}.about-slogan{line-height:20px;letter-spacing:.25em;font-size:.875rem;margin:0 auto;padding-right:3%;white-space:nowrap}.about-slogan .newline{transition-delay:0s}.about-slogan .newline:nth-child(1){margin-left:10%}.about-slogan .newline:nth-child(2){margin:40px 0 0 0}.about-slogan .newline.is-inview:nth-child(2){transition-delay:.2s}.about-slogan span{letter-spacing:normal;display:inline-block;margin:0 40px 0 0;padding:11px 7px 7px;color:#000;background:rgba(223,221,213,.6);border-radius:50%;font-size:1.5rem;position:relative}.about-slogan span:after{content:"";width:20px;height:1px;border-bottom:1px dotted #dfddd5;position:absolute;top:20px;right:-29px}.about-wrap2{display:flex;align-items:flex-end;gap:5vw;margin-top:80px}.about-wrap2-in{display:flex;align-items:center;gap:5vw;margin-top:-2vw}.about-img1{margin-bottom:-7vw;width:45%}.about-img1 img{width:100%}.about-img2{margin-right:5vw;margin-top:-5vw}.about-img2 img{width:100%}.about-content{max-width:480px;margin:0 auto}.about-line{width:40px;height:1px;background:#dfddd5;margin:20px 0 30px -20px}.about-text{line-height:2;margin-left:50px}.about .text-en{margin-top:20px}.slogan2{padding-bottom:unset;margin-bottom:-60px}.slogan2-sub{line-height:2;padding:0 5vw;text-align:right}.slogan2-sub .tw{font-weight:bold;color:#000}.slogan2-sub .en{font-size:.875rem;font-style:italic;width:-moz-fit-content;width:fit-content;margin-left:auto;position:relative}.slogan2-sub .en:after{content:"";width:25px;height:25px;background:#f1f1f1;border-radius:50%;position:absolute;bottom:2px;right:-7px;z-index:-1}.award .inner{max-width:unset}.award-inner{display:flex;gap:5vw;position:relative}.award-img{overflow:hidden;width:55%}.award-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:100% 60%;object-position:100% 60%}.award-block{margin:auto}.award-title{padding-bottom:40px}.award-content-line{width:100vw;height:1px;background:#dfddd5;position:absolute;right:0;z-index:-1}.award-content-line.clipRight.is-inview{transition-delay:.8s}.award-list{display:flex;flex-direction:column;gap:15px;color:#000;font-size:.875rem;margin-left:50px;padding-top:40px}.award-list li{position:relative;padding-left:58px;border-bottom:1px dotted #dfddd5;padding-bottom:15px}.award-list .info{color:#666;display:block;font-size:.75rem}.award-list .work{letter-spacing:.15rem}.award-list a:hover{color:#000}.award-logo{width:28px;padding:7px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);position:absolute;top:10px;left:0}.award-logo img{width:100%}.projects{position:relative;margin-bottom:80px}.projects-bg{width:100%;height:40%;background:#000;position:absolute;bottom:0;left:0;z-index:-1}.projects .inner{max-width:1600px}.projects-list{display:flex;gap:2%;margin:50px 0 0}.projects-img{position:relative;filter:saturate(0.5);transition:filter .8s}.projects-item:hover .projects-img{filter:saturate(1)}.projects-img.clipLeft,.projects-img.clipRight,.projects-img.clipUp,.projects-img.clipDown{transition:clip-path .9s}.projects-img:before{content:"";height:100%;background:#191919;position:absolute;left:100%;right:0%;top:0}.projects-item:hover .projects-img:before{animation:mask-hover .8s forwards}.projects-img img{width:100%}.projects-content{margin-top:20px}.projects-type .en{font-size:1rem;color:#999;display:block;font-weight:normal}.projects-type .tw{font-size:.875rem;color:#fff}.projects-more{text-align:center}@keyframes mask-hover{0%{right:0;left:100%}35%{right:0;left:0}65%{right:0;left:0}100%{right:100%;left:0}}.concept{position:relative;margin:80px 0}.concept-bg{width:calc(100% - 5vw);height:100%;background:#000;position:absolute;top:0;left:0;z-index:-1}.concept-bg.clipRight.is-inview{transition-delay:.6s}.concept-wrap{display:flex;align-items:center;position:relative}.concept-img{display:flex;align-items:flex-end;gap:5vw;width:58%}.concept-img img{width:100%}.concept-img .img2{margin:0 0 5vw}.concept-content{width:30%;max-width:450px;margin:0 auto;padding:0 5vw}.concept-content-sub{color:#fff;line-height:1.8}.concept-content-sub .tw{font-weight:bold}.concept-content-sub .en{font-size:.875rem;font-style:italic;width:-moz-fit-content;width:fit-content;position:relative}.concept-content-sub .en:after{content:"";width:25px;height:25px;background:#444;border-radius:50%;position:absolute;bottom:0;right:-7px;z-index:-1}.concept-content-text{padding-left:35px;line-height:2}.concept-content .text{color:#ccc}.concept-content .text-en{margin-top:20px}.concept-line{width:40px;height:1px;background:#555;margin:20px 0 30px -20px}.slogan{position:relative;margin:160px 0 80px}.slogan-bg{width:100%;height:100%;background:#f7f7f6;position:absolute;top:0;left:0;z-index:-1}.slogan-bg.clipDown.is-inview{transition-delay:.6s}.slogan-wrap{display:flex;justify-content:center}.slogan-text{text-align:center;width:300px;position:relative}.slogan-text.fadeDown{transform:translateY(-30px)}.slogan-text.fadeDown.is-inview{transform:translateY(0)}.slogan-text:nth-child(1).fadeDown.is-inview .en{opacity:1;transform:translateY(0px)}.slogan-text:nth-child(1).fadeDown.is-inview .en:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay:.4s}.slogan-text:nth-child(2).fadeDown.is-inview{transition-delay:.3s}.slogan-text:nth-child(2).fadeDown.is-inview:before,.slogan-text:nth-child(2).fadeDown.is-inview:after{opacity:1;transition-delay:.5s}.slogan-text:nth-child(2).fadeDown.is-inview .en{opacity:1;transform:translateY(0px);transition-delay:.3s}.slogan-text:nth-child(2).fadeDown.is-inview .en:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay:.6s}.slogan-text:nth-child(2):before{content:"⨉";color:#999;position:absolute;top:50%;left:-20px;opacity:0;transform:translateY(-50%);transition:opacity .8s}.slogan-text:nth-child(2):after{content:"⨉";color:#999;position:absolute;top:50%;right:-10px;opacity:0;transform:translateY(-50%);transition:opacity .8s}.slogan-text:nth-child(3).fadeDown.is-inview{transition-delay:.6s}.slogan-text:nth-child(3).fadeDown.is-inview .en{opacity:1;transform:translateY(0px);transition-delay:.6s}.slogan-text:nth-child(3).fadeDown.is-inview .en:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay:.8s}.slogan-text .tw{letter-spacing:.2rem}.slogan-text .en{font-size:1.25rem;text-transform:uppercase;opacity:0;transform:translateY(-20px);transition:opacity 1s,transform 1s}.slogan-text .en:before{content:"";width:1px;height:25px;border-left:1px dotted #999;color:#999;display:block;margin:13px auto;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);transition:clip-path .6s}.contact-map{width:100%;height:40vw;max-height:760px;background:#f1f1f1}.contact-content{display:flex;align-items:flex-start}.contact-text{position:relative;flex:1;font-size:.875rem;line-height:2;padding-left:3%;margin-left:3%;margin-top:60px;z-index:1}.contact-text:before{content:"";position:absolute;left:0;top:-60px;width:1px;height:0;background:#dfddd5;transition:height .6s}.contact-text.is-inview::before{height:calc(100% + 60px)}.contact-text a:hover{color:#000}.contact-subtitle{color:#000;margin-bottom:10px;font-size:1rem;font-weight:normal}@media screen and (min-width: 1921px){.about-bg{height:85%;bottom:0}.about-content{max-width:550px}.projects .inner{max-width:unset}.projects-list{gap:40px}.award-img{width:auto}.award-img img{aspect-ratio:5/3}.award-block{margin:auto 5vw}.award-list{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.award-list li{width:46%;box-sizing:border-box}.concept-content{max-width:500px}.concept-img{width:60%}}@media screen and (max-width: 1300px){.about-wrap2-in{margin-top:unset}.about-img1{margin-bottom:-10vw}.about-img1 img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:15% 50%;object-position:15% 50%}.award-img{width:45%}}@media screen and (max-width: 1100px){.about-bg{width:calc(100% - 5vw);height:70%;bottom:5%}.about-wrap{display:block}.about-slogan .newline:nth-child(1){margin-left:4%}.about-slogan .newline:nth-child(2){margin:25px 0 0 0}.about-image{margin:80px auto 0;width:auto;max-width:800px;padding-left:5vw}.about-wrap2{flex-direction:column-reverse;align-items:flex-start;gap:80px}.about-wrap2-in{display:block;width:100%}.about-content{padding:0 5vw}.about-img1{margin-top:unset;width:65%}.about-img1 img{aspect-ratio:unset}.about-img2{display:none}.slogan2{margin-top:20px;margin-bottom:-40px}.projects-bg{height:70%}.projects .inner{max-width:900px}.projects-list{flex-wrap:wrap;gap:unset;width:103%;margin-left:-1.5%}.projects-item{width:47%;margin:1.5%;box-sizing:border-box}.award-inner{display:block}.award-img{width:auto;max-width:900px;margin:0 auto}.award-img img{aspect-ratio:2/1;height:unset}.award-block{margin:5vw auto 0;max-width:900px}.award-list{margin-left:50px;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.award-list li{width:46%;box-sizing:border-box}.concept-wrap{flex-flow:column-reverse;gap:5vw}.concept-content{width:auto;margin:0 auto 0 0}.concept-img{width:auto;padding-left:5vw}.slogan-text{width:unset}.slogan-text .tw{font-size:1.25rem}.slogan-text .en{display:none}.slogan-text:nth-child(2){margin:0 40px;padding:0 40px}.slogan-text:nth-child(2):before{left:-8px}.slogan-text:nth-child(2):after{right:-8px}.contact-map{height:50vw}}@media screen and (max-width: 900px){.about-slogan .newline:nth-child(2){margin:20px 0 0 0}.about-image{margin-top:30px}.about-wrap2{gap:30px;margin-top:30px}.about-text{margin-left:unset}.award-title{margin-left:50px}.award-list{flex-direction:column;justify-content:unset;padding-top:25px}.award-list li{width:auto}.concept-wrap{gap:30px}.concept-content-text{padding-left:unset}.contact-map{height:55vw}.contact-content{flex-direction:column;gap:40px;margin-top:40px}.contact-text{margin-top:unset}.contact-text:before{top:0}.contact-text.is-inview::before{height:100%}}@media screen and (max-width: 640px){.hero-slogan-main{max-width:210px}.hero-slogan--s1,.hero-slogan--s2,.hero-slogan--s3{left:5vw;right:5vw;bottom:150px}.hero-slogan-sub{font-size:.75rem}.about{margin-bottom:60px}.about-slogan{padding-right:unset}.about-slogan .name{height:22px}.about-slogan .newline:nth-child(1){margin-left:0}.about-slogan .newline:nth-child(2){margin:20px 0 0 0}.about-slogan span{font-size:1.125rem;padding:9px 7px 3px}.about-slogan span:after{top:17px}.about-content{margin-top:0;max-width:unset;padding:0 5vw 0 10vw}.about-content .newline{display:inline;margin-right:-0.3em}.about-img1{width:calc(100% - 5vw)}.slogan2{display:none}.award-block{margin-top:30px}.award-title{margin-left:unset;padding-bottom:25px}.award-list{margin-left:unset}.projects{margin-bottom:40px}.projects-bg{height:85%}.projects-bg.clipDown.is-inview{transition:clip-path 2.4s}.projects .inner{max-width:360px}.projects-list{flex-direction:column;margin-top:30px;gap:30px;width:100%;margin-left:unset}.projects-item{width:auto;margin:unset}.projects-content{margin-top:10px}.slogan{margin:80px 0 40px}.slogan-text:nth-child(2){margin:0 25px;padding:0 25px}.slogan-text:nth-child(2):before,.slogan-text:nth-child(2):after{font-size:.875rem}.slogan-text .tw{font-size:1rem}.concept{margin:40px 0}.concept-content{padding:0 10vw 0 5vw}.contact-map{height:400px}.contact-content{gap:30px;margin-top:30px}.contact-subtitle{font-size:.875rem;margin-bottom:5px}}@media screen and (max-height: 400px){.hero-slogans{display:none}}