/* head */
.head{background:url(../img/topimg-contact.jpg);}




/* contact */
.contact{
	margin:-100px auto 100px auto;
	padding:0px 20px;
	max-width:800px;
	text-align:center;
}
.contact div{
	margin:50px auto;
	max-width:550px;
	text-align:left;
}
.contact h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
}
.big{
	margin-bottom:10px;
	max-width:12em;
	padding:10px 0px;
	font-family: 'Staatliches', sans-serif;
	vertical-align:middle;
	letter-spacing:5px;
	font-size:35px;
	color:#FFF000;
	border-bottom:solid 1px #ccc;
}

.contact i{
	margin:50px 20px;
	font-size:60px;
	float:right;
}
.num{
	margin-left:15px;
	font-weight:bold;
	font-size:35px;
}
.ad{
	margin-left:15px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
	font-size:20px;
}
.privacy{
	font-size:18px;
}


dl {
	margin:20px auto;
}
dt {
	float:left;
	padding-top:15px;
	
}
dd{
	margin-left:10em;
	padding-top:10px;
}
form{
	margin:0px auto;
	max-width:700px;
	text-align:left;
}




.mailform {
	width:90%;
	max-width:800px;
	margin:50px auto;
	padding:20px;
	line-height:35px;
	border:solid 1px #ccc;
}


/* clear */
.case:after, .flow section:after{
	content:"";
	display:block;
	clear:both;
}



@media only screen and (max-width: 768px) {
.info{
	display:none;
}
article{
	margin-left:0px;
}


.head{background-position:55% 0%;}


.contact h1{
	text-align:center;
}
.big{
	padding:10px 0px;
	text-align:center;
}
.num{
	padding:10px 0px;
	display:inline-block;
}
.ad{
	font-size:16px;
	display:inline-block;
}

.contact i{
	margin:20px auto;
	display:block;
	text-align:center;
	float:none;
}


.privacy{
	font-size:16px;
}




dt {
	float:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}
dd{
	margin:0px;
	padding:0px;
}


}