@charset "UTF-8";

#inner {
	font-family: "Montserrat", sans-serif;
	width: auto!important;
	height: auto!important;
	margin-top: 100px;
	visibility: hidden;
}
#inner span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#count {
	font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
	font-weight: 300;
	font-feature-settings : "palt";
	font-size: 60px;
	margin-top: 8%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#anime_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}



/* 追加 */
#loading_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 99;
}
#loading_inner {
	width: 288px;
	height: 232px;
	margin: 0 auto;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 9999;
}

#heri_wrap {
	position: absolute;
	top: 65%;
	left: 120%;
	-webkit-transform: translate(-50%,-50%) rotate(-10deg);
	transform: translate(-50%,-50%) rotate(-10deg);
	opacity: 1;
	width: 100%;
	z-index: 999999;
}
#heri_wrap.rotate {
	transform:translate(-50%,-50%) rotate(0);
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	transition: 1.5s;
	transition-delay: .5s;
}

#welcome_wrap {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: -10%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	width: 100%;
}
.image2 {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.hide {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	transition-delay: .7s;
}
.image2.show {
	opacity: 1;
	visibility: visible;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	transition-delay: .7s;
}
.video_sec {
	transition-delay: 3s;
}
.headerIn {
	transition-delay: 7s;
}

/*body {
	background: none!important;
}*/


@media screen and (max-width:768px){
	#count {
		margin-top: 30%;
		font-size: 40px;
	}
	#loading_inner,
	object {
		width: 220px;
		height: 171px;
	}
}