@charset "UTF-8";

.back-wrap {
	/*background-color: rgba(255,255,255,0.7);
	width:  100vw;
	height: 100vh;*/
}

.backimg1, .backimg2, .backimg3, .backimg4 {
	position: fixed;
	width:  100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	z-index: -100;
	opacity: 0;
}

.backimg1 {
	background-image: url(../img/background_show1.png);
	animation: fade-x4 40s ease 0s infinite;
}

.backimg2 {
	background-image: url(../img/background_show2.png);
	animation: fade-x4 40s ease 10s infinite;
}

.backimg3 {
	background-image: url(../img/background_show1.png);
	animation: fade-x4 40s ease 20s infinite;
}

.backimg4 {
	background-image: url(../img/background_show4.png);
	animation: fade-x4 40s ease 30s infinite;
}

@keyframes fade-x4 {
	  0% { opacity: 0; }
	  5% { opacity: 0.2; }
	 25% { opacity: 0.2; }
	 30% { opacity: 0; }
	100% { opacity: 0; }
}

/*20=1+18+1*/

/*------------------------------------------------*/