header h1{
	
	text-align:center;
	font-size:33px;
}



header h2{
	text-align:center;
	font-size:25px;
}



header h4{
	text-align:center;
	font-size:25px;
	color:red;
}




.gaiyo{
	font-size:16px;
	color:white;
	width:90%;
	height:280px;
	line-height:40px;
	margin-right: auto;
	margin-left : auto;
	text-align:left;
	padding-right:3%;
 	border:0px solid blue;
	border-radius:15px 15px 15px 15px;
	background:darkblue;

}



ul {
	list-style-type:none;
}



.form{
	font-size:25px;
		
	width:320px;
	height:50px;
	line-height:50px;
	margin-right:auto;
	margin-left :3%;
	text-align:center;
	border:2px solid blue;
	border-radius:10px 10px 10px 10px;
	background:blue;
	
}



.yuso{
	width:120px;
	height:20px;
	line-height:20px;
	margin-right:auto;
	margin-left :8%;
	text-align:center;
	border:0px solid blue;
	background:dodgerblue;

}


.pcspec {
	font-size:16px;
	width:300px;
	height:20px;
	line-height:20px;
	margin-right:auto;
	margin-left :5%;
	text-align:center;
	border:2px solid blue;
	border-radius:10px 10px 10px 10px;
	background:blue

}


.demo{
	font-size:25px;
	color:#fff;
	width:300px;
	height:40px;
	line-height:40px;
	margin-right:auto;
	margin-left :3%;
	text-align:center;
	border:2px solid limegreen;
	/*border-radius:10px 10px 10px 10px;*/
	background:linear-gradient(white,limegreen);
	text-shadow:-1px -1px 1px #000;

}


.nagare{
	font-size:23px;
	width:320px;
	height:40px;
	line-height:40px;
	margin-right: auto;
	margin-left : auto;
	text-align:center;
	/*text-margin:100; */
	border:2px solid blue;
	border-radius:15px 15px 15px 15px;
	background:linear-gradient(white,blue);
	text-shadow:-1px -1px 1px gray;
}


#tel{
	color: #000;

}

/*===============================================
●画面の横幅が0～480px(スマホ用）
===============================================*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
	header h1 {
		width:100%;
		font-size:150%;
		margin:5px 0px 5px 0px;
	}
	header h2 {
		width:97%;
		font-size:130%;
		margin:5px 0px 5px 0px;
	}
	header h4 {
		width:97%;
		font-size:120%;
		margin:5px 0px 5px 0px;
	}

	ul {
		display:none;
	}

	.form{
		font-size:120%;
		width:90%;
		height:30px;
		line-height:30px;
		margin-right:auto;
		margin-left :3%;
		text-align:center;
		border:2px solid blue;
		border-radius:10px 10px 10px 10px;
		background:blue;
	
}


	.gaiyo{
		font-size:90%;
		color:white;
		width:100%;
		height:auto;
		line-height:25px;
		margin-right: auto;
		margin-left : auto;
		text-align:left;
		/*padding-right:-3%;
 		border:0px solid blue;*/
		border-radius:15px 15px 15px 15px;
		background:darkblue;
	}

	.pcspec {
		font-size:90%;
		width:90%;
		height:20px;
		line-height:20px;
		margin-right:auto;
		margin-left :5%;
		text-align:center;
		border:2px solid blue;
		border-radius:10px 10px 10px 10px;
		background:blue

}

	.demo{
		font-size:130%;
		color:#fff;
		width:90%;
		height:30px;
		line-height:30px;
		margin-right:auto;
		margin-left :3%;
		text-align:center;
		border:2px solid limegreen;
		background:linear-gradient(white,limegreen);
		text-shadow:-1px -1px 1px black;

}

	.nagare{
		font-size:120%;
		width:90%;
		height:30px;
		line-height:30px;
		margin-right: auto;
		margin-left : auto;
		text-align:center;
		border:2px solid blue;
		border-radius:15px 15px 15px 15px;
		background:linear-gradient(white,blue);
		text-shadow:-1px -1px 1px gray;
}


	
}