@charset "UTF-8";

/* お問い合わせ
--------------------------------------------------*/
.contact {
	margin-top: 20px;
}
.req {
	color: #f00;
}
.contact dl {
	margin: 30px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.contact dl div {
	display: table;
	margin: 20px auto;
	width: 100%;
}
	.contact dl div dt {
		display: table-cell;
		width: 14em;
		vertical-align: top;
		font-weight: bold;
	}
	.contact dl div dd {
		display: table-cell;
		vertical-align: top;
	}
	.contact dl div dd .error {
		color: #f00;
	}
	.contact dl div dd .desc {
	margin: 0.75em 0;
	}


	.contact input[type='text'],
	.contact input[type='url'],
	.contact input[type='email'],
	.contact textarea {
		-webkit-appearance: none;
		width: 100%;
	}
	.contact input,
	.contact textarea,
	.contact select {
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #999;
		box-sizing: border-box;
	}
	.contact input[type="submit"] {
		padding: 0;
	}
	.contact input[type="submit"]:disabled {
		cursor: default;
		opacity: 0.5;
	}
input.btn_base.border {
  background: #fff;
}
@media screen and (max-width: 767px) {
.contact dl div {
	display: block;
	margin: 20px auto;
	width: 100%;
}
	.contact dl div dt {
		display: block;
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
	}
	.contact dl div dd {
		display: block;
	}
}

/* 電話によるお問い合わせ
--------------------------------------------------*/
table.tel {
	width: 100%;
	font-size: 14px;
  font-size: 1.4rem;
}
table.tel th {
	background: #d3e4f4;
	color: #1c3458;
	padding: 10px 15px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	width: 50%;
}
table.tel td {
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
	table.tel {
		font-size: 12px;
	}
	table.tel th {
		padding: 10px 5px;
		width: auto;
	}
	table.tel td {
		padding: 10px 5px;
		border-bottom: 1px solid #ccc;
	}
}