@charset "UTF-8";



html{
	height:90%;
	margin:0 auto;
	padding:0;
	display:table;
}

body{
	min-height:100%;
	margin:0 auto;
	padding:0;
	display:table-cell;
	vertical-align:middle;
}


.appear{
	transform-origin:center top;
	animation:show 1s both;
}

.logo01{animation-delay:1s;}
.logo02{animation-delay:2s;}
@keyframes show {
	0% {
		transform:translate(0,200px);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}



.logo02{
	display:block;
	margin:10px auto 0 auto;
	padding-left:10px;
}



@media screen and (min-width:1024px){
@keyframes show {
	0% {
		transform:translate(200px,0);
		opacity:0;
	}
}

.logo02{
	display:inline;
	margin-left:40px;
	padding-left:0;
}
}