@charset "utf-8";


/* faq ================================================================ */



  /* ---- Page Title ---- */

		@media print, screen and (min-width: 768px) {
			.p-pageContact .c-pageTitle {
				background: url(../img/page/bg_contact.jpg) no-repeat top center;
				}
		}
		@media (max-width: 767px) {
			.p-pageContact .c-pageTitle {
				background: url(../img/page/bg_contact-sp.jpg) no-repeat top center;
				}
		}



/*--- Form --*/

.p-contactForm dl {
	padding: 0;
	margin: 0;
	border-bottom: #000 dotted 1px;
	}
	.p-contactForm dl:first-child {
		border-top: #000 dotted 1px;
		}


.p-contactForm dt,
.p-contactForm dd {
	text-align: left !important;
	font-weight: normal !important;
	font-size: 100% !important;
	border: none !important;
	}

.p-contactForm select,
.p-contactForm input,
.p-contactForm textarea {
	border: solid 1px #ccc;
	box-shadow: none;
	}

.p-contactForm label {
	border: none !important;
	}

/*送信ボタン*/
.mfp_buttons {
	clear: both;
	padding-top: 30px;
	text-align: center;
	}
.mfp_element_submit,
.mfp_buttons button {
	clear: both;
	padding: 10px 40px !important;
	font-weight: normal !important;
	font-size: 100% !important;
	margin-top: 20px !important;
	background: #766454 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#766454), to(#d5caba)) !important;
	background: -webkit-linear-gradient(top, #766454 0%, #d5caba 100%) !important;
	background: -o-linear-gradient(top, #766454 0%, #d5caba 100%) !important;
	background: linear-gradient(to bottom, #766454 0%, #d5caba 100%) !important;
	color: #fff !important;
	border: solid 1px #e7e7e7 !important;
	text-shadow: none !important;
	-webkit-border-radius: 0px;
		 -moz-border-radius: 0px;
				border-radius: 0px;
			-ms-border-radius: 0px;
	}

/*エラー時の色*/
.mfp_ng {
	background-color: rgba(192,28,30,0.2) !important;
	}


@media print, screen and (min-width: 769px) {
	
	.p-contactForm dt {
		float: left;
		display: inline-block;
		width: 240px !important;
		box-sizing: border-box;
		padding: 20px 12px !important; 
		}
	.p-contactForm dd {
		margin-left: 250px !important;
		padding: 12px !important; 
		}
	
	.p-contactForm input[type="text"],
	.p-contactForm input[type="email"] {
		width: 95% !important;
		padding: 7px !important;
		}
	.p-contactForm .p-pref select,
	.p-contactForm .p-zip input[type="text"] {
		max-width: 200px;
		width: 95% !important;
		padding: 7px !important;
		}
	.p-contactForm input[type="tel"] {
		padding: 7px !important;
		width: 30% !important;
		}
	
	.p-contactForm textarea {
		width: 95% !important;
		height: 100px !important;
		padding: 7px !important;
		}
	
	/*確認画面*/
	#mfp_phase_confirm_inner th,
	#mfp_phase_confirm_inner td {
		padding: 12px !important;
		border: solid 1px #e7e7e7 !important;
		}
	#mfp_phase_confirm_inner th {
		background-color: #e6e6e6 !important;
		}
	#mfp_phase_confirm_inner td {
		margin-bottom: 20px !important;
		}
	tr.mfp_colored {
		background-color: inherit !important;
		}
	
	
}

@media screen and (max-width: 768px) {
	
	.p-contactForm dt {
		float: inherit;
		text-align: left;
		display: block;
		font-weight: bold;
		padding: 15px 0px 0 0px !important;
		}
	.p-contactForm dd {
		padding: 10px 0px 15px 0px !important;
		}
	
	.p-contactForm input[type="text"],
	.p-contactForm input[type="email"],
	.p-contactForm input[type="tel"] {
		padding: 2%;
		width: 90%;
		}
	.p-contactForm textarea {
		width: 90% !important;
		height: 150px !important;
		padding: 2% !important;
		}
	
	/*確認画面*/
	#mfp_phase_confirm_inner {
		margin-right: 8%;
		}
	#mfp_phase_confirm_inner th,
	#mfp_phase_confirm_inner td {
		width: 100% !important;
		display: block !important;
		padding: 4% !important;
		border: solid 1px #e7e7e7 !important;
		}
	#mfp_phase_confirm_inner th {
		background-color: #e6e6e6 !important;
		}
	#mfp_phase_confirm_inner td {
		border-top: none !important;
		margin-bottom: 20px !important;
		}
	tr.mfp_colored {
		background-color: inherit !important;
		}


}