/* CSS Document */

/* bgFix
-------------------------------------------------------------*/
.bgFix{
	position: fixed;
	width: 100%;
	background: url("../img/bg_fix.png") no-repeat center center;
	background-size: cover;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.bgFix .bgFixRight{
	width: calc(50% - 375px);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background: url("../img/bg_right.svg") no-repeat center center;
	background-size: 80% auto;
}
.bgFix .bgMark{
	width: 160px;
	position: fixed;
	bottom: 10%;
	animation: trip 15s linear infinite;
}
.bgFix .bgMark img{
	animation: walk 0.2s linear infinite;
}
@keyframes trip {
  0% {
		right:-100px;
	}
  90% {
		right:calc(100% + 100px);
	}
  100% {
		right:calc(100% + 100px);
	}
}
@keyframes walk {
  0% {
		transform: translateY(0);
	}
  100% {
		transform: translateY(-16px);
	}
}
.bgFix .bgUltra{
	position: fixed;
	animation: air 15s cubic-bezier(1, 0, 1, 0) infinite;
}
@keyframes air {
  0% {
			width: 200px;
			right:-200px;
			bottom: 5%;
			opacity: 0;
	}
  20% {
			opacity: 1;
	}
  70% {
			width: 4000px;
			right:calc(100% + 4000px);
			bottom: 100%;
			opacity: 1;
	}
  100% {
			width: 4000px;
			right:calc(100% + 4000px);
			bottom: 100%;
			opacity: 1;
	}
}