@charset "UTF-8";


.g-navi_item span, .g-navi_contact, .g-navi_recruit, .g-navi_news, .g-navi_about {
background-image: url(../img/g_menu.png)
}


.bg, .g-menu, .info__list p, .nav, .nav__last, .world {
overflow: hidden
}

.nav, .nav__inner, .nav__last {
top: 0;
height: 100%
}

.nav {
position: fixed;
z-index: 700;
left: 0;
width: 100%;
visibility: hidden;
pointer-events: none
}

.nav__inner, .nav__last, .nav__last__inner {
position: absolute;
z-index: 0
}

.nav__inner {
left: 0;
width: 100%
}

.nav__last {
left: 68%;
width: 33.3%
}

.nav__last__inner {
top: 50%;
left: 0;
margin-top: -100px;
opacity: 0;
-webkit-transform: translateX(-8%);
transform: translateX(-8%);
}

.bg, .g-navi_bg {
height: 100%;
top: 0
}

.nav.show {
visibility: visible;
pointer-events: auto
}

.nav.show .g-navi_news {
transition: opacity .4s .52s;
opacity: 1
}

.nav.show .g-navi_news span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s .5s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s .5s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_news span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s .52s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s .52s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_news span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s .54s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s .54s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_news span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s .56s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s .56s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_about {
transition: opacity .4s .62s;
opacity: 1
}

.nav.show .g-navi_about span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s .6s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s .6s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_about span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s .62s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s .62s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_about span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s .64s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s .64s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_about span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s .66s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s .66s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_recruit {
transition: opacity .4s .72s;
opacity: 1
}

.nav.show .g-navi_recruit span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s .7s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s .7s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_recruit span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s .72s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s .72s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_recruit span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s .74s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s .74s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_recruit span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s .76s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s .76s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_contact {
transition: opacity .4s .82s;
opacity: 1
}

.nav.show .g-navi_contact span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s .8s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s .8s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_contact span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s .82s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s .82s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_contact span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s .84s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s .84s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_contact span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s .86s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s .86s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--gallery {
transition: opacity .4s .92s;
opacity: 1
}

.nav.show .g-navi_item--gallery span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s .9s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s .9s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--gallery span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s .92s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s .92s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--gallery span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s .94s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s .94s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--gallery span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s .96s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s .96s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--product {
transition: opacity .4s 1.02s;
opacity: 1
}

.nav.show .g-navi_item--product span:nth-of-type(1) {
-webkit-animation: glitchEffect1 1s 1s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect1 1s 1s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--product span:nth-of-type(2) {
-webkit-animation: glitchEffect2 1s 1.02s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect2 1s 1.02s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--product span:nth-of-type(3) {
-webkit-animation: glitchEffect4 1s 1.04s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect4 1s 1.04s cubic-bezier(.165, .84, .44, 1) forwards
}

.nav.show .g-navi_item--product span:nth-of-type(4) {
-webkit-animation: glitchEffect3 1s 1.06s cubic-bezier(.165, .84, .44, 1) forwards;
animation: glitchEffect3 1s 1.06s cubic-bezier(.165, .84, .44, 1) forwards
}

/*
.init.act .s_intro__title, .init.act .s_trailer__title {
-webkit-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-webkit-animation-duration: .8333333333s;
-ms-animation-duration: .8333333333s;
-webkit-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-ms-animation-timing-function: steps(24)
}
*/

.nav.show .nav__last__inner {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
transition: opacity .6s .72s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s .72s cubic-bezier(.86, 0, .07, 1);
transition: opacity .6s .72s cubic-bezier(.86, 0, .07, 1), transform .6s .72s cubic-bezier(.86, 0, .07, 1)
}

.nav.show .g-navi_bg {
-webkit-transform: translateY(0);
transform: translateY(0)
}

.nav.out .g-menu, .nav.out .nav__last {
transition: opacity .2s .1s;
opacity: 0
}

.nav.out .g-navi_bg {
transition: -webkit-transform .4s 0s cubic-bezier(.86, 0, .07, 1);
transition: transform .4s 0s cubic-bezier(.86, 0, .07, 1);
-webkit-transform: translateY(100%);
transform: translateY(100%)
}

.nav.out .g-navi_bg--middle1 {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}

.nav.out .g-navi_bg--left {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}

.bg {
position: relative;
z-index: 0;
left: 0;
width: 100%
}

.g-navi_bg, .g-navi_bg--middle1::before {
position: absolute
}

.g-navi_bg {
z-index: 1;
width: 33.4%;
background-color: rgba(0, 0, 0, .7);
transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
transition: transform .6s cubic-bezier(.86, 0, .07, 1)
}

/* ナビ背景 */
.g-navi_bg--left {
-webkit-transform: translateY(100%);
transform: translateY(100%);
left: 0;
}

.g-navi_bg--middle1 {
left: 33.3%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}

.g-navi_bg--right {
-webkit-transform: translateY(100%);
transform: translateY(100%);
right: 0;
background-image: url("../img/g-navi_bg.png");
background-size: cover;
}

.g-navi, .g-navi_list {
left: 0;
position: absolute
}

.g-navi {
z-index: 2;
top: 0;
width: 100%;
height: 100%
}

.g-navi_list {
z-index: 0;
top: 50%;
margin-top: -160px;
left: 55%;
transform: translateX(-50%);
}

.g-navi_item {
display: block;
font-size: 0;
color: transparent;
white-space: nowrap;
margin-bottom: 38px;
cursor: pointer
}

.g-navi_item span {
display: block;
width: 100%;
height: 25%;
background-repeat: no-repeat
}

/*
.g-navi_item strong, .g-navi_contact span, .g-navi_recruit span, .g-navi_news span, .g-navi_about span {
display: none
}
*/

.g-navi_news {
opacity: 0;
width: 463px;
height: 48px
}

.g-navi_contact, .g-navi_recruit, .g-navi_item--gallery, .g-navi_item--product, .g-navi_about {
width: 472px;
height: 48px;
opacity: 0
}

.g-navi_news span:nth-of-type(1) {
background-position: 0 -1px
}

.g-navi_news span:nth-of-type(2) {
background-position: 0 -13px
}

.g-navi_news span:nth-of-type(3) {
background-position: 0 -25px
}

.g-navi_news span:nth-of-type(4) {
background-position: 0 -37px
}

.g-navi_news {
background-repeat: no-repeat;
background-position: 0 -1px
}

.g-navi_news:hover {
background-position: 0 -51px
}

.g-navi_about span:nth-of-type(1) {
background-position: left top -101px
}

.g-navi_about span:nth-of-type(2) {
background-position: left top -113px
}

.g-navi_about span:nth-of-type(3) {
background-position: left top -125px
}

.g-navi_about span:nth-of-type(4) {
background-position: left top -137px
}

.g-navi_about {
background-repeat: no-repeat;
background-position: left top -101px
}

.g-navi_about:hover {
background-position: 0 -151px
}

.g-navi_recruit span:nth-of-type(1) {
background-position: left top -201px
}

.g-navi_recruit span:nth-of-type(2) {
background-position: left top -213px
}

.g-navi_recruit span:nth-of-type(3) {
background-position: left top -225px
}

.g-navi_recruit span:nth-of-type(4) {
background-position: left top -237px
}

.g-navi_recruit {
background-repeat: no-repeat;
background-position: left top -201px
}

.g-navi_recruit:hover {
background-position: 0 -251px
}

.g-navi_contact span:nth-of-type(1) {
background-position: left top -301px
}

.g-navi_contact span:nth-of-type(2) {
background-position: left top -313px
}

.g-navi_contact span:nth-of-type(3) {
background-position: left top -325px
}

.g-navi_contact span:nth-of-type(4) {
background-position: left top -337px
}

.g-navi_contact {
background-repeat: no-repeat;
background-position: left top -301px
}

.g-navi_contact:hover {
background-position: 0 -351px
}


.info__logo {
display: block;
width: 102px;
margin-bottom: 50px;
cursor: pointer;
}

.info__logo img {
width: 100%;
height: auto;
display: block
}

.info__list {
width: 100%;
margin-bottom: 30px
}

.info__list p {
font-size: 0.12rem;
line-height: 1.8;
color: #FFF;
}


.info__copyright {
line-height: 1.6;
font-size: 0.1rem;
color: #FFF;
}

@-webkit-keyframes glitchEffect1 {
0% {
opacity: 0;
-webkit-transform: translate3d(-15%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-15%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
5% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(10%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
10% {
opacity: 1;
-webkit-transform: translate3d(-16%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-16%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
15% {
opacity: 1;
-webkit-transform: translate3d(3%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(3%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 20%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@keyframes glitchEffect1 {
0% {
opacity: 0;
-webkit-transform: translate3d(-15%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-15%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
5% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(10%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
10% {
opacity: 1;
-webkit-transform: translate3d(-16%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-16%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
15% {
opacity: 1;
-webkit-transform: translate3d(3%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(3%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 20%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@-webkit-keyframes glitchEffect2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
3% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1.8, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1.8, 0, 1) rotate3d(0, 0, 0, 0deg)
}
8% {
opacity: 1;
-webkit-transform: translate3d(5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
15% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 24%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@keyframes glitchEffect2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
3% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1.8, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1.8, 0, 1) rotate3d(0, 0, 0, 0deg)
}
8% {
opacity: 1;
-webkit-transform: translate3d(5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
15% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 24%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@-webkit-keyframes glitchEffect3 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 0, 1) rotate3d(0, 0, 0, 0deg)
}
9% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1.2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1.2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
14% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(10%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
17% {
opacity: 1;
-webkit-transform: translate3d(-6%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-6%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 21%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@keyframes glitchEffect3 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 0, 1) rotate3d(0, 0, 0, 0deg)
}
9% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1.2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1.2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
14% {
opacity: 1;
-webkit-transform: translate3d(10%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(10%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
17% {
opacity: 1;
-webkit-transform: translate3d(-6%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-6%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 21%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@-webkit-keyframes glitchEffect4 {
0% {
opacity: 0;
-webkit-transform: translate3d(-2%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-2%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
4% {
opacity: 1;
-webkit-transform: translate3d(5%, 0, 0) scale3d(1.5, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(5%, 0, 0) scale3d(1.5, 0, 1) rotate3d(0, 0, 0, 0deg)
}
13% {
opacity: 1;
-webkit-transform: translate3d(2%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(2%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
18% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 26%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}

@keyframes glitchEffect4 {
0% {
opacity: 0;
-webkit-transform: translate3d(-2%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-2%, 0, 0) scale3d(2, 0, 1) rotate3d(0, 0, 0, 0deg)
}
4% {
opacity: 1;
-webkit-transform: translate3d(5%, 0, 0) scale3d(1.5, 0, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(5%, 0, 0) scale3d(1.5, 0, 1) rotate3d(0, 0, 0, 0deg)
}
13% {
opacity: 1;
-webkit-transform: translate3d(2%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(2%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
18% {
opacity: 1;
-webkit-transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(-5%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
100%, 26%, 60%, 80% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)
}
}