@media all and (max-width: 800px) {
	.pc { display: none; }
}

@media all and (min-width: 801px) {
	.sp { display: none; }
}

#firstview {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: none;
	z-index: calc(infinity);
}
.firstview {
	display: none;
	position: fixed;
	overflow: hidden;
}

.slide {
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-name: slide-pc;
}
@media all and (max-width: 800px) {
	.firstview.slide {
		animation-name: slide-sp;
	}
}

@keyframes slide-pc {
	0% {
		top: 0;
	}
	100% {
		top: -31vw;
	}
}

@keyframes slide-sp {
	0% {
		top: 0;
	}
	100% {
		top: -85vw;
	}
}


.firstview img {
	width: 100%;
	height: auto;
}