@charset "utf-8";

/* ------------------------------
 フォーム（PC）
------------------------------ */
/* 横幅 */
.w5em {width:5em !important;}
.w4em {width:4em !important;}
.w7em {width:7em !important;}
.w10em {width:10em !important;}
.w60 {width:60px !important;}
.w100 {width:100px !important;}
.w31p {width:31% !important;}
.w49p {width:49% !important;}
.w100p {width:100% !important;}
.mr2p {margin-right:2% !important;}
.mr4p {margin-right:4% !important;}
/* ステップ */
.stepList {
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.stepList li {
	display: inline-block;
	position: relative;
	padding-bottom: 8px;
	padding-left: 0 !important;
	color: #59818e;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	vertical-align: top;
}
.stepList li:not(:first-child) {
	margin-left: 30px;
}
.stepList li:not(:last-child) {
	margin-right: 30px;
}
.stepList li:not(:last-child)::after {
	content: "|";
	position: absolute;
	top: 0;
	left: 100%;
	right: -60px;
	color: #59818e;
	font-weight: normal;
}
.stepList li::before {
	display: none;
}
.stepList li.on {
	color: #000;
}
.stepList li.on::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 3px;
	border-radius: 0;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ea2424;
}
/* ボタン */
.zip_srch {
	padding: 8px 15px;
	background: #59818e;
	color: #fff;
	font-size: 1.6rem !important;
	line-height: 1.5;
	transition: .1s ease-in-out;
	cursor : pointer;
}
input.btn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	width: 390px;
	padding: 22px 15px;
	border-radius: 6px;
	background-color: #ea2424;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	transition: .1s ease-in-out;
	cursor: pointer;
}
input.btn:disabled,
input.btn.is-disabled {
	background-color: #c6c6c6;
	text-decoration: none;
	cursor: auto;
}
input.btn:disabled:hover,
input.btn.is-disabled:hover {
	opacity: 1;
	background-color: #c6c6c6;
}
input.btn:disabled:hover span {
	background: none;
}
input.btn {
    background-color: rgba(234,36,36,1);
}
input.btn:hover {
	background-color: rgba(234,36,36,.7);
	color: #fff;
}
/* 戻るボタン */
input.btn-b {
	-webkit-appearance: none;
	appearance: none;
	float: left;
	width: 170px;
	min-width: 170px;
	margin-right: -170px;
	padding: 22px 15px;
	border-radius: 6px;
	background-color: #59818e;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.5;
	cursor: pointer;
	transition: .3s ease-in-out;
}
textarea::placeholder,
input::placeholder {
	color: #59818e;
}
table input[type='text'],
table input[type='password'],
table textarea {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	padding: 8px;
	background-color: #eaefef;
	color: #000;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
table select {
	width: auto;
}
table textarea {
	width: 100%;
}
table input[type='text']:focus,
table select:focus,
table textarea:focus {
	outline: 0;
	box-shadow: 0 0 2px 3px #ddd inset;
}
table textarea {
    height: 110px;
}
table input[type='text']:focus,
table textarea:focus {
    outline: 0;
}
.check-boxes {
	margin-top: 30px;
	margin-bottom: 30px;
}
input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: baseline;
}
label {
	display: inline-block;
	margin: 5px 0;
	font-weight: 300;
	vertical-align: baseline;
}
/* ラジオボタン */
input[type=radio] {
	display: none;
}
input[type=radio] + span {
	display: inline-block;
	position: relative;
	width: 23px;
	height: 23px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #eaefef;
	vertical-align: top;
}
input[type=radio] + span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 11px;
	height: 11px;
	margin: auto;
	border-radius: 50%;
	background-color: transparent;
}
input[type=radio]:checked + span:before {
	background-color: #59818e;
}
/* チェックボックス */
input[type=checkbox] {
	display: none;
}
input[type=checkbox] + span {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: #eaefef;
	vertical-align: middle;
}
input[type=checkbox] + span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	background-color: transparent;
}
input[type=checkbox]:checked + span:before {
	background-color: #59818e;
}
/* プルダウン装飾 */
select {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	width: 100%;
	height: 44px;
	padding: 0 8px 0 32px;
	border-radius: 0;
	background: #eaefef url("../img/select.png") no-repeat 12px center / 10px auto;
	font-size: 1.6rem;
	line-height: 44px;
	vertical-align: middle;
}
select::-ms-expand {
	display: none;
}
/* お問合せテーブル */
.inputList table {
	width: 100%;
}
.inputList table + table {
	margin-top: -1px;
}
.inputList table th {
	width: 30%;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #eaefef;
	background-color: #fff;
	font-size: 1.6rem;
	vertical-align: top;
}
.inputList table td {
	width: 70%;
	padding: 20px 0;
	border-bottom: 1px solid #eaefef;
	background-color: #fff;
}
.inputList table tr th span {
	display: block;
	min-width: 40px;
	margin-right: 20px;
	padding: 0 3px;
	border-radius: 2px;
	background-color: #ea2424;
	float: left;
	color: #fff;
	font-size: 1.4rem;
	line-height: 23px;
	font-weight: bold;
	text-align: center;
}
.inputList table tr th span.any {
	background-color: #59818e;
}
/* ------------------------------
 フォーム（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* ステップ */
	.stepList li {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	/* ボタン */
	input.btn {
		width: 90%;
		padding: 20px;
		font-size: 1.6rem !important;
	}
	input.btn-b {
		min-width: 100px;
		width: 90%;
		float: none;
		margin-bottom: 5px;
		margin-top: 10px;
		margin-right: 0;
		font-size: 1.6rem !important;
	}
	/* お問合せテーブル */
	.inputList table th {
		display: block;
		width: auto !important;
		padding: 15px 5px 5px 5px;
		border-bottom: none !important;
	}
	.inputList table td {
		display: block;
		width: auto !important;
		padding: 10px 5px 15px;
	}
}
@media screen and (max-width: 479px) {
	/* 横幅 */
	.w4em {width:23% !important;}
	.w7em {width:26% !important;}
	.w10em {width:28% !important;}
	.w100 {width:70px !important;}
	.w31p {width:100% !important;}
	.w31p + .w31p {margin-top:5px;}
	.address.w10em {width:10em !important;}
}