@keyframes switching-zoomin {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.1);
	}
}
@keyframes switching-fadein {
	from {
		opacity: 0.0;
	}
	to {
		opacity: 1.0;
	}
}
.switching {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.switching img {
	object-fit: cover;
    display: block;
	position: absolute;
	animation-duration: 10s, 0.5s;
	animation-timing-function: linear, linear;
	animation-fill-mode: both, both;
	animation-name: switching-zoomin, switching-fadein;
}
.switching video {
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-name: switching-fadein;
}

@media screen and (max-width: 1200px) {
.switching {
}	
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.switching {
	
}
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
.switching {
}


}