@charset "utf-8";
/* CSS Document */
body{
	-webkit-text-size-adjust:100%;
	-webkit-appearance: none;
}
#infomation{
	background:#8DC21F;
	}
#infoInner{
	background:url("../img/info-board.png");
	background-size:cover;
	margin:0 auto;
}
#infoInner dl{
	margin:0 auto;
}
#greeting {
	background:#8DC21F;
	padding:30px 15px;
}
#greeting p{
	max-width:960px;
	color:#FFF;
	margin:0 auto;
	font-family: 'RocknRoll One', sans-serif;
	font-size:30px;
	line-height:50px;
}
#overview{
	background:#54C3F1;
	padding:25px 15px;
	
}
#overview ul{
	max-width:1000px;
	padding:10px;
	margin:0 auto;
}
@media (max-width: 479px){
	#infomation{height:210px;background-size:contain;
}
	#infoInner{
		width:350px;
		height:210px;
}
#infoInner dl{
	width:220px;
	height:110px;
	position:relative;
	top:45px;
	}
#infoInner dt{
	display:block;
	text-align:center;
	font-weight:600;
	margin-bottom:5px;
}
#infoInner dd{
	font-size:14px;
}
	#greeting p{
		font-size:20px;
		line-height:30px;
		padding:10px;
	}
	.overview{
		max-width:400px;
	}
}
@media (min-width: 480px) and (max-width: 1023px){
	#infomation{height:288px;background-size:contain;
}
	#infoInner{
		width:480px;
		height:288px;
}
#infoInner dl{
	width:300px;
	height:160px;
	position:relative;
	top:60px;
	}
#infoInner dt{
	display:block;
	text-align:center;
	font-weight:600;
	margin-bottom:5px;
	font-size:20px;
}
#infoInner dd{
	font-size:18px;
}
	#greeting p{
		font-size:25px;
		line-height:35px;
		padding:25px;
	}
	#overview ul{
		max-width:480px;
	}
}


@media (min-width: 1024px){
	#infoInner{
		width:1000px;
		height:600px;
		background-size:cover;
}
#infoInner dl{
	width:550px;
	height:250px;
	position:relative;
	top:160px;
	}
#infoInner dt{
	display:block;
	text-align:center;
	font-weight:600;
	margin-bottom:15px;
	font-size:30px;
}
#infoInner dd{
	font-size:25px;
}

	#overview li{
		float:right;
	}	
	
}