@charset "utf-8";


/*----------------------------------------------------

	お問い合わせページ用CSS

----------------------------------------------------*/



.fomeNoteBox {
	border: 2px solid #F60;
	padding: 15px;
	text-align: center;
	margin: 0 0 20px;
}



#mainContents .section h3 {
	margin: 0 0 10px;
}



.fomeNoteBox .btOnline {
	margin: 15px 0 0;
}



.formBt {
	text-align: center;
}



.formBt input {
	font-family: inherit;
	font-size: inherit;
}



.infoText {
	font-size: 1.286em;
	padding: 15px 0;
	display: block;
}



#mainContents .section .inquiryBox #form1 table {
	margin: 0 0 30px;
}



.contactBox {
}

.contactBox dt {
	background-color: #FFFFCC;
	border: 2px solid #81B227;
	border-radius: 10px 10px 0 0;
	padding: 10px 15px;
}

.contactBox dd {
	border-radius: 0 0 10px 10px;
	padding: 10px 15px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #81B227;
	border-bottom-color: #81B227;
	border-left-color: #81B227;
	margin-bottom: 20px;
}

.form-control {
	padding: 6px 12px;
	font-size: 17px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.formLength3 { width: 3%; }
.formLength5 { width: 5%; }
.formLength8 { width: 8%; }
.formLength10 { width: 10%; }
.formLength15 { width: 15%; }
.formLength20 { width: 20%; }
.formLength30 { width: 30%; }
.formLength40 { width: 40%; }
.formLength50 { width: 50%; }
.formLength60 { width: 60%; }
.formLength70 { width: 70%; }
.formLength80 { width: 80%; }
.formLength90 { width: 90%; }


/*　max-width: 767px より小さい幅の時　*/
@media (max-width: 767px) {
.inquiryBox {
	text-align: left;
}

.formLength70 { width: 90%; }
}