header{
border-top:solid 10px #c2e08f;
}

header{
	max-width:640px;
	margin-right:auto;
	margin-left:auto;
}



h1{
	color:green;
	font-size:300%;	
}

div{
	max-width:640px;
	margin-right:auto;
	margin-left:auto;
}

h1,li,footer{
	text-align:center;
}

p{
	text-align:center;
	font-size:30%;
}


h2{
	text-align:center;
	color:green;
	font-size:150%;
}


h3{
	color:green;
	font-size:120%;
}

h4{
	font-size:120%;
}


li{
	list-style:none;
	width:33%;
	float:left;
}

ul:after{
	content:"";
	display:block;
	clear:both;
}

ul{
	padding:0;
}



.メッセージ{
	color:green;
	font-size:70%;
}




img{
	max-width:100%
}


@media screen and (max-width:600px) {
/* 画面サイズが600px以下の場合に適用　*/
	body {
	 font-size: 3.5vw;
	}

	h1 {
	 font-size: 7.2vw;
	}

	h2 {
	 font-size: 4.5vw;
	}

	h3 {
	 font-size: 3vw;
	}

	h4 {
	 font-size: 3vw;
	}

	header {
	 width: auto;
	 margin: 0 5%;
	{

	.logo {
	 float: none;
	 margin-top: 60px;
	 text-align: center;
	}

	.global-nav {
	 float: none;
	 margin-top: 40px;
	 text-align: center;
	}

	.gloval-nav li {
	 display: inline;
	 float: none;
	 margine: 8px;
	}

	#wrap {
	 margin-top: 40px;
	 padding: 35px 0 0;
	}


	


}


/*	Googleマップ埋め込みのときに使う
	iframe{
		max-width:100%
	}
*/