@charset "Shift_JIS";

html, body { height: 100vh; }

#wrapper {
	max-width: 60vw;
	text-align:center;
	margin: 0px  auto;
}

p#sgLogo img {
	width: 60vw;
	margin:  45vh auto 45vh;
}
#footer {
	height: 20px;
	margin-bottom: 10px;
	width: 60vw;
}
#footer p {
	text-align: center;
	color: #555;
	font-size: 10px;
}
@media screen and (max-width: 560px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
#wrapper {
	max-width: 80vw;
}

p#sgLogo img {
	width: 80vw;
	margin:  40vh auto 40vh;
}
#footer {
	width: 80vw;
}
#footer p {
	font-size: 8px;
}
}