body{-webkit-animation:sprite-animation 1.2s steps(11) forwards;animation:sprite-animation 1.2s steps(11) forwards}@-webkit-keyframes sprite-animation{0%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:0 0;mask-position:0 0}99.99%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:-13000px 0;mask-position:-13000px 0}to{position:initial;-webkit-mask-image:initial;mask-image:initial;-webkit-mask-position:-13000px 0;mask-position:-13000px 0}}@keyframes sprite-animation{0%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:0 0;mask-position:0 0}99.99%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:-14300px 0;mask-position:-14300px 0}to{position:initial;-webkit-mask-image:initial;mask-image:initial;-webkit-mask-position:-14300px 0;mask-position:-14300px 0}}.p-about__meteorite{-webkit-animation:p-meteorite__01 10s infinite ease-in 5s both;animation:p-meteorite__01 10s infinite ease-in 5s both}.p-about__meteorite:nth-of-type(2){-webkit-animation:p-meteorite__02 10s infinite ease-in 10s both;animation:p-meteorite__02 10s infinite ease-in 10s both;display:none}@-webkit-keyframes p-meteorite__01{0%{top:-10%;right:-10%}to{top:110%;right:110%}}@keyframes p-meteorite__01{0%{top:-10%;right:-10%}to{top:110%;right:110%}}@-webkit-keyframes p-meteorite__02{0%{top:-10%;right:50%}to{top:50%;right:110%}}@keyframes p-meteorite__02{0%{top:-10%;right:50%}to{top:50%;right:110%}}.js-about__info-mosaic .p-about__info-canvas:before{-webkit-animation:sprite-anime 0.5s steps(5) forwards;animation:sprite-anime 0.5s steps(5) forwards}@-webkit-keyframes sprite-anime{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes sprite-anime{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.p-about__ufo{-webkit-animation:p-about__ufo 10s linear infinite;animation:p-about__ufo 10s linear infinite}@-webkit-keyframes p-about__ufo{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes p-about__ufo{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}.p-skills__airplane{-webkit-animation:p-skills__airplane 10s linear infinite;animation:p-skills__airplane 10s linear infinite}@-webkit-keyframes p-skills__airplane{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@keyframes p-skills__airplane{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}.p-skills__modal-inner{-webkit-animation:p-skills_fade 0.5s ease-in-out forwards;animation:p-skills_fade 0.5s ease-in-out forwards}@-webkit-keyframes p-skills_fade{0%{opacity:0}to{opacity:1}}@keyframes p-skills_fade{0%{opacity:0}to{opacity:1}}.p-works__cloud{-webkit-animation:p-cloud 100s linear 0s infinite normal none running;animation:p-cloud 100s linear 0s infinite normal none running}@-webkit-keyframes p-cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}@keyframes p-cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}.p-contact__bg{-webkit-animation:p-contact__bg 20s linear 0s infinite normal none running;animation:p-contact__bg 20s linear 0s infinite normal none running}@-webkit-keyframes p-contact__bg{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes p-contact__bg{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}.js-about__info-mosaic .p-page-about__info-canvas:before{-webkit-animation:sprite-anime 0.5s steps(5) forwards;animation:sprite-anime 0.5s steps(5) forwards}.p-page-about__alien{-webkit-animation:p-page-about__return 8s linear infinite;animation:p-page-about__return 8s linear infinite}@-webkit-keyframes p-page-about__return{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes p-page-about__return{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@media (min-width:768px){@-webkit-keyframes sprite-animation{0%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:0 0;mask-position:0 0}99.99%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:calc(var(--size) * 11 * -1) 0;mask-position:calc(var(--size) * 11 * -1) 0}to{position:initial;-webkit-mask-image:initial;mask-image:initial;-webkit-mask-position:calc(var(--size) * 11 * -1) 0;mask-position:calc(var(--size) * 11 * -1) 0}}@keyframes sprite-animation{0%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:0 0;mask-position:0 0}99.99%{position:fixed;-webkit-mask-image:url("../../assets/img/sprite_mask_sp.png");mask-image:url("../../assets/img/sprite_mask_sp.png");-webkit-mask-position:calc(var(--size) * 11 * -1) 0;mask-position:calc(var(--size) * 11 * -1) 0}to{position:initial;-webkit-mask-image:initial;mask-image:initial;-webkit-mask-position:calc(var(--size) * 11 * -1) 0;mask-position:calc(var(--size) * 11 * -1) 0}}.p-about__meteorite:nth-of-type(2){display:block}@-webkit-keyframes p-about__ufo{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-150px);transform:translateX(-150px)}}@keyframes p-about__ufo{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-150px);transform:translateX(-150px)}}.p-skills__airplane{-webkit-animation:p-skills__airplane 20s linear infinite;animation:p-skills__airplane 20s linear infinite}@-webkit-keyframes p-cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}}@keyframes p-cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}}}