@charset "utf-8";
/* CSS Document */
.copy{
  position:absolute;
  bottom:0px;
  left:50%;
  transform: translate(-50%, -50%);
}
.fv{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.fv video{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fv .logo{
	position: absolute;
	width: 30%;
	top: 50%;
	right: 10%;
	z-index: 5;
	transform: translateY(-50%);
}
.fv .fv_links{
	position: absolute;
	width: 42%;
	top: 50%;
	left: 5%;
	z-index: 5;
	transform: translateY(-50%);
	justify-content: flex-start;
}
.fv .fv_links a:nth-of-type(1){
	width: 30%;
}
.fv .fv_links a:nth-of-type(2){
	width: 18%;
	margin-left: 12%;
}
.fv .fv_links a:nth-of-type(3){
	width: 10%;
	margin-left: 6%;
}

body.on .fv .logo,body.on .fv .fv_links,body.on .header{
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
	animation-name: blurin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
body.on .fv .logo{
	animation-delay: 7.5s;
	animation-duration: 2.0s;
}
body.on .fv .fv_links{
	animation-delay: 6.9s;
	animation-duration: 1.6s;
}
body.on .header{
	animation-delay: 8.2s;
	animation-duration: 2.0s;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}