@charset "UTF-8";


/* =================================================================== 

contact テーブル

=================================================================== */
/* ------ ベース ------ */
/*フォーム大枠*/
.tbl_form {
  display: table;
  width:100%;
}
.tbl_form > dl {
  display: table-row;
}
.tbl_form > dl > dt {
  display: table-cell;
  vertical-align: middle;
  width:30%;
  padding: 17px 15px 16px;
  background: #eee;
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.6;
  border-bottom: 1px solid #cccccc;
}
.tbl_form > dl > dd {
  display: table-cell;
  width:70%;
  padding: 15px 0 15px 20px;
  background: #FFF;
  color: #333333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.6;
  border-bottom: 1px solid #cccccc;
}
.tbl_form > dl > dd.tbl_middle_frame {
  padding: 0;
}

/* ------ 入力部分パーツ ------ */

.input_inq1, .input_inq2, .input_inq3, .input_inq4, .select_inq1, textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 15px;
  color: #333333;
  border: 1px solid #cccccc;
}

.input_inq1, .input_inq2, .input_inq3, .input_inq4 {
  /*background-color: #eeeeee;*/
}
.input_inq1::-webkit-input-placeholder, .input_inq2::-webkit-input-placeholder, .input_inq3::-webkit-input-placeholder, .input_inq4::-webkit-input-placeholder {
  color: #cccccc;
  font-size: 14px;
}
.input_inq1:-moz-placeholder, .input_inq2:-moz-placeholder, .input_inq3:-moz-placeholder, .input_inq4:-moz-placeholder {
  color: #cccccc;
  font-size: 14px;
}
.input_inq1:focus, .input_inq2:focus, .input_inq3:focus, .input_inq4:focus {
  background-color: #FFF;
}

.input_inq1, .input_inq2, .input_inq3, .input_inq4, .select_inq1 {
  height: 30px;
  padding: 0 8px;
}

/*フォーム内　リスト*/
.fotm_list_inline li {
  margin-right: 23px;
}
.fotm_list_inline li:last-child {
  margin-right: 0;
}

.fotm_list_block li {
  margin-bottom: 10px;
}
.fotm_list_block li:last-child {
  margin-bottom: 0;
}

/*フォーム内　テキスト*/
.ftxt1 {
  padding-left: 1px;
}

.ftxt2 {
  padding: 0 1px;
}

.ftxt3 {
  width: 95px;
}

.ftxt4 {
  width: 118px;
}

.ftxt5 {
  margin-top: 5px;
  display: block;
}

/*--部分的調整用スタイル--*/
.td_top,
.th_top {
  border-top: 1px solid #cccccc;
}


input[type=text] {
	font-size:1.0em;
}
input[type=text].w25 {
	width:25%;
}
input[type=text].w50 {
	width:50%;
}
input[type=text].w90 {
	width:90%;
}
input[type=radio] {
	margin-right:5px;
}
textarea {
	font-size:1.0em;
	width:93%;
	height:10em;
	margin:0;
	padding:5px;
}
form em { color:#CC0000; font-style:normal; }

.submit_btn_box {
	text-align:center;
}
.submit_btn { margin-top:15px; }
.submit_btn input {
	padding:5px 0 3px;
	font-size:16px;
	background-color:#3b9dc0;
	color: #fff;
	border:0px;
	width:30%;
	text-align:center;
	cursor:pointer;
	border-radius:0;
	margin:0 5% 8px;
}
.submit_btn input:hover {
	background-color:#fb79b9;
}


@media screen and (max-width: 479px) {
	.tbl_form {
		display: block;
	}
	.tbl_form > dl {
		display: block;
	}
	.tbl_form > dl > dt {
		display: block;
		vertical-align: middle;
		width: 100%;
		box-sizing:border-box;
		padding: 13px 10px 12px;
	}
	.tbl_form > dl > dd {
		display: block;
		width: 100%;
		box-sizing:border-box;
		padding: 17px 5px 16px;
	}
	.td_top {
		border-top: 0px solid #cccccc;
	}
	input[type=text].w25 {
		width:30%;
	}
	.sp_time {
		display:block;
		margin-top:10px;
	}
	.submit_btn input {
		width:50%;
	}
}