@charset "UTF-8";
/*base*/
*{
	margin: 0px;
	padding: 0px;
	}

header, footer, nav, section, article {
	display:block;
	}

html{
	font-size: 62.5%;
	overflow-y: scroll; 
	}
html,body{
	hight: 100%; 
	}
body{ 
	margin: 0;
	padding: 0;
	positiion: relative;
	font-size: 1.4em;
	font-family: "メイリオ","Arial", "Helvetica",sans-serif;
	}
.logo{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	}
h1,h2{
	margin: 0 auto;
	padding:0 auto;
	height: auto;
}

img{
	text-align: center;
	height: auto;
	}
h1 img{
	width: 100%;
	}
h2 img{
	width: 50%;
	margin-top: 80px;
	}

/* Media Queries
===================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:699px) {
body{
	overflow-x: hidden;
	}
html {
	-webkit-text-size-adjust: none;
	}
.logo{
	width: 100%;
	}
h1 {
	width: 80%;
	}
h2 img{
	margin-top: 40px;
	}
}