@charset "utf-8";

/* ------------------------------------------------------------ contact */
#contact {	margin: 0 auto;	padding: 100px 0;	background-color: #f5f5f5;}
#contact .contact { width: 1100px; margin: 0 auto; padding: 80px 0; background-color: #fff;}
#contact h3 { font-size: 40px; font-weight: bold; text-align: center;	margin-bottom: 60px; letter-spacing: 0.05em;}
#contact h3 span { display: block; color: #f39800; font-size: 14px; font-family: nimbus-sans,sans-serif; font-weight: bold; margin-bottom: 20px;}		

#contact .required { color: #b11e23;}
#contact .con_span { width: 900px; margin: 0 auto;}

#contact table { width: 100%;	margin: 0 auto 70px;}
#contact table tr th {	width: 260px;	text-align: left;}
#contact table tr .top {	vertical-align: top; padding: 45px 0 0;}
#contact table tr td { padding: 25px 0;}
#contact table tr td input[type=text] { padding: 15px 20px; border-color: #e5e5e5;}
#contact table tr:nth-child(7) td label{margin-right: 20px;}
#contact table tr td textarea {	width: 100%; padding: 10px 15px; box-sizing: border-box; border: 1px solid #eeeeee;resize: none}
#contact table tr .td_short { }
#contact table tr td .short { width: 48%;}
#contact table tr td .short_r { margin-left: 25px;}
#contact table tr td .long { width: 100%;}

#contact .check { padding: 51px 0 49px; margin-bottom: 70px; border: solid 1px #eee; text-align: center;}
#contact .check p:first-child { margin-bottom: 20px;}
#contact .check a { color: #3d8df1; text-decoration: underline; margin-left: 10px;}

#contact .btns .button { display: block; color: #fff;	padding: 18px 105px; text-align: center; background-color: #f39900; border-radius: 30px; margin: 0 auto;}

/* ------------------------------------------------------------ error */
#error { padding: 170px 0 100px;}

	#error h2 {	font-size: 32px; text-align: center;	margin: 0 0 40px;	padding: 0 0 30px;}
	#error .caution {	 font-size: 14px;	 line-height: 27px; text-align: center; border: solid 1px #000; padding: 15px 0; width: 700px; margin: 0 auto 60px;}
	#error .alert {	margin: 0 0 50px;}
	#error .alert span { display: block; font-size: 18px;	text-align: center;	margin: 0 0 20px;}
	#error .btns { padding: 30px 0 0; text-align: center;}
	#error .btns a { background: #eeeeee; display: inline-block; *display: inline; *zoom: 1; min-width: 300px; font-size: 16px;line-height: 60px;}

/* ------------------------------------------------------------ confirm */
#confirm { padding: 170px 0 100px;}

	#confirm h2 {	font-size: 32px;	text-align: center;	margin: 0 0 40px;	padding: 0 0 30px;}
	#confirm .caution { font-size: 14px; line-height: 27px; text-align: center; border: solid 1px #000; padding: 15px 0; width: 700px; margin: 0 auto 60px;}
	#confirm table { width: 40%; margin: 0 auto 50px;}
	#confirm table tr { border-bottom: solid 1px #e5e5e5;}
	#confirm table tr:first-of-type { border-top: solid 1px #e5e5e5;}
	#confirm table tr th {	width: 200px;	line-height: 1.5;	font-weight: bold;	text-align: left;	padding: 20px 0;}
	#confirm table tr td {	line-height: 1.5;	padding: 20px 0 25px 40px;}
	#confirm .btns {	padding: 80px 0 10px; text-align: center;}
	#confirm .btns .back_btn,
	#confirm .btns .forward_btn { display: inline-block;}
	#confirm input[type="submit"] {	 background: #f39900; line-height: 60px; margin: 0 0 0 15px; color: #fff; min-width: 300px; }
	#confirm .btns a { background: #eeeeee; display: inline-block; text-align: center; min-width: 300px; font-size: 16px; line-height: 60px;}



/* ------------------------------------------------------------ thanks */
	#thanks {	padding: 170px 0 100px;}
	#thanks h2 { font-size: 32px;	text-align: center;	margin: 0 0 40px;	padding: 0 0 30px;	border-bottom: solid 1px #000;}
	#thanks .caution {	font-size: 22px;	text-align: center;	line-height: 1.7;	margin: 0 0 30px;}
	#thanks small {	display: block;	font-size: 14px;	text-align: center;	line-height: 2;	margin: 0 0 40px;}
	#thanks .btns { padding: 30px 0 0; text-align: center;}
	#thanks .btns a { background: #eeeeee; display: inline-block; *display: inline; *zoom: 1; min-width: 300px; font-size: 16px;line-height: 60px;}



/* ------------------------------------------------------------ mobile */

@media only screen and (max-width:768px) {
	
/* ------------------------------------------------------------ fv */

	#contact { padding: 60px 0;}
	#contact .contact { width: 90%; padding: 40px 0;}
	#contact h3 { font-size: 25px; margin-bottom: 30px;}
	#contact h3 span { font-size: 14px; margin-bottom: 20px;}		

	#contact .con_span { width: 88%; margin: 0 auto;}
	
	#contact table,
	#contact table tbody{ display: block;}
	#contact table tbody tr { display: block; width: 100%;}
	#contact table { width: 100%;	margin: 0 auto 35px;}
	#contact table tr th { display: block; width: 100%; font-size: 12px;}
	#contact table tr:nth-child(7) td label{margin: 0px 0 10px ;width: 100%; display: block;  font-size: 12px;}
	#contact table tr .top { padding: 0;}
	#contact table tr td { display: block; padding: 10px 0 25px; width: 100%;}
	#contact table tr .td_short { }
	#contact table tr td input[type=text] { padding: 10px 12px;}
	#contact table tr td textarea { padding: 10px 12px;	box-sizing: border-box;width: 100%;;}
	#contact table tr td .short { width: 48%;}
	#contact table tr td .short_r { margin-left: 11px;}
	#contact table tr td .long { width: 100%;}
	
	#contact .check { padding: 25px 0; margin-bottom: 40px; font-size: 12px;}
	#contact .check p:first-child { margin-bottom: 10px;}
	#contact .check p{line-height: 180%;}
	#contact .check a { color: #3d8df1; text-decoration: underline; margin-left: 10px;}
	
	#contact .btns .button { display: block; color: #fff;	padding: 18px 105px; text-align: center; background-color: #f39900; border-radius: 30px; margin: 0 auto;}



/* ------------------------------------------------------------ error */

	#error { padding: 120px 0 100px;}
	#error h2 {	font-size: 22px;	margin: 0 0 25px;	padding: 0 0 20px;}
	#error .caution { width: 90%;	font-size: 14px;	line-height: 1.7;	margin: 0 auto 40px;}
	#error .alert {	margin: 0 auto 50px;}
	#error .alert span {	font-size: 14px;	margin: 0 auto 20px;}

/* ------------------------------------------------------------ confirm */
	
	#confirm { padding: 120px 0 100px;}
	#confirm h2 {	font-size: 22px;	margin: 0 0 25px;	padding: 0 0 20px;}
	#confirm .caution { width: 90%;	font-size: 14px;	line-height: 1.7;	margin: 0 auto 40px;}
	
	#confirm table {	display: block;	width: 90%;	margin: 0 auto 50px;}
	#confirm table tbody {	display: block;}
	#confirm table tr {	display: block;}
	#confirm table tr th {	display: block;	width: 100%;	font-size: 14px;	padding: 15px 0 5px;}
	#confirm table tr td {	display: block;	font-size: 14px;	line-height: 1.5;	padding: 0 0 15px;}
	
	#confirm .btns { display: block; margin: 0;}
	#confirm .btns .forward_btn { margin: 15px 0 0;}
	#confirm input[type="submit"] {	margin: 0;}

	
/* ------------------------------------------------------------ thanks */
	#thanks {	margin: 30px 0 70px;}
	
	#thanks h2 {	font-size: 22px;	margin: 0 0 25px;	padding: 0 0 20px;}
	
	#thanks .caution {	font-size: 16px;	line-height: 1.7;	margin: 0 0 20px;}
	
	#thanks small {	font-size: 12px;	line-height: 2;	text-align: center;	margin: 0 0 30px;}

	
}