@charset "utf-8";
/* CSS Document */



/* scroll down */
 @keyframes down{
	0%{
		opacity: 1;
		top: 0;
	 }
	90%{
		opacity: 1;
	 }
	100%{
		opacity: 0;
		top: 100%;
	 }
}


/* mission rect */
@keyframes rect_move{
	0%{stroke-dashoffset: 2480px;}
	100%{stroke-dashoffset: 0;}
}


/*------------------------------------------------
* top　message 右から
*--------------------------------------------------*/
.faderight {
  -webkit-animation-name: faderightAnime;
          animation-name: faderightAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes faderightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes faderightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.faderightTrigger {
  opacity: 0;
}