@charset "UTF-8";

/* --------------------------------------------------
	お問い合わせ
-------------------------------------------------- */
.l-content_inner {
	margin: 0 auto 200px;
	padding: 50px 20px 0;
	width: 1020px;
	max-width: 100%;
}
.contact_txt {
	margin: 0 auto 70px;
}
.contact_step {
	display: flex;
	justify-content: center;
	margin: 0 auto 70px;
	text-align: center;
}
.contact_step li {
	position: relative;
	margin: 0 30px;
	width: 148px;
	height: 148px;
	line-height: 148px;
	border-radius: 50%;
	font-weight: bold;
	background-color: #FFF;
	color: #111;
}
.mw_wp_form_input .contact_step li:first-child,
.mw_wp_form_confirm .contact_step li:nth-child(2),
.contact_step li.now {
	color: #d10000;
}
.contact_step li:after {
	position: absolute;
	content: "";
	top: 50%;
	right: -38px;
	border: 10px solid transparent;
	border-right: none;
	border-left: 15px solid #FFF;
	transform: translate(0,-50%);
}
.contact_step li:last-child:after {
	display: none;
}
.form_txt {
	display: none;
	margin-bottom: 60px;
}
.mw_wp_form_input .form_txt.input {
	display: block;
}
.mw_wp_form_confirm .form_txt.conf {
	display: block;
}
.form_wrap {
	margin-bottom: 30px;
}
.form_wrap dl {
	margin-bottom: 60px;
}
.form_wrap dl:last-of-type {
	margin-bottom: 0;
}
.form_wrap dt {
	margin-bottom: 5px;
}
.form_wrap dt:after {
	content: "*";
	color: #d10000;
}
.form_wrap dt.no-icon:after {
	display: none;
}
.form_wrap input {
	padding: 0 10px;
	width: 340px;
	min-width: 50%;
	max-width: 100%;
	height: 36px;
}
.form_wrap textarea {
	padding: 10px;
	width: 100%;
}
.form_link {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}
.form_link a {
	display: inline-block;
	color: inherit;
}
.checkbox {
	margin-bottom: 60px;
	text-align: center;
}
.checkbox input[type=checkbox] {
	position: relative;
	top: 1px;
}
.checkbox .error {
	text-align: center;
}
.mw_wp_form .error {
	color: #d10000;
}
.form_btn input {
	display: block;
	margin: 0 auto;
	width: 360px;
	max-width: 100%;
	height: 60px;
	background-color: #FFF;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	color: #111;
}
.form_btn input:focus,
.form_btn input:hover {
	cursor: pointer;
}
.form_btn_wrap {
	display: flex;
	justify-content: space-between;
}
.form_btn_wrap input {
	width: 100%;
}
.form_btn_back {
	width: 38%;
}
.form_btn_send {
	width: 56%;
}
.form_btn_send input {
	background-color: #fb051a;
	border: 1px solid #fb051a;
	color: #FFF;
}
.mw_wp_form_input .form_btn_wrap {
	display: none;
}
/*---------- 確認画面 ----------*/
.mw_wp_form_preview .form {
	padding: 55px;
	background: #f4f4f4;
	color: #111;
}
.mw_wp_form_preview .form_wrap {
	margin-bottom: 60px;
}
.mw_wp_form_preview .form_wrap dt {
	margin-bottom: 10px;
}
.mw_wp_form_preview .form_wrap dd {
	padding-bottom: 5px;
	width: 340px;
	min-width: 50%;
	max-width: 100%;
	border-bottom: 1px solid #111;
	color: #5478a3;
}
.mw_wp_form_preview .form_link,
.mw_wp_form_preview .checkbox {
	display: none;
}
/*---------- 完了画面 ----------*/
.completed_cont {
	margin-bottom: 100px;
	text-align: center;
}
.completed_cont_ttl {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
}
.completed_btn {
	text-align: center;
}
.completed_btn a {
	position: relative;
	display: inline-block;
	padding: 24px 20px;
	width: 360px;
	max-width: 100%;
	border-radius: 40px;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
.completed_btn a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #FFF;
	border-radius: 40px;
	box-sizing: border-box;
	transition: .2s linear;
}
.completed_btn a:hover:before {
	border-width: 3px;
}
/* --------------------------------------------------
	画面幅別
-------------------------------------------------- */
@media screen and (max-width: 980px) {
	.l-content_inner {
		padding-top: 80px;
	}
	.contact_step {
		margin-bottom: 50px;
	}
	.contact_step li {
		margin: 0 4%;
		width: 28%;
		height: 26.795vw;
		line-height: 26.795vw;
	}
	.contact_step li:first-child {
		margin-left: 0;
	}
	.contact_step li:last-child {
		margin-right: 0;
	}
	.contact_step li:after {
		right: -5vw;
	}
	.form_wrap dl {
		margin-bottom: 40px;
	}
	.form_wrap input {
		width: 100%;
	}
	.form_link {
		margin-bottom: 30px;
	}
	.form_btn input {
		width: 100%;
		max-width: 500px;
		white-space: normal;
	}
	.form_btn_back {
		width: 44%;
	}
	.form_btn_send {
		width: 50%;
	}
	/*---------- 確認画面 ----------*/
	.mw_wp_form_preview .form {
		padding: 20px;
	}
	.mw_wp_form_preview .form_wrap {
		margin-bottom: 40px;
	}
	.mw_wp_form_preview .form_wrap dd {
		word-break: break-all;
	}
	/*---------- 完了画面 ----------*/
	.completed_cont {
		margin-bottom: 60px;
	}
	.completed_cont_ttl {
		font-size: 16px;
	}
}
@media screen and (max-width: 640px) {
	.contact_step li {
		height: 25.5vw;
		line-height: 25.5vw;
	}
	.contact_step li:after {
		border-width: 6px;
		border-left-width: 10px;
	}
}