@charset "utf-8";

/*　お問い合わせ
============================================================*/

.form-table{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 30px;
}

.form-table th{
	background-color: #F1F3F8;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 30%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: normal; 
	line-height: 2;
}

.form-table td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 15px;
}

.form-table button,
input,
select,
textarea {
	border: 1px solid #CCC;
}

.form-input{
	width: 50%; 	
	padding: 6px;
}
.form-input02{
	width: 80%;
}

.form-input03{
	width: 20%;
	padding: 6px;
}

.form-button{
	color: #FFF;
	background-color: #333;
	text-align: center;
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.form-button:hover{
	background-color: #005792;
}

.required{
}

.required:before{
	content: '必須';
	color: #FFF;
	background-color: #C03;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.5em;
	vertical-align: baseline;
	margin-right: 10px;
	border-radius: 3px;
}

.no_required{
}

.no_required:before{
	content: '任意';
	color: #FFF;
	background-color: #006666;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.5em;
	vertical-align: baseline;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-right: 10px;
	border-radius: 3px;
}


@media (max-width: 860px) {
.form-table th{
	width: 35%;
}

.form-input{
	width: 80%;
}

}

@media (max-width: 640px) {

.form-table{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 30px;
}

.form-table th{
	width: 30% !important;
	font-size: 90%;
	padding-right: 15px;
	padding-left: 15px;
}

.form-table textarea,
.form-input,
.form-input02 {
	width: 100%;
}

.select{
	width: 100%;
}

.select03{
	width: 20%;
}

.select02{
	width: 25%;
}

.form-button{
	width: 40%;
}

.required:before{
	margin-right: 0px;
	width: 50%;
	display: block;
}

.no_required:before{
	margin-right: 0px;
	width: 50%;
	display: block;
}

}