@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");.top{position:fixed;top:0;width:100%;height:100vh}.top-img{position:relative;height:100%;overflow:hidden;background-size:cover;background-position:center center}.top-img::after{position:absolute;content:"";z-index:1;left:0;top:0;width:100%;height:100%;background:rgba(35,24,21,0.6)}.top-title{font-weight:normal;color:#fff;position:absolute;width:90%;top:50%;left:5%;text-align:center;z-index:2;opacity:0;transform:translateY(-50%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:opacity .6s,clip-path 1s}.top-title.show{opacity:1;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-title .catch{font-size:1rem}.top-title .subCatch{font-size:1.2rem;text-transform:uppercase}.top-title .subCatch::before{content:"|";margin:0 10px}.main{margin-top:100vh;position:relative;z-index:6;background:#fafafa}@media screen and (min-width: 992px){.top-title .catch{font-size:1.25rem}.top-title .subCatch{font-size:1.45rem}}.top-img{background-position:60% 50%}.normal-text .en{line-height:2.46}.about-inner{display:flex;gap:2rem;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.about-area{margin-bottom:40px}.about-area .tw,.about-area .en{margin-bottom:20px}.photo2-inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:6px;width:100%}.photo2-inner .photo{grid-column:span 1;width:100%;height:100%;object-fit:cover}.photo2-inner .photo:first-child{grid-column:span 2}.design{padding-bottom:0}.design-inner{display:flex;gap:2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.design-inner-en{padding:8% 0}.design-inner-text{padding-top:0}.award-logo{max-width:20px}.award-inner-img{width:100%}.award-list{font-size:1rem}.award-list-item{text-transform:uppercase;display:flex;gap:1rem;padding:10px 0;-webkit-align-items:center;align-items:center;border-bottom:1px solid #E0E0E0}.timeline{margin:2rem auto;position:relative}.timeline:before{background-color:#E0E0E0;content:"";position:absolute;top:0;left:2em;width:2px;height:100%}.timeline-event{position:relative}.timeline-event-icon{-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#E0E0E0;outline:10px solid #fafafa;display:block;margin:.25em .25em .25em -.25em;position:absolute;top:0;left:2.1em;width:8px;height:8px}.timeline-event-thumbnail{font-size:1rem;display:inline-block;margin-bottom:1.2em;font-family:"Cormorant Infant"}.timeline-event-copy{padding:2em;position:relative;top:-2.345em;left:2em;width:90%}.timeline-event-copy strong{font-weight:700}.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:1.2em}@media screen and (min-width: 576px){.about-inner-text .tw span.stepTarget{display:block}.design-inner-text .tw span.stepTarget{display:block}.award-content{padding:1rem}}@media screen and (min-width: 620px){.design-inner-en span{display:block}}@media screen and (min-width: 768px){.design-inner-text{width:100%}}@media screen and (min-width: 992px){.normal-text .en{line-height:3.46}.about-inner{-webkit-flex-direction:row;flex-direction:row}.about-inner-text{flex-grow:1}.about-inner-text .tw,.about-inner-text .en{max-width:850px}.about-title{margin-bottom:60px}.photo2-inner{grid-template-columns:repeat(4, 1fr)}.design-inner{-webkit-flex-direction:row;flex-direction:row;gap:4rem}.design-inner-img{width:60%}.design-inner-img img{width:100%;height:100%;object-fit:cover}.design-inner-text{width:45%;padding-top:80px}.design-inner-en{max-width:750px;margin-left:auto;text-align:right;padding-bottom:0}.design-img{display:block}.award-inner-img{width:50%;flex:0 0 50%}.award-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:0 2rem}.timeline-event-copy{left:4em}}@media screen and (min-width: 1200px){.about-inner-text span.stepTarget{display:block}}@media screen and (min-width: 1500px){.about-inner{gap:100px}}@media screen and (min-width: 671px) and (max-width: 992px){.about-inner-text .en.first span.stepTarget{display:block}}@media screen and (min-width: 710px) and (max-width: 992px){.about-inner-text .en span.stepTarget{display:block}}