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


--------------------------------------------------------------------------------------------------------------------------- */
.contact {
	min-height:90vh;
}
.complete {
	min-height:70vh;
}

.contact table {
	width:100%;
	margin-bottom:10px;
	border-collapse: collapse;
	border: 1px solid #C8E1C8;
	background-color: #fff;
	font-size:90%;
}

.contact table th{
	/*width:182px;*/
	/*padding:18px 12px;
	
	vertical-align:middle;
	font-weight:normal;*/
	width:22%;
	font-weight:normal;
	padding:1em;
	text-align:left;
	color:#000;
	border: 1px solid #C8C8C8;
	background-color: #E1E1E1;
}

.contact table td{
	padding:18px 12px;
	vertical-align:middle;
	border: 1px solid #C8C8C8;
}

.contact .required{
	padding-right:40px;
	background: url(../images/common/required.png) no-repeat right;
}

.contact th p{
	padding-bottom:5px;
}
.contact textarea{
	width:99%;
}

.contact  .note{
	color:#333;
	font-size:80%;
}

.contact  .note li{
	margin-bottom:4px;
}

.contact  .buttons {
	width:100%;
	text-align:center;
	margin:30px auto 15px;
}
.contact  form{
	display:inline;
}

.contact  .buttons li{
	display:inline;
	margin:5px 20px;
}

.confirmBtn {
	cursor:pointer;
	display: inline-block;
	border:0;
	/*border-radius: 5px;*/
	background-color: #000;
	padding: 10px 2em;
	text-align: center;
	color: white;
	/*width: 80px;*/
}


/*---------------------------------------
form関連
---------------------------------------*/
input[type="text"]{
	/*font-size:12px;*/
	padding:2px 2px;
	border:solid 1px #aacfe4;
	/*background-color:#ffd;*/
}

.example {
	font-size:90%;
	color:red;
}
.error-msg {
	padding-left:1em;
	font-size:90%;
	color:red;
	font-weight:bold;
}
.error-box {
	width:80%;
	padding:10px;
	margin-bottom:10px;
	font-size:100%;
	color:red;
	border:1px solid red;
	background-color: #ffd;
}

.note-bold{
	padding-top:1.5em;
	color:#333;
	font-size:80%;
	font-weight:600;
}

.note-bold li{
	margin-bottom:1em;
}