@charset "utf-8";
/* ===================================================================

 file name  :contact.css
 style info :お問い合わせページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader{
	margin: 0 70px 66px;
	padding: 0;
	border-bottom:solid 1px #e6e6e6;
}
#pageHeader .page-inner {
	padding: 0 0 78px;
}
#main{
	padding:0 0 30px;
}


/* =================================== */
#main .lead{
	margin:0 70px 100px;
}
#main .lead .catch{
	max-width:1100px;
	margin:0 auto 50px;
	padding:36px 0;
	border-top:solid 12px #ea7722;
	border-bottom:solid 2px #ea7722;
	font-size:26px;
}
#main .lead .txt{
	max-width:1100px;
	margin:0 auto;
	font-size:16px;
	line-height:2.25;
}
#main .lead .online{
	background: linear-gradient(transparent 50%, #F1D0AB 50%);
	font-size:20px;
}
#main .lead .online a{
	text-decoration: none;
	color: #333;
}
#main .lead .online a:hover{
	color: #ea7722;
}
#main h2{
	margin:0 0 35px;
	padding:0 0 15px;
	border-bottom:solid 1px #000;
	font-size:28px;
}


#form .form-area{
	margin-top:-150px;
	padding-top:150px;
}

.form-area table td > ul li{
	margin:0.8em 0;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================
	
		overwrite
	
	=============================== */
	#pageHeader{
		margin: 0 0 10px;
	}
	#pageHeader .page-inner {
		padding: 0 0 30px;
	}
	
	/* =================================== */
	#main .lead{
		margin:0 0 50px;
		padding:0 15px;
	}
	#main .lead .catch{
		margin:0 auto 20px;
		padding:20px 0;
		border-top:solid 6px #ea7722;
		border-bottom:solid 1px #ea7722;
		font-size:16px;
	}
	#main .lead .txt{
		font-size:14px;
		line-height:1.8;
	}
	
	
	#main h2{
		margin:0 0 30px;
		padding:0 0 10px;
		font-size:16px;
	}
	
	#main .mv{
		margin:0 0 30px;
	}
	#main .mv figure{
		max-width:1398px;
		margin:0 auto;
	}
	#main .mv img{
		width:100%;
		height:auto;
	}
	
	
	
	#form{
		padding:0 15px;
	}
	#form .form-area{
		margin:0 -15px;
		padding:0;
	}
	.form-area table td .dib li{
		width:100%;
		display:block;
	}
	.form-area table td .dib li + li{
		width:100%;
	}
	
	
}