@charset "utf-8";
/* CSS Document */
/*========================================
　　お問い合わせ
========================================*/
#contact {
	padding: 0 0 60px;
}
#contact p.textCenter {
	margin: 0;
	padding: 20px 0 80px;
	text-align: center;
}
#contact b.bold {
	display: block;
	padding: 0 0 10px;
	font-weight: 400;
	text-align: center;
}
#contact table {
	width: 100%;
	margin: 0 0 80px;
	font-size: 94%;
	line-height: 160%;
}
#contact table th {
	width: 200px;
}
#contact table td dl dt {
	clear: left;
	float: left;
	width: 130px;
	padding: 5px 0;
	line-height: 40px;
}
#contact table td dl dd {
	margin: 0 0 0 130px;
	padding: 5px 0;
}
#contact table td dl dd a {
	display: inline-block;
}
#contact table td.selectLeft div.selectContent {
	margin: 0 20px 0 0;
}
#contact table td ul.clearfix li {
	float: left;
	padding: 10px 20px 0 0;
}
#contact table td.textareaContent ul.clearfix {
	padding: 0 0 10px;
}
#contact table td.textareaContent ul.clearfix li {
	width: 50%;
}
#contact table td ul.clear li {
	float: none;
	padding: 5px 0;
}
#contact table .textbox01 input {
	width: 100%;
	max-width: 800px;
}
#contact table .textbox02 input {
	width: 100%;
	max-width: 400px;
}
#contact table .textbox03 input {
	width: 100%;
	max-width: 200px;
}
#contact table .textbox04 input {
	width: 100%;
	max-width: 100px;
}
#contact table .textbox05 input {
	width: 100%;
	max-width: 200px;
}
#contact table td div.selectContent {
	width: 100%;
	max-width: 300px;
}
#contact table td.selectLeft div.selectContent {
	float: left;
	margin: 0 10px 0 0;
}
#contact table td.textareaContent textarea {
	width: 100%;
	height: 200px;
}
#contact div.clear label .icheckbox_flat-blue {
	position: relative;
	left: auto;
	top: auto;
}
#contact div.buttonContent {
	width: 220px;
	margin: 0 auto;
	padding: 20px 0 0;
}
#contact div.buttonContent button {
	position: relative;
	width: 100%;
	font-size: 100%;
	line-height: 50px;
	text-shadow: none;
	font-weight: 500;
	box-shadow: none;
	border: none;
	letter-spacing: 2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#contact div.buttonContent button:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#contact div.buttonContent button:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin: -3px 0 0;
	border-radius: 1px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	#contact {
		padding: 0 0 40px;
	}
	#contact p.textCenter {
		padding: 0 0 50px;
		text-align: left;
	}
	#contact table {
		margin: 0 0 50px;
	}
	#contact table td dl dt {
		float: none;
		width: 100%;
		padding: 0 0 5px;
		line-height: inherit;
	}
	#contact table td dl dd {
		margin: 0;
		padding: 0 0 5px;
	}
	#contact table td ul.clearfix li {
		float: none;
		clear: both;
		width: 100%;
	}
	#contact table td ul.clearfix li.textboxContent {
		padding: 10px 0 0;
	}
	#contact table td.textareaContent ul.clearfix li {
		width: 100%;
	}
	#contact table td.selectLeft div.selectContent {
		width: 100%;
		margin: 0 0 10px;
	}
	#contact div.buttonContent {
		width: 180px;
	}
}
@media screen and (max-width: 480px) {
	#contact table th {
		width: 100%;
	}
}
/*　サンクスページ
----------------------------------------*/
#contactThanks {
	padding: 0 0 60px;
}
#contactThanks p {
	text-align: center;
}
@media screen and (max-width: 768px) {
	#contactThanks {
		padding: 0 0 40px;
	}
	#contactThanks p {
		text-align: left;
	}
	#contactThanks p.m0 {
		text-align: center;
	}
}