html, body, .container, .content {
	height: 100%;
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
body { 
	background-image: url("/images/bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color:#464646;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: #efecec;
}
h1 {
	color: #efecec;
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 4.2rem;
	font-weight: 400;
}
a {
	color: #efecec;
	text-decoration: none;
}
a:active,
a:focus,
a:hover {
    color: #171717;
    background-color: #ffffff;
}
p {
	margin: 0rem 0 0 0;
	font-size: 1.4rem;
}
.container {
	display: table;
	width: 100%;
}
.content {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 10%;
	}
@media only screen and (max-width: 767px) {
  body {
    background-image: url("/images/bgm.jpg");
  }
	}
@media only screen and (max-width: 430px) {
	h1 {
		font-size: 2rem;
	}
}