html{
	height:100%
}

body{
	background:#000;
	margin: 0;
	display: table;
	width: 100%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}

h1{
	height: 100vh;
	text-align: center;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size:xx-small;
	color: #333;
	letter-spacing:0.05em;
	animation:logoFade 2s ease-out;
}

h1 img{
	width: 150px;
	margin:-2% auto 35px auto;
	display: block;
}

@keyframes logoFade{
	0%{opacity: 0}
	100%{opacity: 1}
}

		
@media screen and (max-width:512px) {
	h1 img{
	width: 30%;	
	margin:-4% auto 28px auto;
	}
	h1{
	height: 90vh;
	letter-spacing:0.01em;
	}
}