@charset "utf-8";
* {
		margin: 0;
		padding: 0;
}
html {
		overflow: hidden;
}
img {
		border: none;
		vertical-align: top;
		width: 100%;
		height: auto;
		opacity: 0;
		animation: fadeIn 0.8s linear forwards 0.5s;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
body {
		background: #F0F0E6;
}
body.bgWht {
		background: #fff;
}
.kv {
		min-height: 500px;
}
.logo {
		width: 320px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
@media(min-width: 1441px) {
		.logo {
				width: 400px;
		}
}
@media(max-width: 767px) {
		.kv {
				height: 100vh;
				height: 100dvh;
		}
		.logo {
				width: 170px;
		}
}
@media(max-width: 375px) {
		.logo {
				width: 180px;
		}
}