@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

#inquiry {
	margin-bottom: 80px;
}
	#inquiry .error {
		margin-bottom: 60px;
		padding: 10px;
		border: 1px solid #d27652;
	}
		#inquiry .error h2 {
			margin-bottom: 15px;
			padding: 8px 0;
			background-color: #d27652;
			text-align: center;
			color: #fff;
			font-size: 1.6em;
		}
		#inquiry .error p {
			color: #d27652;
		}
	
	#inquiry .tbrInquiry {
		border-top: 1px dashed #ddd;
		width: 100%;
	}
		#inquiry .tbrInquiry th ,
		#inquiry .tbrInquiry td {
			padding: 15px 10px;
			border-bottom: 1px dashed #ddd;
			font-size: 1.6em;
		}
		#inquiry .tbrInquiry th {
			width: 25%;
			text-align: left;
			font-weight: normal;
		}
		#inquiry .tbrInquiry th.required {
			background: url(../images/ico/icon_required.gif) no-repeat;
			background-position: right center;
		}
		#inquiry .tbrInquiry td {
			padding-left: 30px;
		}
	#inquiry .submit {
		margin: 40px 0 75px 0;
		text-align: center;
	}
		#inquiry .submit input[type=submit] {
			width: 30%;
			padding: 18px 0;
			background-color: #debb43;
			border: 0;
			border-radius: 100px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			color: #fff;
			font-size: 1.8em;
		}
		#inquiry .submit input[type=submit]:hover {
			background-color: #de4343;
			text-decoration: none;
		}


		/* input */
		input[type=text] ,
		textarea {
			padding: 4px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ddd;
			background-color: #f6f6f6;
			box-sizing: padding-box;
		}
		input[type=text]:focus ,
		textarea:focus {
			background-color: #fff;
		}
		.size01 { width: 30%;}
		.size02 { width: 100%;}
	
	
	#inquiry .phoneBox {
		display: table;
		padding: 10px;
		background-color: #f1f1f1;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		#inquiry .phoneBox h2 {
			display: table-cell;
			width: 250px;
			text-align: center;
			vertical-align: middle;
			font-size: 1.8em;
		}
		#inquiry .phoneBox .phoneInner {
			display: table-cell;
			width: 720px;
			padding: 20px 0;
			background-color: #fff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			text-align: center;
		}
			#inquiry .phoneBox .phoneInner p {
				font-size: 2.6em;
			}
				#inquiry .phoneBox .phoneInner p small {
					display: inline-block;
					padding-right: 15px;
					font-size: 60%;
				}
			#inquiry .phoneBox .phoneInner p.txtSmall {
				font-size: 1.2em;
			}
	#inquiry .thanks {
		margin-bottom: 50px;
		padding: 60px 30px;
		background-color: #fff;
		border: 10px solid #f1f1f1;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		#inquiry .thanks h2 {
			margin-bottom: 50px;
			text-align: center;
			font-size: 3.0em;
			letter-spacing: 3px;
		}
		#inquiry .thanks .normalTxt {
			text-align: center;
		}




/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:768px) {


/* -------------------------- */
/* content */
/* -------------------------- */

.pageNavi {
	padding-top: 35px;
}

#inquiry {
}
	#inquiry .tbrInquiry th {
		width: 35%;
	}
	/* input */
	.size01 { width: 100%;}
	
	#inquiry .phoneBox {
		display: block;
	}
		#inquiry .phoneBox h2 {
			display: block;
			width: auto;
			margin: 5px 0 15px 0;
		}
		#inquiry .phoneBox .phoneInner {
			display: block;
			width: auto;
		}

}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* content */
/* -------------------------- */

#inquiry {
	margin-bottom: 40px;
}
	#inquiry .error {
		margin-bottom: 30px;
	}
		#inquiry .error h2 {
			padding: 8px 10px;
			text-align: left;
			font-size: 1.4em;
		}
	#inquiry .tbrInquiry {
	}
		#inquiry .tbrInquiry th ,
		#inquiry .tbrInquiry td {
			display: block;
			width: 100%;
			padding: 15px 10px;
			border-bottom: 1px dashed #ddd;
			font-size: 1.6em;
			box-sizing: padding-box;
		}
		#inquiry .tbrInquiry th {
			width: 100%;
			background-color: #f1f1f1;
			border-bottom: 0;
		}
		#inquiry .tbrInquiry th.required {
			background-color: #f1f1f1;
		}
		#inquiry .tbrInquiry td {
			padding: 15px 0 30px 0;
		}
		#inquiry .submit {
			margin: 30px 0 40px 0;
			text-align: center;
		}
			#inquiry .submit input[type=submit] {
				width: 100%;
				font-size: 1.6em;
			}
		
		/* input */
		input[type=text] ,
		textarea {
			background-color: #fff;
		}
		.size01 { width: 100%;}
	
	#inquiry .phoneBox {
		display: block;
	}
		#inquiry .phoneBox h2 {
			display: block;
			width: auto;
			margin: 5px 15px;
			font-size: 1.6em;
		}
		#inquiry .phoneBox .phoneInner {
			padding: 15px 0;
		}
			#inquiry .phoneBox .phoneInner p {
				font-size: 2.4em;
			}
	
	#inquiry .thanks {
		margin-bottom: 40px;
		padding: 30px 20px;
	}
		#inquiry .thanks h2 {
			margin-bottom: 30px;
			font-size: 2.4em;
		}
}