@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%}.process-content{margin:1rem}.process-content .step{margin:20px 0}.process-content .step-title{display:flex;align-items:center;justify-content:center;width:auto;flex-flow:wrap;justify-content:flex-start}.process-content .step-title h4 .en{text-transform:uppercase}.process-content .step-title h4 .en::before{content:"|";margin:0 10px}.process-content .step-icon{width:30px;margin:0 10px 0 0}.process-content .step-num{margin:0 10px 0 0}.process-content .step-info{position:relative;padding:30px 0;line-height:2;letter-spacing:2px}.process-content .step-info p{font-size:.875rem}@media screen and (min-width: 768px){.process-content{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.process-content .step{margin:20px 0;padding-right:50px;width:50%}}@media screen and (min-width: 992px){.process{padding:100px 0}.process-content{display:grid;grid-template-rows:repeat(4, 1fr);grid-template-columns:repeat(2, 1fr);gap:2rem;margin:0}.process-content .step{width:100%;position:relative;display:flex;opacity:0;padding:0;-moz-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out;-webkit-align-items:center;align-items:center}.process-content .step-title{text-align:center;padding:30px 50px;width:90px;box-sizing:content-box;flex-flow:column}.process-content .step-title h4 span{display:block}.process-content .step-title .en::before{display:none}.process-content .step-icon{max-width:30px;margin:0 auto}.process-content .step-num{margin:0}.process-content .step-info{flex-grow:1}.process-content .step.show{opacity:1;-moz-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.process-content .step:nth-child(1){transition-delay:.05s}.process-content .step:nth-child(2){transition-delay:.1s}.process-content .step:nth-child(3){transition-delay:.15s}.process-content .step:nth-child(4){transition-delay:.2s}.process-content .step:nth-child(5){transition-delay:.25s}.process-content .step:nth-child(6){transition-delay:.3s}.process-content .step:nth-child(7){transition-delay:.35s}}@media screen and (min-width: 1200px){.process{width:1100px;margin:0 auto}}