.letter:nth-child(0){--index: 0}.card:nth-child(0){--index: 0}.letter:nth-child(1){--index: 1}.card:nth-child(1){--index: 1}.letter:nth-child(2){--index: 2}.card:nth-child(2){--index: 2}.letter:nth-child(3){--index: 3}.card:nth-child(3){--index: 3}.letter:nth-child(4){--index: 4}.card:nth-child(4){--index: 4}.letter:nth-child(5){--index: 5}.card:nth-child(5){--index: 5}.letter:nth-child(6){--index: 6}.card:nth-child(6){--index: 6}.letter:nth-child(7){--index: 7}.card:nth-child(7){--index: 7}.letter:nth-child(8){--index: 8}.card:nth-child(8){--index: 8}.letter:nth-child(9){--index: 9}.card:nth-child(9){--index: 9}.letter:nth-child(10){--index: 10}.card:nth-child(10){--index: 10}.letter:nth-child(11){--index: 11}.card:nth-child(11){--index: 11}.letter:nth-child(12){--index: 12}.card:nth-child(12){--index: 12}.letter:nth-child(13){--index: 13}.card:nth-child(13){--index: 13}.letter:nth-child(14){--index: 14}.card:nth-child(14){--index: 14}.letter:nth-child(15){--index: 15}.card:nth-child(15){--index: 15}.letter:nth-child(16){--index: 16}.card:nth-child(16){--index: 16}.letter:nth-child(17){--index: 17}.card:nth-child(17){--index: 17}.letter:nth-child(18){--index: 18}.card:nth-child(18){--index: 18}.letter:nth-child(19){--index: 19}.card:nth-child(19){--index: 19}.letter:nth-child(20){--index: 20}.card:nth-child(20){--index: 20}.anim-letter{--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);overflow:hidden;line-height:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:auto;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.anim-letter div{display:none}@media screen and (max-width: 800px){.anim-letter div{display:block;width:100%}}.anim-letter .letter{display:inline-block;translate:0 2em;line-height:1.4}@media screen and (max-width: 800px){.anim-letter .letter{translate:0 2.5em}}.anim-letter.do-anim .letter{-webkit-transition:translate .7s var(--ease-out-quart);transition:translate .7s var(--ease-out-quart);-webkit-transition-delay:calc(.12s*var(--index));transition-delay:calc(.12s*var(--index));translate:0}.fadein{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 2s;transition:all 2s}.fadein.fadein-left{-webkit-transform:translate(-30px, 0);transform:translate(-30px, 0)}.fadein.fadein-right{-webkit-transform:translate(30px, 0);transform:translate(30px, 0)}.fadein.fadein-up{-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}.fadein.fadein-bottom{-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}.fadein.do-anim{opacity:1 !important;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important;-webkit-transition-delay:calc(.3s*var(--index));transition-delay:calc(.3s*var(--index))}.fadeinDelay{opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 1.5s;transition:all 1.5s}.fadeinDelay.fadein-up{-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}.fadeinDelay.fadein-bottom{-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}.fadeinDelay.do-anim{opacity:1 !important;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important;-webkit-transition-delay:3s;transition-delay:3s}.fadein.recruit-illust-top-ppl1{--index: 5}.fadein.recruit-illust-top-ppl2{--index: 6}.fadein.recruit-illust-top-ppl3{--index: 7}.fadein.recruit-illust-top-ppl4{--index: 8}.fadein.do-anim{opacity:1 !important;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important}.fadeinImg{opacity:0}.fadeinImg.do-anim{-webkit-animation:fadeInOpacity 2.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;animation:fadeInOpacity 2.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}.img-wrap-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:img-wrap-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation:img-wrap-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards}@-webkit-keyframes img-wrap-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes img-wrap-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.img-curtain-left{overflow:hidden;position:relative}.img-curtain-left::before{-webkit-transform:translateX(0%);transform:translateX(0%);background:#f4f7f8;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.img-curtain-left.do-anim::before{-webkit-animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation-delay:calc(.3s*var(--index));animation-delay:calc(.3s*var(--index));background:#f4f7f8;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.img-curtainwht-left{overflow:hidden;position:relative}.img-curtainwht-left::before{-webkit-transform:translateX(0%);transform:translateX(0%);background:#fff;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.img-curtainwht-left.do-anim::before{-webkit-animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation-delay:calc(.3s*var(--index));animation-delay:calc(.3s*var(--index));background:#fff;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.img-curtainmain-left{overflow:hidden;position:relative}.img-curtainmain-left::before{-webkit-transform:translateX(0%);transform:translateX(0%);background:#00adef;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.img-curtainmain-left.do-anim::before{-webkit-animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation:img-curtain-left 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation-delay:calc(.3s*var(--index));animation-delay:calc(.3s*var(--index));background:#00adef;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@-webkit-keyframes img-curtain-left{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes img-curtain-left{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.bubble.bubble1{--index: 8;opacity:0}.bubble.bubble2{--index: 6;opacity:0}.bubble.bubble3{--index: 7;opacity:0}.bubble.bubble4{--index: 10;opacity:0}.bubble.do-anim.bubble1,.bubble.do-anim.bubble2,.bubble.do-anim.bubble3,.bubble.do-anim.bubble4{-webkit-animation:bubbler .8s cubic-bezier(0.33, 1, 0.68, 1) forwards;animation:bubbler .8s cubic-bezier(0.33, 1, 0.68, 1) forwards;-webkit-animation-delay:calc(.22s*var(--index));animation-delay:calc(.22s*var(--index))}.anim-poyopoyo{-webkit-animation:poyopoyo 2s ease-out infinite;animation:poyopoyo 2s ease-out infinite;opacity:1}@-webkit-keyframes poyopoyo{0%,40%,60%,80%{-webkit-transform:scale(1);transform:scale(1)}50%,70%{-webkit-transform:scale(0.95);transform:scale(0.95)}}@keyframes poyopoyo{0%,40%,60%,80%{-webkit-transform:scale(1);transform:scale(1)}50%,70%{-webkit-transform:scale(0.95);transform:scale(0.95)}}@-webkit-keyframes bubbler{0%{opacity:0}100%{opacity:1}}@keyframes bubbler{0%{opacity:0}100%{opacity:1}}.txtsmooth{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);display:inline-block;font-size:36px;font-weight:bold;-webkit-transition:1.4s cubic-bezier(0.37, 0, 0.63, 1);transition:1.4s cubic-bezier(0.37, 0, 0.63, 1);-webkit-transition-property:-webkit-clip-path;transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path, -webkit-clip-path}.txtsmooth.do-anim{-webkit-clip-path:inset(0);clip-path:inset(0)}.people-list li{opacity:0}.people-list.do-anim li{-webkit-animation:bubbler .8s cubic-bezier(0.33, 1, 0.68, 1) forwards;animation:bubbler .8s cubic-bezier(0.33, 1, 0.68, 1) forwards;-webkit-animation-delay:calc(.22s*var(--index));animation-delay:calc(.22s*var(--index))}.animFrame{position:relative;height:500px}.animFrame figure{position:absolute;top:0px;left:0px;display:block;height:100%;width:100%}.animFrame figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.animFrame .anim1{opacity:0;-webkit-animation:zoom-in 10s;animation:zoom-in 10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animFrame .anim2{opacity:0;-webkit-animation:zoom-out 10s;animation:zoom-out 10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animFrame .anim3{opacity:0;-webkit-animation:slideInL 8s;animation:slideInL 8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:1}.animFrame .anim4{opacity:0;-webkit-animation:slideInR 8s;animation:slideInR 8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:1}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}50%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes zoom-in{0%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}50%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes zoom-out{30%{-webkit-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}}@keyframes zoom-out{30%{-webkit-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}}@-webkit-keyframes slideInR{60%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:1}}@keyframes slideInR{60%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:1}}@-webkit-keyframes slideInL{60%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:1}}@keyframes slideInL{60%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:1}}/*# sourceMappingURL=animation1.css.map */