html{
	scroll-behavior: smooth;
	background-color: #2a2a2a;
}


body{
	overflow: hidden;
	/* font-family: Verdana, sans-serif; */
	font-family: 'Quicksand','Apple Color Emoji',sans-serif;
}

.page{
	height: 100vh;
	width: 100vw;
	position: absolute;
	animation: page_open 1.5s; 
	transform-origin: bottom;
	transform: scaleY(1);
	overflow: hidden;
}

@keyframes page_open {
	0% {
		transform: scaleY(0);
	}
	100% {
		transform: scaleY(1);
	}
}

.page_none{
	animation: page_none 1.5s; 
	transform-origin: top;
	transform: scaleY(0);
}

@keyframes page_none {
	0% {
		transform: scaleY(1);
	}
	100% {
		transform: scaleY(0);
	}
}

.none{
	display: none;
}

/* テキスト */

.txtType_01,.txtType_02{
	vertical-align: middle;
	letter-spacing: 0.1em;
	color: #fff;
	text-shadow: 0px 0px 20px #fff;
}

.txtType_01{
	font-size: 70px;
	padding: 10px;
}

.txtType_02{
	font-size: 40px;
}

.txtType_03{
	color: #fff;
	font-size: 50px;
}

/* 雪のエフェクト */
.snow-container {
	overflow: hidden;
}

.snow {
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	animation: animate-snow 10s linear;
}

@keyframes animate-snow {
	0% {
		opacity: 0;
		top: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		top: 100vh;
	}
}