@import "./frag/global.css";

@import "./frag/header.css";

/*-------------------------------------*/

.logo{
	color: #ffd;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.25rem;
}

body{
	width: 100%;
	height: 100%;
	overscroll-behavior: contain;
}

header{
	height: 20%;
}

.page1{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.page1 button{
	width: 10rem;
	height: 3rem;

	color: #fff;
	font-size: 1.625rem;
	font-weight: 100;

	background-color: transparent;

	position: absolute;
	bottom: 4rem;
}

.video{
	width: 100%;
	height: 100%;

	overflow: hidden;
}

.video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video video::-webkit-media-controls{
	display: none !important;
	-webkit-appearance: none;
}

.video video::-webkit-media-controls-play-button{
	display: none !important;
	-webkit-appearance: none;
}

.video video::-webkit-media-controls-start-playback-button{
	display: none !important;
	-webkit-appearance: none;
}

.top{
	position: absolute;
	top: 0px;
}

.mobile{
	display: none;
}

@media (max-width: 720px){
	header{
		padding: 1.625rem 1.625rem;
	}

	.img{
		width: 2rem;
	}

	.mobile{
		display: flex;
	}

	.pc{
		display: none;
	}

	.top{
		height: 50%;
		top: 25%;
	}
}