
html, body {
	font-family: Corbel;
	margin: 0;
	padding: 0;
}
.header  {
	background: url(img/background.jpg);
	padding: 50px 0;
}

.inner-header {
	border: 0px solid red;
}



.title h1 {
	color: #fff;
	font-size: 39pt;
	margin: 0;
	//clear: both;
}

.title-min h1 {
	color: #fff;
	font-size: 26pt;
	margin: 20px 0 0 0;
	//clear: both;
	font-weight: normal;
}


.inner-body {
	margin-bottom: 25px;
	margin-top: 25px;
	
}

.clearall {
	clear: both;
}

@media screen and (min-device-width: 651px) {
	.wrapper {
		width: 800px; 
		margin: 0 auto;
	}
	.tel {
		color: #fff;
		text-align:right;
		margin: 0 0 0 100px;
		padding: 0px;
		font-size: 20pt;
		float: left;
		
	}
	.slogan {
		text-align: left;
		color: #f00;
		font-size: 25pt;
		float: left;
		margin: 0px;
		padding: 0px;	
	}

	.slogan p, .tel p {margin: 0; font-weight: bold;}

	.column {
		1width: 48%;
		float: left;
	}
	.list h4 {
		//position: absolute;
		//color: #fff;
		font-size: 30pt;
		text-align: left;
		margin: 20px 0 20px 0;
	}
	.list p {
		//color: #fff;
		font-size: 12pt;
		text-align: left;
		font-weight: bold;
	}
		
	.form{
		text-align: center;
		position: relative;
		overflow: hidden;
		clear: both;
	}
	.inputtext {
		font-weight: bold;
		font-size: 22pt;
		border: 1px solid #000;
		padding-left: 10px;
		margin-right: 5px;
		height: 56px;
	}
	.inputsub {
		font-weight: bold;
		font-size: 26pt;
		color: #fff;
		background: #f00;
		padding: 5px;
		border: 1px solid #f00;
		text-align: center;
		height: 60px;
		width: 390px;
	}

	.image {margin: 15px 0 0 0;
	}
	div input.inputtext, div input.inputsub {
		position: relative;
	}
	
	
	.detail p {
		font-weight: bold;
		font-size: 30px;
		color: #000;
		text-align: center;
		margin: 0 0 10px 0;
		
	}

	.bottom{margin-bottom: 30px;}

}


@media screen and (max-device-width: 650px) {
	.title h1 {
		color: #fff;
		font-size: 51px;
		margin: 0;
		line-height: 160%;
	}
	.title-min h1 {
		color: #fff;
		font-size: 30px;
		font-weight: normal;
		margin: 40px 0 0 0;
		line-height: 160%;
	}
	.wrapper {
		width: 90%; 
		margin: 0 auto;
	}
	.tel p{
		color: #fff;
		text-align:right;
		//margin: 0 0 25px 100px;
		padding: 0px;
		font-size: 25pt;
		float: left;
		
	}
	.slogan {
		text-align: center;
		color: #f63;
		font-size: 40pt;
		float: left;
		margin: 0 25px 25px 0;
		padding: 0px;	
	}



	.slogan p {margin: 0; font-weight: bold; font-size: 35pt;}
	.tel p {margin: 0; font-weight: bold; font-size: 30pt;}

    .list{width: 100%}
	.list h4 {
		//position: absolute;
		//color: #fff;
		font-size: 30pt;
		text-align: left;
		margin: 20px 0 20px 0;
	}
	.list p {
		//color: #fff;
		font-size: 10pt;
		text-align: left;
		font-weight: bold;
	}
	.image {margin: 0 auto;
		text-align: center;
	}
	
	.form{
		text-align: center;
		position: relative;
		overflow: hidden;
		clear: both;
	}
	
	


	.inputtext {
		font-weight: bold;
		font-size: 22pt;
		border: 1px solid #000;
		padding-left: 10px;
		margin-right: 5px;
		height: 100px;
		width: 650px;
	}
	.inputsub {
		font-weight: bold;
		font-size: 26pt;
		color: #fff;
		background: #f00;
		padding: 5px;
		border: 1px solid #f00;
		text-align: center;
		margin-top: 35px;
		height: 100px;
		width: 660px;
	}


	div input.inputtext, div input.inputsub {
		position: relative;
	}

.detail p {
		font-weight: bold;
		font-size: 30px;
		color: #000;
		text-align: center;
		margin: 0 0 20px 0;
		
	}
}




