@keyframes hide-1{0%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes hide-2{0%{opacity:1}50%{opacity:1}75%{opacity:0}}@keyframes hide-3{0%{opacity:1}25%{opacity:1}50%{opacity:0}}@keyframes hide-4{0%{opacity:1}25%{opacity:0}}@keyframes show-1{0%{opacity:0}25%{opacity:1}}@keyframes show-2{0%{opacity:0}25%{opacity:0}50%{opacity:1}}@keyframes show-3{0%{opacity:0}50%{opacity:0}75%{opacity:1}}@keyframes show-4{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes hide-all{0%{opacity:1}to{opacity:0}}@keyframes show-all{0%{opacity:0}to{opacity:1}}@keyframes show-letter{0%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes move-away{0%{opacity:1;left:50%}90%{opacity:0;left:100%}}.bon-world{transition:all .5s ease-in;text-align:center;position:relative;margin:0 auto;width:200px;height:200px}@media(min-width:1025px){.bon-world{width:294px;height:294px}}.bon-world.__abs{position:absolute;left:50%;top:0;transform:translate(-50%)}.bon-world.__mind{animation:show-all .2s ease-in}.bon-world.__split .bon-world:first-child{transform:translate(-80%)}.bon-world.__split .bon-world:nth-child(2),.bon-world.__split .bon-world:nth-child(3){transform:translate(-20%)}.bon-world.__none{animation:none}.bon-world.__move-away{position:absolute;opacity:0;animation:move-away .35s ease-in}.bon-world .bon-item{width:max-content;position:absolute}@media(max-width:1025px){.bon-world .bon-item{transform:scale(.7)}}.bon-world .bon-item.__hide-all,.bon-world .bon-item.__hide-one-by-one{opacity:0}.bon-world .bon-item._moon{top:28px;left:45px}@media(min-width:1025px){.bon-world .bon-item._moon{top:56px;left:96px}}.bon-world .bon-item._sun{bottom:36px;left:30px}@media(min-width:1025px){.bon-world .bon-item._sun{bottom:72px;left:60px}}.bon-world .bon-item._earth{bottom:25px;right:13px}@media(min-width:1025px){.bon-world .bon-item._earth{bottom:64px;right:39px}}.bon-world .bon-item._standing{bottom:4px;left:34%}@media(min-width:1025px){.bon-world .bon-item._standing{bottom:24px;left:40%}}.bon-world .bon-item._human{bottom:45px;right:48px}@media(min-width:1025px){.bon-world .bon-item._human{bottom:85px;right:74px}}.bon-world .bon-item._smile{left:50%;transform:translateX(-50%);animation:show-2 2.5s ease-in}.bon-world .bon-item._complete{top:50%;left:50%;transform:translate(-48%,-50%);transition:all .5s ease-in}@media(max-width:1025px){.bon-world .bon-item._complete{transform:translate(-48%,-50%) scale(.7)}}.bon-world .bon-item._1{top:10%;left:20%;animation:show-all 1s ease-in}.bon-world .bon-item._2{top:20%;left:15%;animation:show-all 1.5s ease-in}.bon-world .bon-item._3{top:40%;left:8%;animation:show-all .5s ease-in}.bon-world .bon-item._4{bottom:10%;left:24%;animation:show-all 1s ease-in}.bon-world .bon-item._5{top:8%;right:22%;animation:show-all .8s ease-in}.bon-world .bon-item._6{top:24%;right:9%;animation:show-all .65s ease-in}.bon-world .bon-item._7{bottom:20%;right:8%;animation:show-all 1.5s ease-in}.bon-world .bon-item._8{bottom:10%;right:24%;animation:show-all .4s ease-in}.bon-world .bon-item.__none{animation:none}.bon-world ._letter{position:absolute;top:-24px;left:50%;transform:translateX(-50%);color:#555;font-size:17px;line-height:1.6;letter-spacing:0}@media(min-width:1025px){.bon-world ._letter{font-size:19px}}.bon-world ._letter{font-weight:400}@media(min-width:1025px){.bon-world ._letter{font-weight:400}}.bon-world ._letter{line-height:1.5}@media(min-width:1025px){.bon-world ._letter{line-height:1.6}}.bon-world ._letter{font-weight:500}@media(min-width:1025px){.bon-world ._letter{font-weight:500}}.bon-world ._letter{animation:show-letter 1.5s ease-in}.bon-item.__show-one-by-one._moon{animation:show-1 2s ease-in}.bon-item.__show-one-by-one._sun{animation:show-2 2s ease-in}.bon-item.__show-one-by-one._earth{animation:show-3 2s ease-in}.bon-item.__show-one-by-one._human{animation:show-4 2s ease-in}.bon-item.__hide-one-by-one._moon{animation:hide-1 2s ease-in}.bon-item.__hide-one-by-one._sun{animation:hide-2 2s ease-in}.bon-item.__hide-one-by-one._earth{animation:hide-3 2s ease-in}.bon-item.__hide-one-by-one._human{animation:hide-4 2s ease-in}.bon-item.__hide-all{animation:hide-all .6s ease-in}.bon-item.__show-all{animation:show-all 1s ease-in}.method-animation{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}@media(min-width:1025px){.method-animation{gap:24px}}.method-animation img{opacity:0}.method-animation img.__show{opacity:1;transition:all .2s ease-in}.method-animation img:first-child{width:60px}@media(min-width:1025px){.method-animation img:first-child{width:140px}}.method-animation img:nth-child(2){width:18px}@media(min-width:1025px){.method-animation img:nth-child(2){width:auto}}.method-animation img:nth-child(3){width:20px}@media(min-width:1025px){.method-animation img:nth-child(3){width:auto}}.method-animation img:nth-child(4){width:18px}@media(min-width:1025px){.method-animation img:nth-child(4){width:auto}}.method-animation img:nth-child(5){width:44px}@media(min-width:1025px){.method-animation img:nth-child(5){width:88px}}.method-animation img:nth-child(6){width:18px}@media(min-width:1025px){.method-animation img:nth-child(6){width:auto}}.method-animation img:nth-child(7){width:60px}@media(min-width:1025px){.method-animation img:nth-child(7){width:140px}}.complete-world{display:flex;align-items:center;justify-content:center;gap:8px}@media(min-width:1025px){.complete-world{gap:16px}}.complete-world img{opacity:0;transform:translateY(10px)}.complete-world img.__show{opacity:1;transform:translateY(0);transition:all .2s ease-in}@keyframes release{0%{opacity:0}to{opacity:1}}@keyframes release-with-delay{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(-15%)}}@keyframes upDownCenter{0%{transform:translate(-50%)}50%{transform:translate(-50%,-15%)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.together-animation>div{display:flex;align-items:center;justify-content:center}.together-animation>div._division1 img,.together-animation>div._division2 img{margin:0 -20px}.together-animation>div img{animation:wave 1s ease-in-out infinite}.together-animation>div img:first-child{animation-delay:.1s}.together-animation>div img:nth-child(2){animation-delay:.2s}.together-animation>div img:nth-child(3){animation-delay:.3s}.together-animation>div img:nth-child(4){animation-delay:.4s}.together-animation>div img:nth-child(5){animation-delay:.5s}.together-animation>div img:nth-child(6){animation-delay:.6s}.together-animation>div img:nth-child(7){animation-delay:.7s}.together-animation>div img:nth-child(8){animation-delay:.8s}.together-animation>div img:nth-child(9){animation-delay:.9s}.together-animation{opacity:0}.together-animation.__active{opacity:1;transition:all .35s ease-in}