:root{--primary-color:#8c61cc;--primary-color:#000;--progress-color:#6c6c6c;--selection-color:rgba(76,96,138,.7);--header-height:9rem;--header-height-shrinked:6.7rem;--header-height-mobile:8rem;--header-height-mobile-shrinked:6rem;--footer-height:17rem;--page-container-width:130rem;--subpage-container-width:100rem;--page-horizontal-padding:3rem;--page-inline-padding:4rem;--page-horizontal-padding-n:-3rem;--main-textbox-inline-padding:3rem;--gray-text:#ababab;--fc-default:#3d3d3d;--fw-default:400;--fs-default:1.8rem;--fs-small:1.6;--xs-breakpoint:400px;--small-breakpoint:650px;--medium-breakpoint:800px;--large-breakpoint:1200px;font-family:system-ui,sans-serif}body{--mobile-breakpoint:800px;--large-breakpoint:1200px}@media (max-width:600px){:root{--main-textbox-inline-padding:3rem!important;--page-inline-padding:2.5rem!important}}@media (max-width:400px){:root{--main-textbox-inline-padding:1.5rem!important}}.main-textbox{margin-inline:auto;max-width:60rem;padding-inline:var(--main-textbox-inline-padding);text-align:center}.main-h1{font-family:Merriweather,sans-serif;font-size:10rem;font-weight:900;line-height:100%}.main-cat{color:var(--primary-color);color:#7e57b7;font-size:1.4rem;font-weight:500;letter-spacing:.15rem;margin-bottom:.7rem}.main-h2{color:#222;font-size:3.2rem;font-weight:400;line-height:140%;margin-bottom:1rem}.main-p{color:#111;font-size:1.8rem;font-weight:300;line-height:140%}@media (max-width:800px){.main-h1{font-size:6rem;font-weight:900;line-height:100%;margin-bottom:.4rem}.main-h2{font-size:2.6rem;line-height:117%;margin-bottom:1.7rem}.main-p{font-size:1.7rem}}@media (max-width:400px){.main-cat{font-size:1.1rem;margin-bottom:0}.main-h1{font-size:4.6rem}.main-h2{font-size:2.1rem}.main-p{font-size:1.5rem}}:root{--level-zero:translateZ(4rem);--level-one:translateZ(7rem);--level-two:translateZ(11rem);--level-three:translateZ(16rem);--level-four:translateZ(20rem);--level-five:translateZ(25rem);--level-one-b:translateZ(7rem);--level-two-b:translateZ(11rem);--level-three-b:translateZ(16rem);--level-four-b:translateZ(24rem);--circle-size:48rem;--circle-top:17rem;--deep-blue:#151328}.mouse-scroll{border:3px solid hsla(0,0%,100%,.37);border-radius:1.6rem;height:5rem;left:30rem;position:absolute;top:28rem;-webkit-transform:translateZ(29rem);transform:translateZ(29rem);width:3.3rem}.mouse-scroll:before{-webkit-animation:ani-mouse 3s infinite;animation:ani-mouse 3s infinite;background-color:hsla(0,0%,100%,.77);border-radius:.3rem;content:"";display:block;height:1.3rem;left:1.1rem;position:absolute;top:.67rem;width:.5rem}@-webkit-keyframes ani-mouse{0%{opacity:1;top:.7rem}25%{opacity:0;top:2.6rem}25.1%{opacity:.5;top:.7rem}50%{opacity:0;top:2.6rem}50.1%{opacity:0;top:.7rem}75%{opacity:1;top:.7rem}}@keyframes ani-mouse{0%{opacity:1;top:.7rem}25%{opacity:0;top:2.6rem}25.1%{opacity:.5;top:.7rem}50%{opacity:0;top:2.6rem}50.1%{opacity:0;top:.7rem}75%{opacity:1;top:.7rem}}.lamp-wrap{height:27rem;left:-7.5rem;position:absolute;top:-5.7rem;-webkit-transform:translateZ(29rem);transform:translateZ(29rem);width:62.3rem}.lamp{left:-1rem;top:0;width:62.7rem}.bulb,.lamp{height:auto;position:absolute}.bulb{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform-origin:top center;transform-origin:top center;width:4.4rem}.bulb-light{border-radius:50%;height:4rem;position:absolute;width:4rem;z-index:0}.bulb-top{-webkit-animation:ani-bulb-top 2s infinite;animation:ani-bulb-top 2s infinite;left:39.7rem;top:.1rem;width:1.1rem}.bulb-left{-webkit-animation:ani-bulb-left 2s infinite;animation:ani-bulb-left 2s infinite;left:11.2rem;top:21.2rem}.bulb-right1{-webkit-animation:ani-bulb-right1 2s infinite;animation:ani-bulb-right1 2s infinite;left:44rem;top:7.4rem}.bulb-right2{-webkit-animation:ani-bulb-right2 2s infinite;animation:ani-bulb-right2 2s infinite;left:59.6rem;top:16.6rem}@-webkit-keyframes ani-bulb-top{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-bulb-top{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-bulb-right1{18%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}28%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}48%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}78%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes ani-bulb-right1{18%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}28%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}48%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}78%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@-webkit-keyframes ani-bulb-left{23%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}53%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}72%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}95%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-bulb-left{23%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}53%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}72%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}95%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-bulb-right2{35%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}65%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}85%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-bulb-right2{35%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}65%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}85%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.hero-top-wrap{background-image:url(../images/main/circle/wave-logo.svg);background-position:center -.2rem;background-size:24rem auto;height:38.7rem;left:50%;max-width:110rem;position:fixed;top:15rem;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;-webkit-transition:width .77s ease-in-out,background-color .77s ease-in-out;transition:width .77s ease-in-out,background-color .77s ease-in-out;width:100%}.hero-wrap.dark .hero-top-wrap{background-color:var(--deep-blue);background-image:none}.hero-top-wrap.zero-width{width:0}.olayer.olayer--bling{height:6rem;left:16rem!important;position:absolute;top:8rem!important;-webkit-transform:var(--level-five);transform:var(--level-five);width:6rem}.bling{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute}.bling-big{-webkit-animation-name:bling-big;animation-name:bling-big;height:auto;left:0;top:1rem;width:2.7rem}.bling-md{-webkit-animation-name:bling-md;animation-name:bling-md;height:auto;left:3rem;top:3rem;width:1.9rem}.bling-sm{-webkit-animation-name:bling-sm;animation-name:bling-sm;height:auto;left:2.5rem;top:0;width:1.6rem}@-webkit-keyframes bling-big{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%{-webkit-transform:scaleX(0);transform:scaleX(0)}20%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bling-big{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%{-webkit-transform:scaleX(0);transform:scaleX(0)}20%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes bling-md{20%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn);-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(0);transform:scaleX(0)}40%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bling-md{20%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn);-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(0);transform:scaleX(0)}40%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes bling-sm{30%{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}60%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bling-sm{30%{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}60%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.hero-circle-wrap{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:hero-circle-up;animation-name:hero-circle-up;height:var(--circle-size);left:50%;margin-left:calc(var(--circle-size)/2*-1);overflow:visible;position:absolute;top:var(--circle-top);-webkit-transition:-webkit-transform 3s cubic-bezier(0,1,.5,1);transition:-webkit-transform 3s cubic-bezier(0,1,.5,1);transition:transform 3s cubic-bezier(0,1,.5,1);transition:transform 3s cubic-bezier(0,1,.5,1),-webkit-transform 3s cubic-bezier(0,1,.5,1);width:var(--circle-size);z-index:0}@-webkit-keyframes hero-circle-up{0%{opacity:0;top:31rem}35%{opacity:1;top:var(--circle-top)}to{opacity:1;top:var(--circle-top)}}@keyframes hero-circle-up{0%{opacity:0;top:31rem}35%{opacity:1;top:var(--circle-top)}to{opacity:1;top:var(--circle-top)}}.hero-circle{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:sway;animation-name:sway;height:var(--circle-size);overflow:visible;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 3s;transition:-webkit-transform 3s;transition:transform 3s;transition:transform 3s,-webkit-transform 3s;width:var(--circle-size)}@-webkit-keyframes sway{0%{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}20%{-webkit-transform:rotateY(-.537turn);transform:rotateY(-.537turn)}40%{-webkit-transform:rotateY(.12turn);transform:rotateY(.12turn)}65%{-webkit-transform:rotateY(-.07turn);transform:rotateY(-.07turn)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}@keyframes sway{0%{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}20%{-webkit-transform:rotateY(-.537turn);transform:rotateY(-.537turn)}40%{-webkit-transform:rotateY(.12turn);transform:rotateY(.12turn)}65%{-webkit-transform:rotateY(-.07turn);transform:rotateY(-.07turn)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}.hero-circle.flip{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:flip;animation-name:flip;-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}to{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}}@keyframes flip{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}to{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}}.olayer{border-radius:50%;height:100%;left:0;top:0;width:var(--circle-size)}.olayer,.olayer img,.olayer svg{position:absolute}.olayer--bg{height:var(--circle-size)}.olayer--bg,.olayer--bg .logo-bg{position:absolute;width:var(--circle-size)}.olayer--bg .logo-bg{height:auto;opacity:.57;top:0}.olayer--bg-1{fill:#7f4db8}.olayer--bg-2{fill:#571d91;fill-opacity:.57}.magic-spot{left:50%;position:absolute}.magic-spot:after,.magic-spot:before{border-radius:50%;content:"";display:block;height:100%;opacity:0;scale:.1;-webkit-transition:none;transition:none;width:100%}.magic-spot-pen{bottom:8.7rem;height:1rem;margin-left:1.4rem;-webkit-transform:translateZ(23rem);transform:translateZ(23rem);width:3.6rem}.magic-spot-pen:after,.magic-spot-pen:before{-webkit-animation:ani-magic1 2.5s infinite;animation:ani-magic1 2.5s infinite;background-color:#d0dbf5;background-color:#e4d0f3}.magic-spot-pen:after{-webkit-animation:ani-magic03 2.5s infinite;animation:ani-magic03 2.5s infinite;background-color:#ddc4f1}.magic-spot-lily{bottom:8.5rem;height:1.2rem;margin-left:7rem;-webkit-transform:var(--level-three);transform:var(--level-three);width:4.2rem}.magic-spot-lily:after,.magic-spot-lily:before{-webkit-animation:ani-magic2 2.5s infinite;animation:ani-magic2 2.5s infinite;background-color:#ffefc5}.magic-spot-lily:after{-webkit-animation:ani-magic02 2.5s infinite;animation:ani-magic02 2.5s infinite;background-color:#ffe9b3}.magic-spot-fruit{bottom:7.3rem;height:.9rem;margin-left:2.7rem;-webkit-transform:var(--level-two);transform:var(--level-two);width:3rem}.magic-spot-fruit:after,.magic-spot-fruit:before{-webkit-animation:ani-magic3 2.5s infinite;animation:ani-magic3 2.5s infinite;background-color:#ffdedf}.magic-spot-fruit:after{-webkit-animation:ani-magic01 2.5s infinite;animation:ani-magic01 2.5s infinite;background-color:#ffd1d2}.magic-spot1{bottom:4rem;height:1rem;margin-left:13rem;-webkit-transform:var(--level-one);transform:var(--level-one);-webkit-transform:translateZ(1rem);transform:translateZ(1rem);width:2.8rem}.magic-spot1:before{-webkit-animation:ani-magic4 2.5s infinite;animation:ani-magic4 2.5s infinite;background-color:#d4edf3}.magic-spot2{bottom:2rem;height:1rem;margin-left:18rem;-webkit-transform:var(--level-three);transform:var(--level-three);width:3rem}.magic-spot2:before{-webkit-animation:ani-magic5 2.5s infinite;animation:ani-magic5 2.5s infinite;background-color:#f2cace;background-color:#d0dbf5}.magic-spot3{bottom:.7rem;height:1.2rem;margin-left:15rem;-webkit-transform:var(--level-zero);transform:var(--level-zero);width:4rem}.magic-spot3:before{-webkit-animation:ani-magic6 2.5s infinite;animation:ani-magic6 2.5s infinite;background-color:#d0dbf5;background-color:#cac9ee}@-webkit-keyframes ani-magic01{59%{opacity:0;scale:.1}60%{opacity:1;scale:.1}to{opacity:0;scale:3.7}}@keyframes ani-magic01{59%{opacity:0;scale:.1}60%{opacity:1;scale:.1}to{opacity:0;scale:3.7}}@-webkit-keyframes ani-magic02{69%{opacity:0;scale:.1}70%{opacity:1;scale:.1}to{opacity:0;scale:2.5}}@keyframes ani-magic02{69%{opacity:0;scale:.1}70%{opacity:1;scale:.1}to{opacity:0;scale:2.5}}@-webkit-keyframes ani-magic03{79%{opacity:0;scale:.1}80%{opacity:1;scale:.1}to{opacity:0;scale:2.5}}@keyframes ani-magic03{79%{opacity:0;scale:.1}80%{opacity:1;scale:.1}to{opacity:0;scale:2.5}}@-webkit-keyframes ani-magic1{0%{opacity:0;scale:.1}10%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic1{0%{opacity:0;scale:.1}10%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@-webkit-keyframes ani-magic2{10%{opacity:0;scale:.1}20%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic2{10%{opacity:0;scale:.1}20%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@-webkit-keyframes ani-magic3{20%{opacity:0;scale:.1}30%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic3{20%{opacity:0;scale:.1}30%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@-webkit-keyframes ani-magic4{30%{opacity:0;scale:.1}40%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic4{30%{opacity:0;scale:.1}40%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@-webkit-keyframes ani-magic5{40%{opacity:0;scale:.1}50%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic5{40%{opacity:0;scale:.1}50%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@-webkit-keyframes ani-magic6{50%{opacity:0;scale:.1}60%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}@keyframes ani-magic6{50%{opacity:0;scale:.1}60%{opacity:1;scale:1}99%{opacity:0;scale:3}to{opacity:0;scale:.1}}.olayer--fox{-webkit-transform:var(--level-one);transform:var(--level-one)}.fox-group{bottom:9.5rem;height:19rem;left:8.5rem;position:absolute;width:21rem}.olayer--fox .fox-body{height:auto!important;left:0;top:0;width:100%!important}.olayer--fox .fox-eye-r{-webkit-animation:ani-eye-blink 2.5s infinite;animation:ani-eye-blink 2.5s infinite;height:auto!important;left:11%;top:23%;width:8%!important}.olayer--fox .fox-eyelash-r{height:auto!important;left:11.5%;top:24.3%;width:7.8%!important}.olayer--fox .fox-eye-l{-webkit-animation:ani-eye-blink 2.5s infinite;animation:ani-eye-blink 2.5s infinite;height:auto!important;left:25.5%;top:22%;width:8%!important}.olayer--fox .fox-eyelash-l{height:auto!important;left:25%;top:23.2%;width:7.8%!important}@-webkit-keyframes ani-eye-blink{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}5%{-webkit-clip-path:inset(70% 0 0 0);clip-path:inset(70% 0 0 0)}10%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}21%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}47%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes ani-eye-blink{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}5%{-webkit-clip-path:inset(70% 0 0 0);clip-path:inset(70% 0 0 0)}10%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}21%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}47%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.olayer--lady{-webkit-transform:var(--level-four);transform:var(--level-four)}.lady-group{height:30rem;position:absolute;right:1rem;top:10rem;width:35rem}.olayer--lady .lady{height:auto!important;left:0;top:0;width:100%!important}.hair-wave-wrap{-webkit-animation:ani-hair-wave 1s infinite;animation:ani-hair-wave 1s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:url(../images/main/circle/hair-wave.svg);background-position-x:-3.5rem;background-position-y:1.7rem;background-repeat:repeat-x;background-size:12rem auto;border-radius:0 0 270% 150%;height:4rem;left:9.9rem;position:absolute;top:3.5rem;width:12.7rem}@-webkit-keyframes ani-hair-wave{0%{background-position-x:-3.5rem}to{background-position-x:-15.5rem}}@keyframes ani-hair-wave{0%{background-position-x:-3.5rem}to{background-position-x:-15.5rem}}.olayer--lady .hand{height:auto!important;left:0;top:78%;width:53%!important}.olayer--lady .pen{-webkit-animation:ani-pen 2s infinite;animation:ani-pen 2s infinite;height:auto!important;left:42%;top:81.5%;width:12.7%!important}@-webkit-keyframes ani-pen{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(17deg);transform:rotate(17deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-pen{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(17deg);transform:rotate(17deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--lily{border-radius:0;height:22rem;left:80%;top:41%;-webkit-transform:var(--level-five);transform:var(--level-five);width:10.8rem}.lily-group{-webkit-animation:ani-lily 2s infinite;animation:ani-lily 2s infinite;height:22rem!important;left:0;position:absolute;top:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:10.8rem}@-webkit-keyframes ani-lily{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-lily{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--lily .lily-body{height:auto!important;left:0;top:0;width:100%!important}.olayer--lily .lily-flower1{-webkit-animation:ani-lily1 2s infinite;animation:ani-lily1 2s infinite;height:auto!important;left:14%;top:2rem;-webkit-transform-origin:15% 100%;transform-origin:15% 100%;width:37%!important}@-webkit-keyframes ani-lily1{3%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-lily1{3%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--lily .lily-flower2{-webkit-animation:ani-lily2 2s infinite;animation:ani-lily2 2s infinite;height:auto!important;left:38%;top:7.8rem;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:33%!important}@-webkit-keyframes ani-lily2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-lily2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--blueberry{-webkit-transform:translateZ(22rem);transform:translateZ(22rem)}.blueberry-group{-webkit-animation:ani-blueberries 2s infinite;animation:ani-blueberries 2s infinite;height:11rem;left:11.8rem;position:absolute;top:22rem;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:15.5rem}@-webkit-keyframes ani-blueberry{0%{-webkit-transform:var(--level-three) rotate(0);transform:var(--level-three) rotate(0)}15%{-webkit-transform:var(--level-three) rotate(0);transform:var(--level-three) rotate(0)}44%{-webkit-transform:var(--level-three) rotate(-5deg);transform:var(--level-three) rotate(-5deg)}to{-webkit-transform:var(--level-three) rotate(0deg);transform:var(--level-three) rotate(0deg)}}.blueberry-body{bottom:0;height:auto!important;left:0;width:48%!important}.blueberry-big{-webkit-animation:ani-blueberry-big 2s infinite;animation:ani-blueberry-big 2s infinite;bottom:11%;height:auto!important;left:29%;-webkit-transform-origin:0 80%;transform-origin:0 80%;width:64%!important}@-webkit-keyframes ani-blueberry-big{18%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-blueberry-big{18%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.blueberry-sm{-webkit-animation:ani-blueberry-sm 2s infinite;animation:ani-blueberry-sm 2s infinite;bottom:28%;height:auto!important;left:25%;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:28%!important}@-webkit-keyframes ani-blueberry-sm{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{margin-top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}42%{margin-top:-1rem;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{margin-top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-blueberry-sm{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{margin-top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}42%{margin-top:-1rem;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{margin-top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--redflowersm{-webkit-transform:translateZ(18rem);transform:translateZ(18rem);-webkit-transform:var(--level-five);transform:var(--level-five)}.olayer--redflower{-webkit-transform:translateZ(29rem);transform:translateZ(29rem)}.redflower-big{--red-f-top:24.5rem;-webkit-animation:ani-red1 2s infinite;animation:ani-red1 2s infinite;height:auto!important;left:6.5rem;top:var(--red-f-top);width:2rem!important}@-webkit-keyframes ani-red1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}29%{top:var(--red-f-top);-webkit-transform:rotate(0deg);transform:rotate(0deg)}57%{top:26rem;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{top:var(--red-f-top);-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes ani-red1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}29%{top:var(--red-f-top);-webkit-transform:rotate(0deg);transform:rotate(0deg)}57%{top:26rem;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{top:var(--red-f-top);-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.redflower-small{--redsm-top:30rem;-webkit-animation:ani-red2 2s infinite;animation:ani-red2 2s infinite;height:auto!important;left:11rem;top:var(--redsm-top);width:1.6rem!important}@-webkit-keyframes ani-red2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}43%{top:var(--redsm-top);-webkit-transform:rotate(0deg);transform:rotate(0deg)}72%{top:31rem;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{top:var(--redsm-top);-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes ani-red2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}43%{top:var(--redsm-top);-webkit-transform:rotate(0deg);transform:rotate(0deg)}72%{top:31rem;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{top:var(--redsm-top);-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes ani-blueberry{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}9%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--monstera-back{border-radius:0;overflow:visible!important;-webkit-transform:var(--level-zero);transform:var(--level-zero);width:var(--circle-size)}.olayer--monstera-back .monstera-back{-webkit-animation:ani-leafback 2s infinite;animation:ani-leafback 2s infinite;height:auto!important;left:-1rem;top:22rem;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:21rem!important}@-webkit-keyframes ani-leafback{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-leafback{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--monstera-front{border-radius:0;overflow:visible!important;-webkit-transform:var(--level-two);transform:var(--level-two);width:var(--circle-size)}.olayer--monstera-front .monstera-front{-webkit-animation:ani-leaffront 2s infinite;animation:ani-leaffront 2s infinite;height:auto!important;left:-1rem;top:27rem;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:18rem!important}@-webkit-keyframes ani-leaffront{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-leaffront{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--roundleaf-back{border-radius:0;overflow:visible!important;-webkit-transform:var(--level-zero);transform:var(--level-zero);width:var(--circle-size)}.olayer--roundleaf-back .roundleaf-back{-webkit-animation:ani-roundleafback 2s infinite;animation:ani-roundleafback 2s infinite;bottom:11rem;height:auto!important;left:37rem;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:16rem!important}@-webkit-keyframes ani-roundleafback{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-roundleafback{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer--roundleaf-front{border-radius:0;overflow:visible!important;-webkit-transform:var(--level-two);transform:var(--level-two);width:var(--circle-size)}.olayer--roundleaf-front .roundleaf-front{-webkit-animation:ani-roundleaffront 2s infinite;animation:ani-roundleaffront 2s infinite;bottom:11rem;height:auto!important;left:34rem;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:15rem!important}@-webkit-keyframes ani-roundleaffront{3%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-roundleaffront{3%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.olayer-back{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;border-radius:50%;bottom:0;color:#6d6d6d;display:grid;height:var(--circle-size);left:0;padding:5em 3em;position:absolute;right:0;top:0;-webkit-transform:rotateY(.5turn);transform:rotateY(.5turn);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:var(--circle-size)}.olayer--pencil5,.olayer--pencil6,.olayer--pncbush,.olayer--pncfox,.olayer--pncgirl,.olayer--pnctree{border-radius:50%;height:var(--circle-size);overflow:hidden;-webkit-transform:var(--level-one-b);transform:var(--level-one-b);width:var(--circle-size)}.olayer--pncbush img{left:10rem;top:3rem;width:33rem}.olayer--pncfox{-webkit-transform:var(--level-two-b);transform:var(--level-two-b)}.olayer--pncfox img{left:6.2rem;top:18.2rem;width:22rem}.olayer--pncgirl{border:1px solid hsla(0,0%,100%,.37);-webkit-transform:var(--level-three-b);transform:var(--level-three-b)}.olayer--pncgirl img{left:.7rem;top:14rem;width:100%}.olayer--pnctree{-webkit-transform:var(--level-four-b);transform:var(--level-four-b)}.olayer--pnctree img{left:33.5rem;top:20rem;width:6.7rem}.olayer-pencil-text,.olayer-pencil-text-line{-webkit-text-stroke:1px rgba(59,59,59,.17);color:hsla(0,0%,100%,.7);font-size:65px;font-weight:900;left:50%;position:absolute;top:33rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.olayer-pencil-text-line{-webkit-text-stroke:1px #d3c2b2;color:transparent;left:calc(50% - 3px);top:calc(33rem - 3px)}.hero-wrap.dark .olayer--bling,.lamp-wrap,.olayer--redflower,.olayer--redflowersm{display:none}.hero-wrap.dark .hero-top-wrap,.hero-wrap.dark .lamp-wrap{display:block}@media (max-width:800px){.mouse-scroll{border:3px solid hsla(0,0%,100%,.47);border-radius:2.2rem;height:7rem;left:25.5rem;top:27rem;width:4.2rem}.mouse-scroll:before{border-radius:.5rem;height:1.8rem;left:1.4rem;width:.7rem}.hero-top-wrap{background-size:15rem auto;height:38.7rem;height:23.4rem;top:16rem;top:12rem}.hero-circle-wrap{--mobile-circle-top:3.7rem;margin-left:calc(var(--circle-size)/2*-1);scale:.6!important;top:var(--mobile-circle-top)}@-webkit-keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:var(--mobile-circle-top)}to{opacity:1;top:var(--mobile-circle-top)}}@keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:var(--mobile-circle-top)}to{opacity:1;top:var(--mobile-circle-top)}}.olayer--pncgirl{border:1px solid hsla(0,0%,100%,.57)}}@media (max-width:400px){.hero-top-wrap{height:22.2rem;top:11.2rem}.hero-circle-wrap{--mobile-circle-top:2rem;scale:.57!important;top:var(--mobile-circle-top)}@-webkit-keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:var(--mobile-circle-top)}to{opacity:1;top:var(--mobile-circle-top)}}@keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:var(--mobile-circle-top)}to{opacity:1;top:var(--mobile-circle-top)}}}.circle-trigger-stage1{top:0}.circle-trigger-stage1,.circle-trigger-stage2{height:30rem;position:absolute;width:2rem;z-index:-1}.circle-trigger-stage2{top:100rem}.hero-wrap{height:357rem;min-height:100%;z-index:10}.hero-draw-wrap{height:110rem;mix-blend-mode:multiply;width:100%}.hero-draw-box{height:100%;margin-inline:auto;max-width:157rem;overflow:hidden;position:relative;width:100%}.hero-draw-box:after{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,hsla(0,0%,100%,.8)),color-stop(10%,hsla(0,0%,100%,0)),color-stop(90%,hsla(0,0%,100%,0)),color-stop(95%,hsla(0,0%,100%,.8)),to(#fff));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.8) 5%,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,hsla(0,0%,100%,.8) 95%,#fff);bottom:0;content:"";display:block;height:67rem;left:0;position:absolute;right:0;top:11rem;width:100%;z-index:900}.main-textbox--draw{left:50%;max-width:57rem;padding-inline:0;position:absolute;text-align:center;top:61rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:40}.main-h2--draw,.main-textbox--draw p{white-space:nowrap}.mov-text-draw{visibility:hidden}.main-h1-draw-wrap{height:11rem;margin-top:.5rem;min-width:34rem;overflow:hidden;position:relative}.main-h1--draw{font-size:11rem;height:100%;left:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;width:100%}.main-h1--draw.main-h1--draw2{z-index:5}.main-h1--draw.main-h1--draw3{z-index:10}.main-h1-draw-text{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.main-h1-draw-text3{z-index:10}.text-through{color:var(--primary-color);display:inline-block;font-family:Barlow,sans-serif;font-size:2.5rem;font-style:italic;font-weight:500;height:auto;left:39rem;letter-spacing:.6rem;line-height:100%;position:absolute;top:4.5rem}.text-through:before{color:#fff;content:"through";font-size:2.7rem;font-weight:900;left:0;letter-spacing:0;position:absolute;z-index:1}.text-through .text-content{position:absolute;z-index:3}.btn-wrap-draw .btn{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:hsla(0,0%,100%,.57)}.btn-wrap-draw .btn:hover{background:var(--primary-color)}.hor-container{min-height:100%}.hero-draw-color,.hero-draw-pencil{height:34rem;left:2300px;position:absolute;top:18rem;width:calc(4000px + 100vw);z-index:3}.hero-draw-color{mix-blend-mode:multiply}.hero-draw-pencil{height:37rem;left:-6300px;top:39rem;z-index:30}.color-scene,.pencil-scene{display:inline-block;float:left;height:100%;width:auto}.pencil-scene{float:right}.color-scene img,.pencil-scene img{height:100%}.pencil-scene2{padding-bottom:3.5rem}@media (max-width:1600px){.hero-draw-box:after{display:none}}@media (max-width:800px){.main-textbox--draw{top:40rem;-webkit-transition:all .27s ease-out;transition:all .27s ease-out;width:44.8rem}.main-h1-draw-wrap{height:7rem}.main-cat.main-cat--draw{margin-bottom:-.7rem}.text-through{font-size:1.5rem;left:29rem;letter-spacing:.4rem;top:2.9rem}.text-through:before{font-size:1.6rem;letter-spacing:.2rem}.main-h1--draw{font-size:7rem}.hero-draw-color,.hero-draw-pencil{height:28rem;position:absolute;top:3rem}.hero-draw-pencil{height:31rem;top:18rem}}@media (max-width:400px){.main-textbox--draw{top:35rem}.hero-draw-color,.hero-draw-pencil{height:27rem}}.hero-video{--video-size:41rem;background-image:url(../images/main/motion/video-bg.png);background-repeat:no-repeat;background-size:41rem auto;height:var(--video-size);height:50rem;left:calc(50% - 49rem);position:absolute;top:25.7rem;visibility:hidden;width:var(--video-size);width:42rem;z-index:2}.hero-video video{width:var(--video-size)}.ocean{height:70px;left:0;overflow-x:hidden;right:0;top:calc(var(--circle-top) + 30rem);visibility:hidden;width:100%;z-index:1004}.ocean,.wave{position:absolute}.wave{-webkit-animation:wave 30s linear -3s infinite;animation:wave 30s linear -3s infinite;background-image:url(../images/main/wave.svg);background-repeat:repeat-x;background-size:70rem auto!important;height:100%;opacity:.8;-webkit-transform:translateZ(0);transform:translateZ(0);width:200%}.wave--following{animation:wave 37s linear infinite reverse;background-size:70rem 7rem!important;opacity:.37}@-webkit-keyframes wave{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:800px){.hero-video{--video-size:31rem;background-size:31rem auto;height:var(--video-size);height:auto;left:50%;top:11rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--video-size);width:31rem}.ocean-wrap{display:none}.ocean{top:calc(var(--circle-top) + 27rem)}.wave{background-size:37rem auto!important}}@media (max-width:400px){.hero-video{--video-size:29rem;background-size:29rem auto;top:8.7rem;width:29rem}.ocean-wrap{display:none}}.site-body .pin-spacer{margin-inline:auto!important}.main-illust{display:block;height:100%;margin-inline:auto;margin-bottom:37rem;min-height:110rem;position:relative;width:100%}.main-illust-box{background:linear-gradient(1turn,var(--deep-blue),87rem,#fff 0);height:47rem;max-width:110rem;top:23rem}.main-illust-box,.main-illust-box:before{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.main-illust-box:before{background-image:url(../images/main/illust/illust-bg.svg);background-position:bottom;background-repeat:no-repeat;background-size:auto 25rem;bottom:0;content:"";display:block;height:27rem}.main-textbox--illust{left:50%;max-width:73rem;position:absolute;text-align:center;top:75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.main-p-illust-bright{color:#ababab}.main-h1--illust{color:var(--primary-color)}.main-h1--illust .gray-text{color:var(--gray-text)}.illust-ani .main-cat-illust{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:text-mov-illust;animation-name:text-mov-illust}@-webkit-keyframes text-mov-illust{0%{margin-top:-5rem;opacity:0}35%{margin-top:-5rem;opacity:0}to{margin-top:0;opacity:1}}@keyframes text-mov-illust{0%{margin-top:-5rem;opacity:0}35%{margin-top:-5rem;opacity:0}to{margin-top:0;opacity:1}}.main-illust img{max-width:100%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.btn--illust-mobile,.illust-obj{position:absolute;-webkit-transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1),-webkit-transform 5s cubic-bezier(0,1,.5,1)}.btn--illust-mobile{border-radius:3rem}.illust-goldline{-webkit-animation:ani-goldline 3.7s infinite;animation:ani-goldline 3.7s infinite;bottom:-71%;left:-8%;width:115%!important;z-index:17}@-webkit-keyframes ani-goldline{0%{margin-bottom:0}50%{margin-bottom:1.7rem}to{margin-bottom:0}}@keyframes ani-goldline{0%{margin-bottom:0}50%{margin-bottom:1.7rem}to{margin-bottom:0}}.illust-diamond-purple{right:14%;top:191%;width:15%!important}.illust-diamond-purple img{-webkit-animation:ani-redtail 2s infinite;animation:ani-redtail 2s infinite}.illust-diamond-white{bottom:15%;right:4%;width:8%!important}.illust-diamond-white-sm{bottom:-50%;right:6%;width:8%!important}.illust-diamond-white-sm img{-webkit-animation:ani-waves 2.3s infinite;animation:ani-waves 2.3s infinite}.illust-wave{right:-5%;top:52%;width:10%!important}.illust-wave img{-webkit-animation:ani-wave 2.7s infinite;animation:ani-wave 2.7s infinite}@-webkit-keyframes ani-wave{0%{margin-top:0;rotate:0deg}50%{margin-top:1rem;rotate:-15deg}to{margin-top:0;rotate:0deg}}@keyframes ani-wave{0%{margin-top:0;rotate:0deg}50%{margin-top:1rem;rotate:-15deg}to{margin-top:0;rotate:0deg}}.illust-waves{bottom:23%;left:-2%;width:10%!important}.illust-waves img{-webkit-animation:ani-waves 2.3s infinite;animation:ani-waves 2.3s infinite}@-webkit-keyframes ani-waves{0%{margin-bottom:0}50%{margin-bottom:1rem}to{margin-bottom:0}}@keyframes ani-waves{0%{margin-bottom:0}50%{margin-bottom:1rem}to{margin-bottom:0}}.illust-redtail{left:9%;top:61%;width:7.7%!important}.illust-redtail img{-webkit-animation:ani-redtail 2s infinite;animation:ani-redtail 2s infinite}@-webkit-keyframes ani-redtail{0%{margin-top:0}50%{margin-top:1rem}to{margin-top:0}}@keyframes ani-redtail{0%{margin-top:0}50%{margin-top:1rem}to{margin-top:0}}.illust-girl{aspect-ratio:673/537;left:31rem;top:84rem;width:65rem;z-index:10}.illust-ingirl{position:absolute;z-index:5}.illust-ingirl-girl{left:0;top:2.1rem}.illust-ingirl-hair1{-webkit-animation:ani-hair1 3s infinite;animation:ani-hair1 3s infinite;left:47.7%;top:2.2%;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:46.5%!important}.illust-ingirl-hair2{-webkit-animation:ani-hair2 3s infinite;animation:ani-hair2 3s infinite;left:27%;top:18%;-webkit-transform-origin:91% 4%;transform-origin:91% 4%;width:24%!important}.illust-ingirl-hair3{-webkit-animation:ani-hair3 3s infinite;animation:ani-hair3 3s infinite;left:47.5%;top:17%;-webkit-transform-origin:12% 8%;transform-origin:12% 8%;width:17%!important}.illust-hairglow1{left:34.2%!important;top:16.3%;width:4.9%!important}.illust-hairglow1,.illust-hairglow2{-webkit-animation:ani-hairglow 2s infinite;animation:ani-hairglow 2s infinite}.illust-hairglow2{left:47.5%!important;top:12%;width:14.3%!important}.illust-noseglow{-webkit-animation:ani-hairglow 2s infinite;animation:ani-hairglow 2s infinite;left:43.4%!important;top:36.3%;width:1.1%!important}@-webkit-keyframes ani-hairglow{0%{opacity:0}10%{opacity:1}20%{opacity:.3}30%{opacity:.7}40%{opacity:0}to{opacity:0}}@keyframes ani-hairglow{0%{opacity:0}10%{opacity:1}20%{opacity:.3}30%{opacity:.7}40%{opacity:0}to{opacity:0}}.illust-ingirl-diamond{bottom:-10%;left:10%;width:6%!important;z-index:2}.illust-ingirl-mobil1{-webkit-animation:ani-mobil1 2s infinite;animation:ani-mobil1 2s infinite;left:-12%;top:42%;-webkit-transform-origin:84% 1%;transform-origin:84% 1%;width:21%!important;z-index:2}.illust-ingirl-mobil2{-webkit-animation:ani-mobil2 2s infinite;animation:ani-mobil2 2s infinite;left:3.5%;top:44%;-webkit-transform-origin:30% 7%;transform-origin:30% 7%;width:8%!important;z-index:2}.illust-ingirl-nod1{-webkit-animation:ani-mobil1-nod 4s infinite;animation:ani-mobil1-nod 4s infinite;left:-14.6%;top:56%;-webkit-transform-origin:200% -90%;transform-origin:200% -90%;width:11%!important;z-index:3}.illust-ingirl-nod2{-webkit-animation:ani-mobil2-nod 4s infinite;animation:ani-mobil2-nod 4s infinite;left:1.77%;top:60.4%;-webkit-transform-origin:center -80%;transform-origin:center -80%;width:11%!important;z-index:3}@-webkit-keyframes ani-mobil1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-mobil1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-mobil2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-mobil2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-mobil1-nod{0%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}25%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}50%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}to{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}}@keyframes ani-mobil1-nod{0%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}25%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}50%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}to{opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}}@-webkit-keyframes ani-mobil2-nod{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}50%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}75%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-mobil2-nod{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}50%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}75%{opacity:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-hair1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-hair1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-hair2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-hair2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes ani-hair3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ani-hair3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.btn--illust-mobile{-webkit-backdrop-filter:blur(4px) saturate(200%);backdrop-filter:blur(4px) saturate(200%);background:rgba(24,0,61,.336);border:1px solid #b087ee;color:#caa6ff;display:none;left:3rem;padding:1.5rem 3rem;position:absolute;top:210rem;z-index:35}.btn--illust-mobile:hover{background:rgba(140,97,204,.37);border:1px solid var(--primary-color);color:#fff}@media (max-width:800px){.btn--illust-mobile{display:block}.main-illust{margin-bottom:10rem;min-height:87rem}.main-illust-box{background-size:84rem auto;height:33rem;top:12rem}.main-textbox--illust{padding-inline:0;top:47rem;width:100%}.main-p--illust{padding-inline:var(--main-textbox-inline-padding)}.btn-wrap.mov-text-illust{display:none}.main-h2--illust{white-space:nowrap}.btn--illust-mobile{left:3rem;padding:1.5rem 3rem;top:177rem}.btn--illust-mobile:hover{border:1px solid var(--primary-color);color:#fff}.illust-ingirl-girl{top:1.4rem}.illust-goldline{bottom:-91%;left:-17%;width:170%!important}.illust-girl{left:50%;margin-left:-9rem;top:77rem;width:45rem}.illust-redtail{left:9%;top:78%;width:13%!important}.illust-waves{bottom:19%;left:-3%;width:13%!important}.illust-diamond-white-sm{bottom:-61%;right:3%;width:4%!important}.illust-diamond-purple{top:211%}}@media (max-width:400px){.main-illust-box{height:29rem;top:9rem}.main-textbox--illust{top:39rem}.btn--illust-mobile{padding:1.1rem 2rem;top:170rem}.illust-girl{left:50%;margin-left:-8rem;top:77rem;width:42rem}.illust-goldline{bottom:-101%;left:-17%;width:170%!important}.illust-redtail{left:9%;top:98%;width:13%!important}.illust-diamond-white-sm{bottom:-85%}.illust-diamond-purple{top:220%}}.main-web-thumb,.main-web-thumb img,.rellax{-webkit-transition:-webkit-transform 7s cubic-bezier(0,1,.5,1);transition:-webkit-transform 7s cubic-bezier(0,1,.5,1);transition:transform 7s cubic-bezier(0,1,.5,1);transition:transform 7s cubic-bezier(0,1,.5,1),-webkit-transform 7s cubic-bezier(0,1,.5,1)}.main-web{--first-row:0rem;--second-row:27rem;height:100%;min-height:93rem;position:relative}.main-web-thumb-wrap{background-color:#e2e5f1;height:55rem;margin-inline:auto;margin-bottom:2rem;max-width:110rem;overflow:hidden;width:100%}.main-web-thumb-inbox{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.main-web-thumb-line{white-space:nowrap}.main-web-thumb-line1{margin-left:-10rem;margin-top:3rem}.main-web-thumb-line2{margin-left:-6rem;margin-top:3rem}.main-web-thumb-top{margin-left:35rem;margin-top:-21rem}.main-web-thumb-bottom{margin-left:-59rem;margin-top:3rem}.main-web-thumb{background-color:#fff;border-radius:2rem;-webkit-box-shadow:0 13px 31px -5px rgba(50,50,93,.15),0 8px 37px -8px rgba(0,0,0,.13);box-shadow:0 13px 31px -5px rgba(50,50,93,.15),0 8px 37px -8px rgba(0,0,0,.13);display:inline-block;height:22rem;margin-right:3rem;overflow:hidden;width:30rem;z-index:2}.main-web-thumb.thumb-icon{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.main-web-thumb img{padding-top:261rem;width:100%}.main-web-thumb-1 img{margin-top:-4rem}.main-web-board{background-image:url(../images/main/web/web-board-bg.gif);background-size:100% 100%}.main-web-db{background-image:url(../images/main/web/web-db-bg.gif);background-size:100% 100%}.main-web-div{background-image:url(../images/main/web/web-div-bg.gif);background-size:100% 100%}.main-web-mode{background-image:url(../images/main/web/web-mode-bg.gif);background-size:100% 100%}@media (max-width:800px){.main-web{--web-mobile-height:70rem;background:#e5e8f5;min-height:var(--web-mobile-height);padding-top:0}.main-textbox--web,.main-web{height:var(--web-mobile-height);position:relative}.main-textbox--web{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.7);max-width:100%;padding-top:17rem;padding-inline:5rem;width:100%;z-index:3}.main-h2.main-h2--web{padding-inline:1.5rem}.main-web-thumb-wrap{height:100%;position:absolute;top:0;width:100%}.main-web-thumb-inbox{background-color:transparent;height:var(--web-mobile-height);width:100%}.main-web-frame{border:1px solid #444;bottom:3.5rem;display:block;left:3.5rem;position:absolute;right:3.5rem;top:3.5rem;z-index:0}.main-web-thumb-line{margin-left:-4rem;min-width:51rem;white-space:normal}.main-web-thumb-line2{margin-left:3rem;min-width:51rem;white-space:normal}.main-web-thumb-line .main-web-thumb{margin-bottom:3.5rem}.main-web-thumb img{padding-top:195rem}.main-web-thumb{border-radius:1.4rem;height:16rem;width:22rem;z-index:1}}@media (max-width:400px){.main-web{--web-mobile-height:57rem}.main-textbox--web{padding-top:11rem;padding-inline:5rem}.main-web-frame{bottom:3.5rem;left:3rem;right:3rem;top:3.5rem}.main-web-thumb img{padding-top:200rem}}.main-paraline{background:rgba(248,245,250,.7);height:47rem;margin-block:27rem 0;overflow:hidden;position:relative;text-align:left;width:100%}.mpara-line{font-family:Merriweather,sans-serif;left:0;min-height:100%;position:absolute;top:0;width:100%}.mpara-line--video{mix-blend-mode:multiply;top:-720rem;z-index:1}.mpara-line--back{color:rgba(239,233,251,.5);font-family:"Noto Serif KR",serif;font-size:32rem;mix-blend-mode:multiply;top:-721rem;z-index:3}.mpara-line--front{-webkit-text-stroke:.15rem #bfade4;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;color:transparent;font-size:25rem;font-weight:600;top:-477rem;z-index:4}.mpara-obj{left:50%;position:absolute;white-space:nowrap}.mpara-obj-video{background-image:url(../images/main/motion/video-bg.png);background-repeat:no-repeat;background-size:70rem auto;height:70rem;left:50%;margin-left:-70rem;width:70rem}.mpara-obj-video video{width:70rem}.mpara-obj-back1{margin-left:-11rem;top:0}.mpara-obj-back2{margin-left:17rem;top:34rem}.mpara-obj-back3{margin-left:-7rem;top:75rem}.mpara-obj-front1{top:0}.mpara-obj-front1,.mpara-obj-front2{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mpara-obj-front2{top:28rem}.mpara-obj-front3{top:56rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:800px){.main-paraline{height:37rem}.mpara-line--back{font-size:12rem;top:-540rem}.mpara-line--video{top:-537rem}.mpara-line--front{-webkit-text-stroke:.1rem #bfade4;font-size:14rem;top:-357rem}.mpara-obj-video{background-size:41rem auto;margin-left:-28rem}.mpara-obj-video video{width:41rem}.mpara-obj-back1{margin-left:0}.mpara-obj-back2{margin-left:7rem;top:21rem}.mpara-obj-back3{margin-left:-18rem;top:42rem}.mpara-obj-front2{top:20rem}.mpara-obj-front3{top:40rem}}.btn-wrap-icons{padding-block:0 1rem}.main-skills{margin:0 auto 25rem;max-width:var(--page-container-width);min-height:89rem;padding-top:21rem;position:relative;width:100%}.main-h1--skills{margin-bottom:2.5rem}.main-skills-image{left:50%;max-width:81rem;opacity:1;position:absolute;top:7rem;width:80vw}.main-skills-image img{width:100%}.main-textbox--skills{margin-left:0;max-width:55rem;padding-inline:0;padding-left:var(--main-textbox-inline-padding);position:relative;text-align:left;z-index:2}.mov-text-skills{opacity:1}.mskills-circle{display:inline-block;margin-right:3rem;position:relative;text-align:center}.mskills-circle:last-child{margin-right:0}.mskills-circle .shadowcon{padding-top:2rem}@media (max-width:1300px){.main-skills{max-width:100%}.main-skills-image{width:65%}}@media (max-width:800px){.main-skills{margin-bottom:7rem;min-height:85rem;padding-top:14rem}.main-skills-image{left:auto;right:-9rem;top:3rem;width:78%}.main-textbox--skills{max-width:100%;padding-left:0;text-align:center}.main-textbox--skills .main-h2,.main-textbox--skills .main-p{padding-inline:var(--main-textbox-inline-padding)}.main-textbox--skills .main-h1{margin-bottom:3rem}.mskills-circle{margin-right:.2rem;-webkit-transform:scale(.8);transform:scale(.8)}}@media (max-width:400px){.main-skills{margin-bottom:5rem;min-height:80rem;padding-top:11rem}}
/*# sourceMappingURL=style-landing.css.map */