.gif-preview[data-v-2258cb66]{max-width:300px;min-height:400px;display:block;margin:0 auto var(--space-1);box-shadow:var(--shadow)}.gif-preview img[data-v-2258cb66]{display:inline-block;max-width:100%}.slogin[data-v-2258cb66]{font-size:120px;display:flex;flex-direction:column;overflow:initial;position:relative}.slogin>span[data-v-2258cb66]{display:block;margin:10px 0}.slogin>div[data-v-2258cb66]:not(.enter){position:relative;margin-top:130px;transform:translate(140px)}.slogin>div:not(.enter) .piece-graph-1[data-v-2258cb66]{position:absolute;transform:translate(calc(-100% - 20px)) translateY(-100%)}.slogin .enter[data-v-2258cb66]{position:absolute;bottom:0;left:0;transform:translateY(-100%);font-size:initial;text-align:left;display:flex;align-items:flex-end}.slogin .enter .enter-val[data-v-2258cb66]{margin-left:20px}.slogin .enter .enter-val p[data-v-2258cb66]{line-height:1.4em}.slogin .enter .enter-button[data-v-2258cb66]{background-color:var(--color-D);border-radius:50%;width:72px;height:72px;margin-left:30px}.slogin .enter .enter-button .arrow[data-v-2258cb66]{transform:rotate(90deg) translate(42%)}.slogin .enter .enter-button .arrow.float-fly[data-v-2258cb66]{animation:float-fly-2258cb66 4s infinite ease-in-out}@keyframes float-fly-2258cb66{0%{transform:rotate(90deg) translate(22%)}50%{transform:rotate(90deg) translate(42%)}to{transform:rotate(90deg) translate(22%)}}.slogin .enter .enter-button .arrow span[data-v-2258cb66]{display:block;width:51.84px;height:2px;background-color:#000;position:absolute}.slogin .enter .enter-button .arrow span[data-v-2258cb66]:nth-child(1){transform:rotate(45deg);transform-origin:100% 50%}.slogin .enter .enter-button .arrow span[data-v-2258cb66]:nth-child(2){width:72.576px;transform:translate(-20.736px)}.slogin .enter .enter-button .arrow span[data-v-2258cb66]:nth-child(3){transform:rotate(-45deg) translate(-.5px) translateY(-.5px);transform-origin:100% -50%}.piece[data-v-2258cb66]{margin:54px 60px 0}.nav[data-v-2258cb66]{display:flex;align-items:flex-end;justify-content:flex-end;flex:1;height:100%}.nav li[data-v-2258cb66]{position:relative;display:block;width:180px;height:680px;margin-left:20px;border-top-left-radius:90px;border-top-right-radius:90px}.nav li[data-v-2258cb66]:hover{transform:scale(1.05);transition:all .3s;transform-origin:50%}.nav li a[data-v-2258cb66]{height:100%;display:flex;justify-content:center;position:relative}.nav li a h3[data-v-2258cb66]{transform:rotate(-90deg);display:block;font-size:80px;font-weight:500;word-wrap:initial;word-break:keep-all;white-space:nowrap;position:absolute;top:50%;overflow:hidden;font-weight:300}.nav li a .icon[data-v-2258cb66]{margin-top:50%}.nav li a .icon[data-v-2258cb66]:before,.nav li a .icon[data-v-2258cb66]:after{content:"";width:90px;height:2px;display:block;background-color:var(--color-black)}.nav li a .icon[data-v-2258cb66]:after{transform:rotate(90deg)}.nav li[data-v-2258cb66]:nth-child(1){background-color:var(--color-A)}.nav li[data-v-2258cb66]:nth-child(2){background-color:var(--color-B);height:544px}.nav li:nth-child(2) h3[data-v-2258cb66]{top:58%}.nav li[data-v-2258cb66]:nth-child(3){background-color:var(--color-black);height:816px}.nav li:nth-child(3) h3[data-v-2258cb66]{color:var(--color-white)}.nav li:nth-child(3) .icon[data-v-2258cb66]:before,.nav li:nth-child(3) .icon[data-v-2258cb66]:after{background-color:var(--color-white)}.nav li[data-v-2258cb66]:nth-child(4){height:612px;background-color:var(--color-C)}.nav li .piece-graph-3[data-v-2258cb66],.nav li .piece-graph-4[data-v-2258cb66]{position:absolute}.nav li .piece-graph-3[data-v-2258cb66]{top:40%;left:-60%}.nav li .piece-graph-4[data-v-2258cb66]{top:-18%;left:50%;transform:translate(-50%)}.piece-graph-1[data-v-2258cb66]{display:block;width:0;height:0;border-top:93.528px solid transparent;border-left:54px solid transparent;border-right:54px solid transparent;border-bottom:93.528px solid #000}.piece-graph-2[data-v-2258cb66]{display:block;width:100px;height:100px;background-color:#000}.piece-graph-3[data-v-2258cb66]{display:block;width:130px;height:130px;background-color:#000;border-radius:50%}.piece-graph-4[data-v-2258cb66]{display:block;width:60px;height:60px;background-color:#000;border-radius:50%}