@charset "UTF-8";.page-top{background-color:#010930;color:#fff}.page-top .pageHeader{padding:156px 0 120px;position:relative;display:flex;align-items:center;height:100vh}.page-top .pageHeader .main-logo{width:50%;transform:translateY(-20px);opacity:0;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}@media screen and (min-width:768px){.page-top .pageHeader .main-logo{width:184px}}.page-top .pageHeader .main-logo.is-show{transform:translateY(0);opacity:1}.page-top .pageHeader .catch{margin-top:80px;line-height:1.5;font-size:3.2rem}@media screen and (min-width:768px){.page-top .pageHeader .catch{font-size:4rem}}.page-top .pageHeader .catch span{display:block;opacity:0;transform:translate(-40px);transition:opacity 2s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.page-top .pageHeader .catch span:nth-of-type(2n){transform:translate(40px)}.page-top .pageHeader .catch.is-show span{opacity:1;transform:translate(0)}.page-top .pageHeader .catch.is-show span:nth-of-type(1){transition-delay:.3s}.page-top .pageHeader .catch.is-show span:nth-of-type(2){transition-delay:.4s}.page-top .pageHeader .explanation{margin-top:30px;opacity:0;transform:translateY(-20px);transition:opacity 3s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1)}.page-top .pageHeader .explanation.is-show{opacity:1;transform:translateY(0)}.page-top .pageHeader .explanation .text{font-size:2.4rem;position:relative}.page-top .pageHeader .explanation .text:after{content:"";width:120px;height:1px;background-color:#fff;position:absolute;left:0;top:50%;transform:translate(100%,-50%);margin-left:20px}.page-top .pageHeader .explanation .text.on{transform:translate(100%,-50%)}.page-top .pageHeader .scroll{display:none}@media screen and (min-width:768px){.page-top .pageHeader .scroll{display:block;position:absolute;right:90px;bottom:50px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1.2rem;opacity:0;transition:opacity 2s ease}}.page-top .pageHeader .scroll.is-show{opacity:1}@media screen and (min-width:768px){.page-top .pageHeader .scroll:before{content:"";display:inline-block;position:absolute;background-color:#fff;width:1px;height:120px;left:-5px;-webkit-animation:scroll 2.5s infinite;animation:scroll 2.5s infinite}}@keyframes scroll{0%{-webkit-transform:scale(1,0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scale(1,1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}50.1%{-webkit-transform:scale(1,1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scale(1,0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}.page-top .vision{padding:120px 0;position:relative}@media screen and (min-width:768px){.page-top .vision{padding:180px 0}}@media screen and (min-width:1024px){.page-top .vision{padding:260px 200px}}.page-top .vision:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);z-index:0;width:100%;height:100%;background-image:url(/images/top/vision-bg.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;clip-path:polygon(0 50px,100%0,100% 100%,0 100%)}@media screen and (min-width:768px){.page-top .vision:before{clip-path:polygon(0 100px,100%0,100% 100%,0 100%)}}@media screen and (min-width:1024px){.page-top .vision:before{clip-path:polygon(0 200px,100%0,100% 100%,0 100%)}}.page-top .vision__inner{position:relative;z-index:1}.page-top .vision__title{font-size:4.8rem;text-align:center;position:relative}@media screen and (min-width:768px){.page-top .vision__title{font-size:5.4rem}}.page-top .vision__title:after{content:"";height:60px;width:1px;background-color:#fff;position:absolute;left:50%;transform:translate(-50%);bottom:-80px}.page-top .vision__title-text{display:flex;justify-content:center;align-items:center;font-size:4.8rem;text-align:center;position:relative}@media screen and (min-width:768px){.page-top .vision__title-text{font-size:5.4rem}}.page-top .vision__title-text:after{content:"";height:60px;width:1px;background-color:#fff;position:absolute;left:50%;transform:translate(-50%);bottom:-80px;transition:.8s ease;opacity:0}.page-top .vision__title-text .char{filter:blur(8px);opacity:0}.page-top .vision__copy{padding-top:110px;display:flex;justify-content:center;transition:1.2s ease;opacity:0}.page-top .vision__copy p{text-align:left;font-size:2.8rem}@media screen and (min-width:768px){.page-top .vision__copy p{text-align:center;font-size:3.2rem}}.page-top .vision .linkBtn{transition:1.2s ease;opacity:0}.page-top .vision.is-show .vision__title-text .char{animation:text-interval-animation .6s cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-delay:calc(.06s*var(--char-index))}.page-top .vision.is-show .vision__title-text:after{opacity:1;transition-delay:.4s}.page-top .vision.is-show .vision__copy{transition-delay:.6s;opacity:1}.page-top .vision.is-show .linkBtn{transition-delay:.8s;opacity:1}@keyframes text-interval-animation{0%{filter:blur(8px);opacity:0}50%{filter:blur(2px);opacity:1}to{filter:blur(0);opacity:1}}.page-top .ourService{padding:120px 0;position:relative}@media screen and (min-width:768px){.page-top .ourService{padding:220px 0}}.page-top .ourService:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);z-index:0;width:100%;height:100%;background-image:url(/images/top/ourService-bg.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;z-index:-1;transition:1.2s ease;opacity:.1}.page-top .ourService__panel{background-color:#fff;color:#001c76;padding:40px 20px;transition:1.2s ease;opacity:0}@media screen and (min-width:768px){.page-top .ourService__panel{padding:60px 40px 120px}}.page-top .ourService__panel.is-show{opacity:1}.page-top .ourService__panel .title{font-size:4.8rem;position:relative;line-height:1.1;text-align:center;font-weight:500}@media screen and (min-width:768px){.page-top .ourService__panel .title{font-size:6.4rem}}.page-top .ourService__panel .title{transition:1.2s ease;opacity:0}.page-top .ourService__panel .subTitle{text-align:center;color:#000;font-weight:500;margin-top:10px;font-size:1.4rem}@media screen and (min-width:768px){.page-top .ourService__panel .subTitle{font-size:1.6rem}}.page-top .ourService__panel .subTitle{transition:1.2s ease;opacity:0}.page-top .ourService__panel .text{font-size:2.8rem;font-weight:500;line-height:150%}@media screen and (min-width:768px){.page-top .ourService__panel .text{margin-top:60px;font-size:3.6rem;text-align:center}}.page-top .ourService__panel .text,.page-top .ourService__panel .linkBtn{transition:1.2s ease;opacity:0}.page-top .ourService.is-show:before{transition-delay:0;opacity:1}.page-top .ourService.is-show .ourService__panel{transition-delay:.3s;opacity:1}.page-top .ourService.is-show .title{transition-delay:.5s;opacity:1}.page-top .ourService.is-show .subTitle{transition-delay:.7s;opacity:1}.page-top .ourService.is-show .text{transition-delay:.9s;opacity:1}.page-top .ourService.is-show .linkBtn{transition-delay:1.1s;opacity:1}.page-top #header{translate:none;rotate:none;scale:none;transform:translateY(-100px);opacity:1}