.toptitle{
	padding-top:100px;
	color:#fff;
}
.toptitle h1{
	color:#fff;
}



.topwindow {
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../img/contactbg.jpg);
	background-attachment:fixed; 
	height:350px;
}



article section {
	margin:20px auto;
	max-width:1000px;
	padding:20px;
}
article section h1 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}
article section h1 span{
	padding-bottom:5px;
	border-bottom:solid 5px #000;
}

.headoffice {
	float:left;
}
.store {
	margin-left:50%;
}



.tel {
	font-size:37px;
	font-weight:bold;
}

.tel i{
	font-size:50px;
	vertical-align:middle;
	padding-right:10px;
}
.phone:after {
	content:"";
	display:block;
	clear:both;
}
.name {
	padding-top:20px;
	font-weight:bold;
	font-size:18px;
}
.name span {padding-left:1em;}

dl {
	margin:20px auto;
	max-width:900px;
	font-size:16px;
	font-weight:bold;
}
dt {
	float:left;
	padding-top:15px;
	
}
dd{
	margin-left:100px;
	padding-top:10px;
}

.btn{
	display:block;
	width:250px;
	height:60px;
	margin:20px auto;
	text-align:center;
	border:none;
	background-color:#000;
	color:#fff;
	font-size:16px;
}


/*link*/
.btn:link {color: #fff;}
.btn:visited {color: #fff;}
.btn:hover {color: #fff;}

.ws{width:20em;}

.mailform {
	width:90%;
	max-width:800px;
	margin:20px auto;
	padding:20px;
	line-height:30px;
	font-size:16px;
}
.mailform p {
	padding:5px 0px;
	border-bottom:solid 1px #ccc;
}

.check{
	clear:both;
	text-align: center;
	padding-bottom:20px;
}

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

}


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

.headoffice {
	float:none;
}
.store {
	margin-top:50px;
	margin-left:0%;
}
.tel {
	font-size:28px;
}

.name span {
	padding-left:0px;
	display:block;
}
dl {
	font-size:14px;
}

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


}