/* page motion */
.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 1s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay60 ,.play-mo .add-upscroll.delay60 {animation: add-upscroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay70 ,.play-mo .add-upscroll.delay70 {animation: add-upscroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay80 ,.play-mo .add-upscroll.delay80 {animation: add-upscroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 1s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 1s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 1s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 1s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 1s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 1s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 1s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 1s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 1s 0.8s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%		{transform: translateY(-70px) ;opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

header.show {animation: showMenu 0.3s ease-out;animation-fill-mode: both;}
@keyframes showMenu {

	100%{
		opacity:1;
		top:0px;
	}

}

.registLinkWrap.add-bg1 {background-color: #fff ;}
.play-mo.add-bg1 ,.play-mo .add-bg1 {animation: add-bg1 0.7s 0.0s ease-in-out;animation-fill-mode: both;}
.intern.add-bg1 {background-color: #fff ;}
.play-mo.add-bg1 ,.play-mo .add-bg1 {animation: add-bg1 0.7s 0.0s ease-in-out;animation-fill-mode: both;}

@keyframes add-bg1 {
	100%	{background-color: #1ec8ae;}
}

.jdWrap.add-bg2 {background-color: #fff ;}
.play-mo.add-bg2 ,.play-mo .add-bg2 {animation: add-bg2 0.7s 0.0s ease-in-out;animation-fill-mode: both;}

@keyframes add-bg2 {
	100%	{background-color: #f5f5f5;}
}
 
.centerAni {
    transform-origin: center center;
	}
.rightorg {
    transform-origin: right center;
	}

.add-qzoom:not(.play-mo) {transform:scale(0) ;opacity:0;}
.play-mo.add-qzoom ,.play-mo .add-qzoom {animation: add-qzoom 0.7s 0.0s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay10 ,.play-mo .add-qzoom.delay10 {animation: add-qzoom 0.7s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay20 ,.play-mo .add-qzoom.delay20 {animation: add-qzoom 0.7s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay30 ,.play-mo .add-qzoom.delay30 {animation: add-qzoom 0.7s 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay40 ,.play-mo .add-qzoom.delay40 {animation: add-qzoom 0.7s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay50 ,.play-mo .add-qzoom.delay50 {animation: add-qzoom 0.7s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay60 ,.play-mo .add-qzoom.delay60 {animation: add-qzoom 0.7s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay70 ,.play-mo .add-qzoom.delay70 {animation: add-qzoom 0.7s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay80 ,.play-mo .add-qzoom.delay80 {animation: add-qzoom 0.7s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}

@keyframes add-qzoom {
	0%		{transform: scale(0);opacity:0.5;}
	100%	{transform: scale(1);opacity:1;}
}

@keyframes scrollAni {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

.heartbeat {animation: heartbeat 3s 1s ease-in-out infinite both;}
.heartbeat.delay10 {animation: heartbeat 2.5s 0.2s ease-in-out infinite both;}
.heartbeat.delay20 {animation: heartbeat 2.5s 2s ease-in-out infinite both;}

/* .motion-keyvisual {animation:machine 0.8s 0.5s cubic-bezier(0.92, -0.01, 1, 1) both;} */
/* .motion-keyvisual {animation:machine 1.2s 0.5s cubic-bezier(0.22, 0.08, 0.1, 1) both;} */

 @keyframes heartbeat {
  from {
    transform: scale(1) translateY(0);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.97);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.99);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.95) translateY(-10px);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

.keyvisual-wrap .keyvisual-ani{animation: keyvisual-ani 1.87s 0.1s cubic-bezier(0, 0.55, 0.45, 1)  both;transform: translateY(0px);opacity:0;filter: blur(15px);}
.keyvisual-wrap .keyvisual-ani .cloud01{animation: cloud 1.5s 0.8s ease-in-out infinite alternate;transform: translate(2px,10px);}
.keyvisual-wrap .keyvisual-ani .cloud02{animation: cloud 1.1s 1.0s ease-in-out infinite alternate;transform: translate(2px,10px);}
.keyvisual-wrap .keyvisual-ani .cloud02{animation: cloud 1.1s 1.0s ease-in-out infinite alternate;transform: translate(2px,10px);}
.keyvisual-wrap .keyvisual-ani .waterdrop01{animation: waterdrop 1.2s 1.0s ease-in-out infinite alternate;transform: translate(2px,0px) scale(1);}
.keyvisual-wrap .keyvisual-ani .waterdrop02{animation: waterdrop 1.7s 1.2s ease-in-out infinite alternate;transform: translate(2px,0px) scale(1);}
.keyvisual-wrap .keyvisual-ani .waterdrop03{animation: waterdrop 1.5s 1.4s ease-in-out infinite alternate;transform: translate(1px,0px) scale(1);}
.keyvisual-wrap .keyvisual-ani .shadow{animation: shadow 0.7s 0.7s ease-in-out both;transform: translateY(0px) scale(2);opacity:0;}

 @keyframes keyvisual-ani {
  100% {
    transform: translateY(0px) ;
    opacity:1;
    filter: blur(0px);
  }
}
 @keyframes shadow {
  100% {
    transform: translateY(0px) scale(1);
	  opacity:1;
  }
}
 @keyframes waterdrop {
   0% {
    transform: translate(2px,0px) scale(1);;
  }
  100% {
    transform: translate(4px,-4px) scale(1.1);;
  }
}
 @keyframes cloud {
   0% {
    transform: translate(2px,10px);
  }
  100% {
    transform: translate(10px,-10px);
  }
}

header {opacity:0;animation: gheader 0.7s 0s ease-in-out both;}

@keyframes gheader {
	0%		{transform: translateY(-150px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.section00 .page-title .year{transform: translateY(70px);opacity:0;animation: gpage-title 1.0s 0.0s ease-in-out both;}
.section00 .page-title .title{transform: translateY(70px);opacity:0;animation: gpage-title 0.7s 0.2s ease-in-out both;}
.section00 .page-title .slogan{transform: translateY(70px);opacity:0;animation: gpage-title 0.7s 0.4s ease-in-out both;}
.section00 .page-title .date{transform: translateY(70px);opacity:0;animation: gpage-title 0.7s 0.6s ease-in-out both;}
.section00 .page-title .btn-apply{transform: translateY(70px);opacity:0;animation: gpage-title 0.7s 0.8s ease-in-out both;}

 

@keyframes gpage-title {
	0%		{transform: translateY(70px);}
	100%	{transform: translateY(0px);opacity:1;}
}

.kv-top-wrap .kv-saturn  {transform-origin: 50% 10%;opacity:0;animation: kv-saturn 4.7s 0.8s ease-in-out both;}

@keyframes kv-saturn {
	0%	{transform: translate(-150px,150px) rotate(0deg);; opacity:0;}
	100%		{transform: translate(0px,0px) rotate(-10deg);;opacity:1;}

}
.kv-top-wrap .kv-saturn.addani1  {opacity:1;animation: addani1 2.7s  ease-in-out infinite alternate;}
@keyframes addani1 {
	0%	{transform: translate(0px,0px) rotate(-10deg); opacity:1;}
	100%	{transform: translate(0px,0px) rotate(5deg); opacity:1;}
}


.kv-top-wrap .kv-tank {transform: translate(-1000px,0px); opacity:0;animation: kv-tank 1.0s 1.8s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes kv-tank {
	100%		{transform: translate(0px,0px);opacity:1;}
}
@keyframes kv-tank-t {
	100%		{transform: translate(0px,0px) scale(0.8);opacity:1;}
}
@keyframes kv-tank-mo {
	100%		{transform: translate(0px,0px) scale(0.4);opacity:1;}
}

.kv-top-wrap .kv-roundGroup .kv-round{opacity:0;animation: kv-roundGroup2 2.0s 1.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-roundGroup .kv-obj01{opacity:0;animation: kv-roundGroup 1.0s 1.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-roundGroup .kv-obj02{opacity:0;animation: kv-roundGroup 1.0s 1.2s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-roundGroup .kv-obj03{opacity:0;animation: kv-roundGroup 1.0s 1.4s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-roundGroup .kv-obj04{opacity:0;animation: kv-roundGroup 1.0s 1.6s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-roundGroup .kv-obj05{opacity:0;animation: kv-roundGroup 1.0s 1.8s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes kv-roundGroup {
	0%		{transform: translateY(170px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}
@keyframes kv-roundGroup2 {
	0%		{transform: translateY(0px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}
.kv-top-wrap .kv-ruriGroup .smoke01{opacity:0;animation: smoke1 1.0s 2s ease-in-out infinite alternate;}
.kv-top-wrap .kv-ruriGroup .smoke02{opacity:0;animation: smoke1 1.0s 2.3s ease-in-out infinite alternate;}
.kv-top-wrap .kv-ruriGroup .kv-ruri{transform: translateY(600px);opacity:0;animation: kv-ruri 4.0s 1.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-ruriGroup .kv-light{opacity:0;animation: kv-light 1.5s 4.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-ruriGroup .fire {transform: translateY(600px);opacity:0;animation: fire 4.0s 1.5s cubic-bezier(0.25, 1, 0.5, 1) both;}
.kv-top-wrap .kv-ruriGroup .fire.addani1,
.scheduleWrap .kv-ruriGroup .fire.addani1{transform: translateY(0px);opacity:1;animation: fireaddani1 0.5s 0s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate;}

.scheduleWrap .kv-ruriGroup .smoke01 {opacity:0;animation: smoke1 1.0s ease-in-out infinite alternate;}
.scheduleWrap .kv-ruriGroup .smoke02{opacity:0;animation: smoke1 1.0s ease-in-out infinite alternate;}
.scheduleWrap .kv-ruriGroup .fire{opacity:0;animation: fire 1.5s cubic-bezier(0.25, 1, 0.5, 1) both;}
.scheduleWrap .kv-ruriGroup .kv-light{opacity:0;animation: kv-light 2s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate;}

.kv-top-wrap .kv-rocket .rocket{transform: translate(-300px,300px); opacity:0;animation: rocket 1.0s 2.8s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes rocket {
	100%		{transform: translate(0px,0px);opacity:1;}
}
.kv-top-wrap .kv-rocket .star{opacity:0;animation: star 0.7s 2s ease-in-out infinite alternate;}
.kv-top-wrap .kv-rocket .star01{opacity:0;animation: star 1.0s 2.3s ease-in-out infinite alternate;}
@keyframes star {
	0%		{transform: scale(1,1);opacity:0;}
	100%	{transform: scale(1.2,1.2);opacity:1;}
}
@keyframes kv-ruri {
	0%		{opacity:1;}
	100%	{transform: translateY(0px);opacity:1;}
}
@keyframes fire {
	0%		{opacity:1;}
	100%	{transform: translateY(0px);opacity:1;}
}
@keyframes fireaddani1 {
	0%		{transform: scale(1,1);opacity:1;}
	100%	{transform: scale(1.2,1.2);opacity:1;}
}
@keyframes kv-light {
	0%		{opacity:0;}
	100%	{opacity:1;}
}
@keyframes smoke1 {
	0%		{transform: scale(1,1) translateY(0px);opacity:0.7;}
	100%	{transform: scale(1.05,1.05)translateY(10px);opacity:1;}
}

.heading-bottom  {opacity:0;animation: heading-bottom 1.0s 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes heading-bottom {
	0%		{transform: translateY(300px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}

}
.heading-bottom  .kv-stage01Group{opacity:0;animation: heading-bottom 1.0s 1.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage01Group .truck{opacity:0;animation: truck 1.0s 2.0s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage01Group .man01{opacity:0;animation: truck 1.0s 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage01Group .man02{opacity:0;animation: truck 1.0s 2.2s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage01Group .man03{opacity:0;animation: truck 1.0s 2.3s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes truck {
	0%		{transform: translateY(-100px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}

}

.heading-bottom  .kv-stage02Group{opacity:0;animation: heading-bottom 1.0s 1.2s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage02Group .engine{opacity:0;animation: engine 1.0s 2.2s cubic-bezier(0.25, 1, 0.5, 1) both;}
.heading-bottom  .kv-stage02Group .man01{opacity:0;animation: engine 1.0s 2.3s cubic-bezier(0.25, 1, 0.5, 1) both;}
@keyframes engine {
	0%		{transform: translateY(-100px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}

}

.teaserWrap .title-wrap.play-mo .start-date .start-data-ani {animation: startdataani 0.7s 1s ease-in-out infinite alternate;}
@keyframes startdataani {
	0%		{opacity:1; }
	100%	{opacity:0.5; }

}

.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(1) {
	animation: jd-item 4.7s 0.5s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(2) {
	animation: jd-item 4.7s 1.0s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(3) {
	animation: jd-item 4.7s 1.5s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(4) {
	animation: jd-item 4.7s 2.0s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(5) {
	animation: jd-item 4.7s 2.5s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(6) {
	animation: jd-item 4.7s 3.0s ease-in-out infinite ;
}
.teaserWrap .jd-list-area.play-mo  .jd-item:nth-child(7) {
	animation: jd-item 4.7s 3.5s ease-in-out infinite ;
}

@keyframes jd-item {
	0%		{opacity:1;transform: scale(1,1);color: #fff;}
	10%	{opacity:0.8;transform: scale(1.1,1.1);color: #f37321;}
	25%		{opacity:1;transform: scale(1,1);color: #fff;}
}


.challengeWrap.play-mo .challenge-motion .bar01 {animation: challenge-motion 1.0s 0s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar02 {animation: challenge-motion 1.0s 0.2s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar03 {animation: challenge-motion 1.0s 0.4s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar04 {animation: challenge-motion 1.0s 0.6s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar05 {animation: challenge-motion 1.0s 0.8s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar06 {animation: challenge-motion 1.0s 1s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar07 {animation: challenge-motion 1.0s 1.2s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar08 {animation: challenge-motion 1.0s 1.4s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar09 {animation: challenge-motion 1.0s 1.6s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar10 {animation: challenge-motion 1.0s 1.8s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar11 {animation: challenge-motion 1.0s 2s ease-in-out  both ;transform: scaleY(0);}
.challengeWrap.play-mo .challenge-motion .bar12 {animation: challenge-motion 1.0s 2.2s ease-in-out  both ;transform: scaleY(0);}
 
 @keyframes challenge-motion {
	0%		{opacity:0;transform: scaleY(0);}
	100%		{opacity:1;transform: scaleY(1);}
}

.challengeWrap .bg.play-mo .light,
.challengeWrap .bg.play-mo .light01 {animation: challenge-motion-bg 2s 0s ease-in-out  both;}
 @keyframes challenge-motion-bg {
	0%		{opacity:0;transform: scaleY(0);filter: blur(4px);}
	100%		{opacity:1;transform: scaleY(1);filter: blur(0px);}
}
.challengeWrap .challenge-text.play-mo li:nth-child(1) {animation: challenge-motion-t 1.0s 0s cubic-bezier(0.25, 1, 0.5, 1)  both ;}
.challengeWrap .challenge-text.play-mo li:nth-child(2) {animation: challenge-motion-t 1.0s 0.2s cubic-bezier(0.25, 1, 0.5, 1)  both ;}
.challengeWrap .challenge-text.play-mo li:nth-child(3) {animation: challenge-motion-t 1.0s 0.4s cubic-bezier(0.25, 1, 0.5, 1)  both ;}
 @keyframes challenge-motion-t {
	0%	{transform: translateY(80px) scale(1,1);opacity:0;}
	100%	{transform: translateY(0px) scale(1,1);opacity:1;}
}