@charset "utf-8";

/*---------------------------------
_page_bn
-----------------------------------*/
#page_bn {
	background-image: url(../img/main/contact/page_bn.jpg);
}

/*---------------------------------
_contact
-----------------------------------*/
#contact {
	margin-bottom: 30px;
}
#contact h2 {
	margin-bottom: 20px;
}
#contact .text {
	margin-bottom: 10px;
}
#contact .tel .number {
	font-size: 24px;
}

/*---------------------------------
_mail_form
-----------------------------------*/
#mail_form {
	margin-bottom: 30px;
}
#mail_form h2 {
	margin-bottom: 20px;
}
#mail_form .lead {
	margin-bottom: 20px;
}
#mail_form dl {
	margin-bottom: 20px;
}
#mail_form .text {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0 5px;
}
#mail_form .text_l {
	box-sizing: border-box;
	width: 100%;
	height: 160px;
	padding: 0 5px;
}
#mail_form input[type="text"] {
	border: solid 1px #d4d4d4;
}
#mail_form textarea {
	border: solid 1px #d4d4d4;
}
#mail_form input[type="submit"] {
	/*font-stretch: 30.pp*/
	-webkit-appearance: none;
	box-sizing: border-box;
	height:40px;
	line-height: 40px;
	font-size: 14px;
	width: 100%;
	background-color: #444444;
	border: none;
	color: #ffffff;
	margin-bottom: 1em;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#mail_form  input[type="submit"]:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
}
#mail_form .error {
	font-size: 12px;
	color: #cc0000;
}

/*---------------------------------
_message_area
-----------------------------------*/
#message_area .message {
	font-size: 24px;
	margin-bottom: 20px;
}
#message_area .message_s {
	margin-bottom: 40px;
}

/*---------------------------------
_privacypolicy
-----------------------------------*/
#privacypolicy h3 {
	background-image:  url(../img/base/border/boder_dotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 2px 1px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#privacypolicy h3, #privacypolicy h4 {
	font-weight: bold;
}
#privacypolicy .read p  {
	margin-bottom: 2em;
}
#privacypolicy .read ul li  {
	list-style: disc;
	margin-left: 1em;
}
@media screen and (min-width : 600px),print {


}

@media screen and (min-width : 768px),print {
	
	/*---------------------------------
	_contact
	-----------------------------------*/
	#contact {
		margin-bottom: 60px;
	}
	#contact h2 {
		margin-bottom: 30px;
	}
	#contact .text {
		width: 680px;
		margin: 0 auto 25px auto;
	}
	#contact .tel {
		width: 680px;
		margin: 0 auto;
	}
	#contact .tel .number {
		font-size: 24px;
	}

	/*---------------------------------
	_mail_form
	-----------------------------------*/
	#mail_form {
		margin-bottom: 50px;
	}
	#mail_form h2 {
		margin-bottom: 25px;
	}
	#mail_form .lead {
		width: 680px;
		margin: 0 auto 40px auto;
	}
	#mail_form dl {
		width: 680px;
		margin: 0 auto 15px auto;
	}
	#mail_form dl dt {
		width: 250px;
		float: left;
	}
	#mail_form dl dd {
		width: 430px;
		float: left;
	}
	
	#mail_form input[type="submit"] {
		width: 210px;
		margin-left: 260px;
	}
	#mail_form  input[type="submit"]:hover {
		filter:alpha(opacity=70);
		-moz-opacity:0.70;
		-khtml-opacity: 0.70;
		opacity:0.70;
	}
	#mail_form .error {
		font-size: 12px;
		color: #cc0000;
	}
	
	/*---------------------------------
	_message_area
	-----------------------------------*/
	#message_area .message {
		font-size: 24px;
		margin-bottom: 40px;
	}
	#message_area .message_s {
		margin-bottom: 40px;
	}

	/*---------------------------------
	_privacypolicy
	-----------------------------------*/
	#privacypolicy {
		margin-bottom: 80px;
	}
}