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


.container {
  position: relative;
  width: 100%;
  height: auto;
}
.image {
  position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 50s infinite;
}
.image:nth-of-type(1) {
  animation: change-img-anim-first 50s infinite;
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 10s;
}
.image:nth-of-type(3) {
	animation-delay: 20s;
}
.image:nth-of-type(4) {
	animation-delay: 30s;
}
.image:nth-of-type(5) {
	animation-delay: 40s;
}
@keyframes change-img-anim-first {
	0%{ opacity: １;}
  15%{ opacity: 1;}
  25%{ opacity: 1;}
  30%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  15%{ opacity: 1;}
  25%{ opacity: 1;}
  30%{ opacity: 0;}
  100%{ opacity: 0;}
}