/* pagetitle
-------------------------------------------------- */
.pagetitle{
	height: 200px;
	background: url("../img/pagetitle-image.png");
	background-position: center center;
}
.pagetitle h2{
	padding: 75px 0 0 75px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #284A31;
}

/* contact_form
-------------------------------------------------- */

#contact_form section p {
	font-size: 12px;
}
	#contact_form section p a{
		color: #284A31;
		text-decoration: underline;
	}
#contact_form section form {
	margin: 20px 0 20px 0;
	text-align: center;
}
#contact_form seciton form button{
	width: 240px;
}

#contact_form section dl {
	border-top: 4px solid #284A31;
	border-bottom: 1px solid #646464;
	overflow:hidden; /*floatしたので高さ確保*/
	background:#ddd;
	text-align: left;
}
	#contact_form section dt {
		width: 245px;
		float: left;
		padding: 10px;
		border-top: 1px solid #646464;
		font-size: 18px;
		text-align: center;
	}
	#contact_form section dd {
		margin-left: 245px; /*dtの横幅にあわせて(padding含)*/
		padding: 10px;
		border-top: 1px solid #646464;
		/*background: #fff;*/
	}
	#contact_form section dd span {
		display: block;
	}
	#contact_form section dd #position_other {
		width: 250px;
	}
	#contact_form section dd input,#contact_form section dd texarea {
		display: inline-block;
	}
	#contact_form section dd input[type="radio"] {
		margin: 5px;
	}
	#contact_form section dd input[name="郵便番号"] {
		width: 250px;
	}
#contact_form section dd textarea {
		width: 90%;
	}

/* contact_form_thanks
-------------------------------------------------- */
#contact_form_thanks section div{
	font-size: 18px;
	margin: 60px 20px;
	padding: 10px;
	border-top: 4px solid #284A31;
	border-bottom: 4px solid #284A31;
}



/* tablet ####################################################################################################################
-------------------------------------------------- */

@media print,screen, (min-width: 768px) and (max-width: 991px) {
	
/* contact_form
-------------------------------------------------- */
	
	
	

}

/* smp ####################################################################################################################
-------------------------------------------------- */

@media (max-width: 768px) {	
	.pagetitle{
		background: url("../img/pagetitle-image.png");
		background-position: center center; 
		height: 120px;
	}
	.pagetitle h2{
		font-size: 22px;
		color: #ffffff;
		text-shadow: 1px 1px 1px #284A31;
		background: none;
		border: none;
		margin-top:0;
		height: 100%;
		padding: 50px 0 0 0;
		text-align: center;
	}
	
/* contact_form
-------------------------------------------------- */
	
	#contact_form section dl {
		border-top: 4px solid #284A31;
		border-bottom: 1px solid #646464;
		overflow:hidden; /*floatしたので高さ確保*/
		background:#ddd;
		text-align: left;
	}
	#contact_form section dt {
		width: 100%;
		float: none;
		padding: 10px;
		border-top: 1px solid #646464;
		font-size: 18px;
		text-align: center;
	}
	#contact_form section dd {
		margin-left: 0; /*dtの横幅にあわせて(padding含)*/
		padding: 10px;
		border-top: 1px solid #646464;
		/*background: #fff;*/
	}

	/* contact_form_thanks
	-------------------------------------------------- */
	#contact_form_thanks section div{
		margin: 40px 10px;
		font-size: 14px;
	}


	
}