@charset "utf-8";
/* タブレット用 */

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

.contact-process {
	margin-bottom: 40px;
	width: 100%;
}

.contact-process ul {
	width: 100%;
	text-align: center;
}

.contact-process ul li {
	width: 18%;
}

.li-process {
	display: inline;
	padding: 10px 20px;
	margin: 0;
}

.li-process-off {
	display:inline;
	padding:10px 20px;
	margin:0;
	background:#CCC;
}

.li-process-on {
	background: #007bbd;
	color: #FFF;
	display: inline;
	font-weight: bold;
	padding: 10px 20px;
	margin: 0;
}

.tbl-contact{
	width: 90%;
	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;
	width: 20%;
}

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

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: 80%;
}

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: 20%;
}

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

/* ↓エラーチェック↓ */
.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;
}