.intro{position:fixed;top:0;width:100%;height:100%;background:#d7b85f;z-index:100}.intro-logo{position:absolute;width:140px;height:50px;top:50%;left:50%;filter:brightness(10);transform:translate(-50%, -50%)}.intro-logo-tw{position:absolute;top:0;left:0;clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .6s,opacity .6s}.show-intro .intro-logo-tw{clip-path:inset(0 0 0 0);opacity:1}.intro-logo-en{position:absolute;bottom:-10px;left:0;opacity:0;transition:opacity .6s .6s,bottom .6s .6s}.show-intro .intro-logo-en{bottom:0;opacity:1}.hero-slide{transform:scale(1.1);transition:transform 8s}.hero-slide.show-img{transform:scale(1)}.hero-slide--s3 img{-o-object-position:0% 50%;object-position:0% 50%}.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{display:block;font-size:1.5rem;opacity:0;transition:opacity .6s}.show-text .hero-slogan-main{opacity:1}.hero-slogan-line{width:0px;height:1px;background:#fff;display:block;margin:10px 0 10px -15px;transition:width .6s}.show-text .hero-slogan-line{width:30px}.hero-slogan-sub{display:block;font-size:.875rem;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%;right:5%}.hero-slogan--s2{bottom:17%;left:5%}.hero-slogan--s3{bottom:15%;right: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)}.hero-award{display:flex;gap:2px;margin-top:20px;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.show-text .hero-award{opacity:1;transform:translateY(0)}.hero-award img{width:24px;filter:grayscale(0%)}.honor-wrap{margin-bottom:160px}.honor-wrap:last-child{margin-bottom:0}.honor-content{margin-bottom:40px;border-top:1px solid #c7b299;border-bottom:1px solid #c7b299;padding:40px 10%}.honor-head{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-bottom:40px;gap:20px}.honor-logo{width:80px;height:80px}.honor-logo img{width:100%;filter:grayscale(0%)}.honor-title{color:#000;font-size:1.25rem}.honor-title-honor:before{content:"|";margin:0 10px;display:inline-block}.honor-title-tw{display:block;font-size:1rem;margin-top:5px}.honor-text{font-size:.875rem;line-height:1.8}.honor-text .en{color:#999;font-size:.75rem;margin-top:15px}.honor-images{position:relative;overflow:hidden}.honor-control{margin:40px 10% 0;display:flex;align-items:center;justify-content:space-between}.honor-btn{display:flex;gap:10px}.honor-num{display:flex;gap:10px;align-items:center;margin-right:auto}.honor-line{width:40px;height:1px;background:#ccc;display:block}.honor-en{color:#000;margin-right:10px}.honor-projects{white-space:nowrap;color:#000}.honor-projects:after{content:"｜";margin:0 10px;color:#999}.honor-next,.honor-prev{position:relative;padding:13px;display:block;border-radius:50%;background:#fff;border:#ccc solid 1px;width:10px;height:10px;cursor:pointer}.honor-next:before,.honor-prev:before{content:"";display:block;width:10px;height:10px}.honor-next:hover:before,.honor-prev:hover:before{border-color:#000}.honor-next:before{border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg) translate(-2px, 1px)}.honor-prev:before{border-top:1px solid #999;border-left:1px solid #999;transform:rotate(-45deg) translate(2px, 1px)}.honor .swiper-wrapper{align-items:stretch}.honor .swiper-slide{width:auto;flex-shrink:0}.honor .swiper-slide img{width:auto;height:32vw;filter:grayscale(50%)}.honor .swiper-slide-active img{filter:grayscale(0%)}.award-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px 40px;margin-top:60px;padding:60px 0;border-top:1px solid #c7b299;border-bottom:1px solid #c7b299}.award-item{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.award-logo{padding:4px;border:1px solid rgba(199,178,153,.3)}.award-logo img{width:30px;height:30px;filter:grayscale(0%)}.award-info{font-size:.75rem}.award-name{font-size:.875rem;color:#000}.projects-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-top:60px}.projects-img{position:relative}.projects-img:before{content:"";height:100%;background:hsl(32.6086956522,29.1139240506%,94.0196078431%);position:absolute;left:100%;right:0%;top:0;z-index:1}.projects-item:hover .projects-img:before{animation:mask-hover .6s forwards}.projects-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/4;filter:grayscale(50%)}.projects-item:hover .projects-img img{filter:grayscale(0%)}.projects-img1{-o-object-position:60% 50%;object-position:60% 50%}.projects-img2{-o-object-position:90% 50%;object-position:90% 50%}.projects-img3{-o-object-position:55% 50%;object-position:55% 50%}.projects-content{margin-top:20px}.projects-type .en{font-size:1rem;color:#d7b85f;display:block;font-weight:normal}.projects-type .tw{font-size:.875rem;color:#000}.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}}.slogan-inner{padding:80px 0;background:rgba(199,178,153,.1)}.slogan-content{width:-moz-fit-content;width:fit-content;margin:auto;transform:translateX(-7.5%)}.slogan-text{font-size:1.5rem;font-weight:300;color:#000;line-height:2;white-space:nowrap}.slogan-text:nth-child(2){margin-left:15%}.insight-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;margin-top:60px}.insight-item{display:block}.insight-item:hover img{transform:scale(1.1);filter:grayscale(0%)}.insight-item:hover .insight-date{color:#d7b85f}.insight-item:hover .insight-date:after{background:#d7b85f}.insight-item:hover .insight-view{color:#d7b85f;border-color:#d7b85f}.insight-item:hover .insight-plus{transform:rotate(180deg)}.insight-item:hover .insight-plus:before,.insight-item:hover .insight-plus:after{background:#d7b85f}.insight-img{overflow:hidden}.insight-img img{width:100%;transition:transform .6s;filter:grayscale(50%)}.insight-info{padding-top:30px;font-size:.875rem}.insight-type{display:flex;align-items:center;gap:10px;color:#999;margin-bottom:15px;white-space:nowrap}.insight-type:after{content:"";display:block;width:100%;height:1px;background:#ccc}.insight-text{color:#000}.insight-view{font-size:.75rem;margin-top:30px;color:#999;text-align:center;border:1px solid #ccc;border-radius:20px;padding:2px 10px}.insight-plus{display:inline-block;width:8px;height:8px;position:relative;transition:transform .6s}.insight-plus:after,.insight-plus:before{content:"";position:absolute;width:100%;height:1px;background:#999;top:50%;left:0}.insight-plus:after{transform:rotate(90deg)}.about-wrap{display:flex;gap:5vw}.about-img img{width:100%}.about .img1{margin:5vw}.about .img2{margin:5vw 0 0}.about-slogan{color:#000;line-height:20px;letter-spacing:.25em;font-size:.875rem;margin:auto;white-space:nowrap}.about-slogan .newline{transition-delay:0s}.about-slogan .newline:nth-child(1){margin-left:4%}.about-slogan .newline:nth-child(2){margin:40px 0}.about-slogan .newline:nth-child(3){margin-left:10%}.about-slogan .newline.is-inview:nth-child(2){transition-delay:.2s}.about-slogan .newline.is-inview:nth-child(3){transition-delay:.4s}.about-slogan .name{margin-right:15px;vertical-align:middle;display:inline-block;height:30px;filter:grayscale(0%)}.about-slogan .emphasize{letter-spacing:normal;display:inline-block;margin:0 10px;color:#d7b85f;font-size:1.25rem}.about-content{width:-moz-fit-content;width:fit-content;line-height:2;margin:5vw auto 0 auto}.contact{padding-bottom:0}.contact-map{position:relative;width:100%;height:500px;background:#f2f2f2;z-index:1}.contact-map img{filter:grayscale(0%)}.contact-content{position:relative;margin-top:-80px;padding:80px 0}.contact-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(199,178,153,.1)}.contact-text{margin:80px auto 0;display:grid;grid-template-columns:300px 1fr;width:-moz-fit-content;width:fit-content}.contact-subtitle{color:#d7b85f;margin-bottom:20px;font-size:1rem;font-weight:normal}.contact-info{display:flex;gap:60px;justify-content:space-between;font-size:.875rem;margin-top:10px}.contact-info img{height:16px;width:auto;display:inline;vertical-align:middle;margin-right:10px;filter:brightness(7)}.contact-info a{display:flex;margin-top:10px;max-width:300px}.contact-info .add-en{margin-left:26px}.contact-info a:hover{color:#000}@media screen and (min-width: 1921px){.honor-wrap{margin-bottom:240px}.slogan-inner{padding:120px 0}.contact-map{height:600px}.contact-content{padding:120px 0;margin-top:-120px}.contact-text{margin-top:120px}}@media screen and (max-width: 1920px){.award-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 1440px){.insight-list{grid-template-columns:repeat(2, 1fr)}.insight-item{display:flex;gap:15px}.insight-img{flex:1}.insight-info{flex:1;padding:5% 0;display:flex;flex-direction:column;justify-content:space-between}}@media screen and (max-width: 1280px){.award-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 1100px){.inner{width:auto}.honor-content{padding:40px 0}.honor-control{margin:40px 0 0}.projects-list{gap:20px}.about-slogan .newline:nth-child(2){margin:20px 0}.contact-info{flex-direction:column}}@media screen and (max-width: 900px){.honor-title-honor{display:block}.honor-title-honor:before{content:none}.honor .swiper-slide img{height:50vw}.honor-text p{line-height:1.5;margin-bottom:10px}.award-inner{width:-moz-fit-content;width:fit-content}.award-list{position:relative;grid-template-columns:repeat(1, 1fr);padding:0 0 0 40px;border:none}.award-list::before{content:"";position:absolute;left:.5em;top:0;width:1px;height:100%;background:#c7b299}.projects-inner{max-width:500px}.projects-list{grid-template-columns:repeat(1, 1fr);gap:40px}.projects-img img{aspect-ratio:4/3}.insight-item{display:block}.insight-info{padding:20px 0 0 0}.insight-type{margin-bottom:5px}.insight-view{margin-top:20px}.about-wrap{flex-direction:column;gap:40px}.about .img1{margin:40px 0 0}.about .img2{display:none}.about-content{margin-top:0}.about-content .newline{margin-right:-0.3em}.contact-text{grid-template-columns:200px 1fr}.contact-info{gap:40px}}@media screen and (max-width: 640px){.hero-slogan--s1,.hero-slogan--s2,.hero-slogan--s3{left:5vw;right:5vw;bottom:150px}.hero-slogan-sub{font-size:.75rem;display:block}.hero-slide--s1 img{-o-object-position:20% 50%;object-position:20% 50%}.honor-wrap{margin-bottom:60px}.honor-content{padding:30px 0;margin-bottom:30px}.honor-head{flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:10px}.honor-logo{width:60px;height:60px}.honor-control{margin-top:30px;flex-wrap:wrap}.honor-en{display:none}.honor-line{width:20px}.award-list{margin-top:40px;padding-left:30px}.projects .inner{max-width:360px}.projects-list{flex-direction:column;margin-top:40px;gap:40px}.projects-content{margin-top:10px}.insight-list{grid-template-columns:repeat(1, 1fr);gap:40px;margin-top:40px}.slogan-inner{padding:60px 0}.slogan-content{transform:translateX(-2.5%)}.slogan-text{font-size:1rem}.slogan-text:nth-child(2){margin-left:5%}.about-slogan .newline:nth-child(1),.about-slogan .newline:nth-child(3){margin-left:0}.about-slogan .name{height:22px}.about-slogan .emphasize{margin:0 5px 0 0}.about-content .newline{line-height:1.5;margin-bottom:10px}.contact-map{height:400px}.contact-content{margin-top:-60px;padding:60px 0}.contact-text{margin-top:40px;grid-template-columns:1fr;gap:30px}.contact-info{gap:20px}.contact-subtitle{margin-bottom:10px}}@media screen and (max-height: 400px){.hero-slogans{display:none}}