@charset "UTF-8";
/* STYLE.css */

#wrap {
	/* 全体を囲うDIV 入れておくと何かと便利 */
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 100%;
}


#wrap .content {
	/* 親要素 */
	position: relative;
	width: 100%;
	height: 100%;
}
#wrap .content .inner {
	/* 子要素 */
	/* 天地左右センター揃え */
	position: absolute;
	top: 46%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
#wrap .content .inner h1 {
	/* logo下のマージン */
	margin-bottom: 24px;
	font-size: 200%;
}


#wrap .footer {
	/* footerを下から20pxに */
	position: fixed;
	bottom: 20px;
	/* footerの文字をセンター揃えに */
	width: 100%;
	text-align: center;
}
#wrap .footer .inner {
	margin-bottom: 24px;
}