@media only screen and (max-width:768px) {

#contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: top; 
	}

h1 {
	top: 55vh;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 2rem;
	}

h2 {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.4rem;
}

p {
	font-size: 0.9rem;
	}

.message dl {
	width: 90%;
	font-size: 0.9rem;
	}
.message dt {
	padding-right: 0;
	}
	
.message dd {
	padding-left: 1.5rem;
	}
	
#area-google-map {
	height: 200px;
}

.hamburger {
	bottom: 5%;
	}

.overlay {
	top: 230px;
	left: 17px;
	}