*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html, body{
	font-family: "Meiryo", "Meiryo UI", sans-serif;
	font-size: 18px;
	background-color:#00B0F0;
}
p{
	font-size: 30px;
	margin: 0px auto 0px;
	padding: 5px;
	text-align: center;
}
.relative {
	position: relative;
	min-height: 91vh;
	width: 100%;
	overflow: hidden;
}
/* ”wŒiŒš•¨*/
.BG0{
	position: absolute;
	min-width: 800px;
	min-height: 100vh;
	width: 100%;
	height: auto;
	background:url(../images/bg00.png) no-repeat center / cover;
	z-index:1;
}
/* ”wŒi‘•�ü*/
.BG1{
	position: absolute;
	min-width: 800px;
	min-height: 100vh;
	width: 100%;
	height: auto;
	background:url(../images/bg01.png) no-repeat center / cover;
	z-index:1;
}
/* ”wŒiŒ¢*/
.BG2{
	position: absolute;
	min-width: 800px;
	min-height: 100vh;
	width: 100%;
	height: auto;
	background:url(../images/bg02.png) no-repeat center / cover;
	z-index:1;
}
/* ”wŒiŽÄ*/
.BG3{
	position: absolute;
	min-width: 800px;
	min-height: 100vh;
	width: 100%;
	height: auto;
	background:url(../images/bg03.png) no-repeat center / cover;
	z-index:1;
}
/* ”wŒiƒ^ƒCƒgƒ‹JP*/
.BG4_JP{
	position: absolute;
	min-width: 100%;
	min-height: 100vh;
	filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0));
	background:url(../images/bg04_jp.png) no-repeat center / cover;
	z-index:10;
}
/* ”wŒiƒ^ƒCƒgƒ‹EN*/
.BG4_EN{
	position: absolute;
	min-width: 100%;
	min-height: 100vh;
	filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0));
	background:url(../images/bg04_en.png) no-repeat center / cover;
	z-index:10;
}
/* Meta Quest Logo Top */
.quest_Top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	margin: 10px 0px 0px 10px;
	z-index: 1000;
}
/* Language Top */
.lang_Top {
	position: absolute;
	top: 0px;
	right: 0;
	width: 220px;
	margin: 10px 0px 0px 0px;
	z-index: 1000;
	text-shadow: 1px 1px 2px #ffffff;
}
/* Footer */
.HPlogo {
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 10px;
	margin: 0px 0px 0px 0px;
	z-index: 5000;
	filter: drop-shadow(1px 1px 3px #fff);
}
/* ƒRƒs�[ƒ‰ƒCƒg—pƒtƒHƒ“ƒg */
.copy {
	position: absolute;
	right:5px;
	bottom:5px;
	font-size: 12px;
	color: #ffffff;
	text-align: right;
	text-shadow: 1px 1px 2px #000000;
	width: 500px;
}
/* coming soon */
.comingsoon {
	position: absolute;
	bottom: 5px;
	text-align: right;
	left: 0;
	margin: 0px 10px 0px 10px;
	z-index: 2000;
}
/* date */
.date {
	width:100%;
	position: absolute;
	font-size: 30px;
	color: #ffffff;
	bottom: 10px;
	text-align: center;
	z-index: 2000;
	filter: drop-shadow(2px 2px 4px #fff);
}

.BG1, .BG2, .BG3, .BG4_JP, .BG4_EN {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.2s ease-in-out;
}

/* ƒtƒF�[ƒhƒCƒ“Žž */
.fade-in {
    opacity: 1;
    visibility: visible;
}
@keyframes floatScale {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.01); }
    100% { transform: scale(1); }
}

/* ƒ�ƒS‚ª‚Ó‚í‚Ó‚í“®‚­ƒAƒjƒ��[ƒVƒ‡ƒ“ƒNƒ‰ƒX */
.fuwa-fuwa {
    animation: floatScale 5s ease-in-out infinite;
    transform-origin: center;
    animation-delay: 3s;
}