/* top */
.top div{
	display:block;
	height:280px;
	background:url(../contact/bg.jpg) center top no-repeat;
}

.top h1{
	padding-top:120px;
	font-size:35px;
	text-align:center;
	color:#fff;
}


.contact{
	margin:0px auto;
	max-width:1000px;
	padding:15px;
}

.contact section{
	text-align:center;
	margin:20px auto 50px auto;
}

.contact section h1{
	font-size:22px;
	color:#777;
	text-align:center;
	padding-bottom:10px;
}
.contact section h2{
	margin:10px auto;
	padding:15px 0px 50px 15px;
	max-width:600px;
	font-size:50px;
	border-bottom:solid 2px #17343C;
	background:url(../contact/arrow.png) center bottom no-repeat;
}
.contact section h2 a{
	font-size:70px;
}

.contact i{
	padding-right:20px;
}
.contact span{
	vertical-align:middle;
	font-family:"Meiryo", "���C���I", sans-serif;
	font-size:14px;
	padding-left:20px;
}


dl {
	text-align:left;
	margin:20px auto;
	font-size:16px;
}
dt {
	float:left;
	padding-top:15px;
	
}
dd{
	margin-left:100px;
	padding-top:10px;
}



.contact:after{
	content:"";
	display:block;
	clear:both;
}




/*mailform*/
.mailform {
	width:90%;
	max-width:800px;
	margin:50px auto;
	padding:15px;
	line-height:30px;
	font-size:16px;
}



.mailform p {
	border-bottom:solid 1px #ccc;
}
.btn{
	display:block;
	width:250px;
	height:60px;
	margin:20px auto;
	text-align:center;
	border:none;
	background-color:#17343C;
	color:#fff;
	font-size:16px;
}



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



}

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

.contact section h1{
	font-size:18px;
}
.contact section h2{
	font-size:25px;
}
.contact section h2 a{
	font-size:35px;
}

dt {
	float:none;
	
}
dd{
	margin-left:0px;
}

}