@charset "utf-8";

.anime-box .TextAnime{
	border-right:6px solid #4080bd;
	overflow:hidden;
	white-space:nowrap;
	animation:txtanime 8s steps(28, end) forwards;
	float:left;
	}
@keyframes txtanime{
	0% { width:0%; }
	100% { width:16em;}
	}




.img-wrap {
	width:100%;
	overflow:hidden;
	position:relative;
	}
.img-wrap:before {
	animation:img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
	background:#4080bd;
	bottom:0;
	content:'';
	left:0;
	pointer-events:none;
	position:absolute;
	right:-1px;
	top:0;
	}
@keyframes img-wrap {
  100% {
	  transform:translateX(100%);
	}
	}

.img-wrap02 {
	width:100%;
	height:50px;
	overflow:hidden;
	position:relative;
	}
.img-wrap02:before {
	animation:img-wrap 6s cubic-bezier(.4, 0, .2, 1) forwards;
	background:#ffffff;
	bottom:0;
	content:'';
	left:0;
	pointer-events:none;
	position:absolute;
	right:0;
	top:0;
	}
@keyframes img-wrap02 {
  100% {
	  transform:translateX(100%);
	}
	}

.img-wrap03 {
	width:100%;
	height:10px;
	overflow:hidden;
	position:relative;
	}
.img-wrap03:before {
	animation:img-wrap 10s cubic-bezier(.4, 0, .2, 1) forwards;
	background:#4080bd;
	bottom:0;
	content:'';
	left:0;
	pointer-events:none;
	position:absolute;
	right:0;
	top:0;
	}
@keyframes img-wrap03 {
  100% {
	  transform:translateX(100%);
	}
	}