@charset "utf-8";
/* スマホ用 */

.p-contact-lead {
	line-height: 1.5em;
	margin: 3% 0;
	text-align: center;
}

.contact-process {
	display: none;
}

.tbl-contact{
	width: 100%;
	border: #ccc 1px solid;
	margin: 1% auto 3% auto;
	text-align: left;
}

.tbl-contact th, .tbl-contact td{
	border: #ccc 1px solid;
	padding: 2%;
	box-sizing: border-box;
	line-height: 1.5em;
	vertical-align: top;
}

.tbl-contact td {
	background:#fff;
}

.tbl-contact th{
	font-weight:normal;
	border: #ccc 1px solid;
	background:#CDE7EC;
}

.tbl-contact th span {
	color: red;
	font-size: 90%;
}

.tbl-contact th, .tbl-contact td{
	display: block;
}

select, input[type="text"], input[type="tel"], input[type="email"] {
	font-size:16px; 
	height:30px;
	border:1px solid #CCC;
}

textarea{
	border:1px solid #CCC;
	width: 90%;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus{
	box-shadow: 0 0 7px #C1E7F7;
	border: 1px solid #C1E7F7;
	transition: all .3s;
}

#zip {
	width: 50%;
}

#company, #street, #email, #comment {
	width: 95%;
}

/* ↓エラーチェック↓ */
.tbl-contact td input[type="text"].inp_error,
.tbl-contact td input[type="checkbox"].inp_error,
.tbl-contact td input[type="tel"].inp_error,
.tbl-contact td input[type="email"].inp_error {
    border: 1px solid #F88A8A;
    background: #F4D4D4;
}

.error_m {
    font-weight: normal;
    color: #A70002;
    display: block;
    margin: 10px 0 0 0;
}