/*******************************************
*
* css for お問い合わせ
* ver 2.0
*
********************************************/
@charset "UTF-8";


#topImage{
	background-color:#ffffff;
}
#topImage:before{
	display:none;
}

.pgTtl > h1{
	color:#000000;
}



/*------------------------------------------
 フォーム フレーム
 ------------------------------------------*/
#fromBody{
	display:block;
	overflow:hidden;
	background-color:#f7f7f7;
	padding:40px 0;
	margin-bottom:40px;
}

#fromBody >.innerFrame{
	width:760px;
}


#overview{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:1.4rem;
	line-height:175%;
	margin:40px 0 40px;
}

#fromBody label{
	display:inline-block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:125%;
}

/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#overview{
		margin:20px 0 20px;
	}
	#overview > .forStep01,
	#overview > .forStep02{
		padding:0 20px;
	}

	#fromBody >.innerFrame{
		width:100%;
	}

	#fromBody label{
		display:block;
		overflow:hidden;
	}


}


/*------------------------------------------
 フォームパーツ
 ------------------------------------------*/
#contentBody sup{
	color:#ff0000;
}

#contentBody form{
	/**/
}

.memoTxt{
	display:block;
	font-size:1.2rem;
	line-height:155%;
	vertical-align:middle;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {


}


/*------------------------------------------
　進行バー
 ------------------------------------------*/
#stepBar{
	display:block;
	overflow:hidden;
}

#stepBar > ul{
	display:block;
	overflow:hidden;
	width:760px;
	height:40px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size:cover;
}

#stepBar > ul{
	background-image:url("../images/inquire/stepber_01.png");
}

/*確認*/
#stepBar.confirmed > ul{
	background-image:url("../images/inquire/stepber_02.png");
}

/*終了*/
#stepBar.thanks > ul{
	background-image:url("../images/inquire/stepber_03.png");
}



#stepBar > ul > li{
	display:block;
	overflow:hidden;
	width:33.3%;
	height:40px;
	float:left;
	line-height:40px;
	font-size:2.0rem;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	#stepBar{
		padding:0 20px;
	}

	#stepBar > ul{
		width:100%;
		background-size:100% 40px;
	}

	#stepBar > ul > li{
		font-size:12px;
	}

}


/*------------------------------------------
 送信ボタンブロック
 ------------------------------------------*/
#sendBtns{
	display:block;
	/*overflow:hidden;*/
	text-align:center;
	position:relative;
}

#sendBtns > p{
	/*display:block;*/
	overflow:hidden;
	clear:both;
	padding:1em 0 1em;
}

#sendBtns > a.roundBtn{
	width:110px;
	min-width:auto;
	float:left;
}


#sendBtns input[type="submit"]{
	display:inline-block;
	overflow:hidden;
	padding: 0.75em 1em;
	text-align: center;
	width: 300px;
	font-size:1.6rem;
	line-height:125%;
	color:#ffffff;
	background-color:#e51845;
	border:none;
	cursor:pointer;
	margin-left: calc(24px * 3);
}

#sendBtns input[type="submit"]:hover{
	opacity:0.5;
}


#sendBtns input[type="button"]{
	display:inline-block;
	overflow:hidden;
	padding: 0.75em 1em;
	text-align: center;
	width:150px;
	font-size:1.6rem;
	line-height:125%;
	color:#000000;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	float:none;
}

#sendBtns input[type="button"]:hover{
	opacity:0.5;
	color:#ffffff;
	background-color:#404f6f;
}


.wpcf7-spinner{
	vertical-align: middle;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#sendBtns{
		padding:0 0;
		/*text-align:left;*/
	}

	#sendBtns a.roundBtn{
		width:100%;
		min-width:auto;
		float:none;
	}

	#sendBtns input[type="submit"],
	#sendBtns input[type="button"]{
		width:100%;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	#sendBtns input[type="submit"]{
		width:100%;
		margin-left:0;
		margin-bottom:10px;
	}

	#sendBtns p.forStep01{
		text-align:left;
		text-indent:-1em;
		padding-left:1em;
	}

	#sendBtns input[type="button"]{
		position:relative;
		top:auto;
		left:auto;
		margin-bottom:1em;
	}

}

/*------------------------------------------
 フォーム本文
 ------------------------------------------*/
form dl{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:125%;
}

form dl > dt,
form dl > dd{
	display:block;
	overflow: hidden;
	float:left;
}

form dl > dt{
	clear:both;
	padding-top:0.5em;
	width:15em;
}

form dl > dt::before{
	content:"必須";
	display:inline-block;
	overflow:hidden;
	font-size:1.2rem;
	line-height:125%;
	color:#ffffff;
	padding:5px 5px;
	background-color:#fa0046;
	vertical-align:middle;
	margin-right:0.5em;
}

form dl > dd{
	width:calc(100% - 15em);
	padding-left:2em;
	padding-bottom:1em;
}

form dl > dd textarea{
	height:10em;
}

form dl > dd > p{
	padding:1em 0;
	line-height:155%;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	form dl > dd{
		padding-left:0;
	}

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	form dl > dt,
	form dl > dd{
		float:none;
	}

	form dl > dt{
		padding:1em 0 0;
		text-align:left;
		width:100%;
	}

	form dl > dd{
		width:100%;
		padding:0.5em 0 1em;
	}

	form dl > dd > p{
		padding:0;
	}

}




/*------------------------------------------
 入力エラー
 ------------------------------------------*/

span.wpcf7-not-valid-tip {
	display: none;
	color:#fa0046!important;;
	font-size: 0.8em!important;
	font-weight: normal;
}

.is-show span.wpcf7-not-valid-tip {
	display: block;
}

.is-show input.wpcf7-not-valid,
.is-show textarea.wpcf7-not-valid{
	background-color:#fbe6ef;
	border-color:#fa0046!important;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

}


/*------------------------------------------
 入力フォーム
 ------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea{
	display:block;
	overflow:hidden;
	border:1px solid #888888;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:1.6rem;
	padding: 0.5em 0.5em;
	width:100%;
	vertical-align:middle;
}

textarea{

}

input:focus,
textarea:focus,
button:focus{
	outline: none;
	border-color:#404f6f;
	background-color:#fff5d2;
}

.w75 input{
	display: inline-block;
	width:75%;
}

.w50 input{
	display: inline-block;
	width:50%;
}

.w25 input{
	display: inline-block;
	width:25%;
}


button{
	cursor:pointer;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	.w75 input,
	.w50 input,
	.w25 input
	textarea{
		width:100%!important;
	}


}




/* ==========================================================
*
* お問い合わせ入力
*
========================================================== */

#sendBtns .forStep01 p{
	margin-bottom:1em;
	text-align:center;
}

#sendBtns .forStep01 p > a{
	text-decoration:underline;
}

#sendBtns .forStep01 p > a:hover{
	color:#ea636d;
}


.wpcf7c-elm-step2{
	display:none!important;
}

.wpcf7-validation-errors{
	border:2px solid #fa0046!important;
	margin: 0 0 20px!important;
	padding: 1em 1em!important;
	text-align:center;
	color:#fa0046;
	font-size:1.4rem;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#overview{
		text-align:left;
	}

}


/*------------------------------------------
 郵便番号検索ボタン
 ------------------------------------------*/

form dl > dd > span[data-name="zip-code"] {
	display:inline-block;
	width:75%;
	/*vertical-align: middle;*/
}

a#zipBtn{
	display:inline-block;
	overflow:hidden;
	width:calc(25% - 16px);
	min-width:auto;
	margin-left:10px;
	padding: 0.7em 0;
	text-align: center;
	font-size:1.4rem;
	line-height:125%;
	color:#000000;
	text-decoration:none;

	border:1px solid #b4b4b4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

	vertical-align:top;
}

a#zipBtn:hover{
	opacity:0.5;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	form dl > dd > span[data-name="zip-code"] {
		width:70%;
	}

	a#zipBtn{
		width:calc(30% - 16px);
	}
}





/* ==========================================================
*
* お問い合わせ確認
*
========================================================== */

#fromBody.confirmed dl > dt{
	padding-top: 0;
}
#fromBody.confirmed dl > dt::before{
	display:none;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#fromBody.confirmed  dl > dt{
		padding:0;
	}
	
	#fromBody.confirmed  dl > dd {
		padding:0.5em 0 0.5em 1em;
		margin-bottom:1em;
		border-bottom: 1px dotted #cccccc;
	}

}



/* ==========================================================
*
* お問い合わせ完了
*
========================================================== */
#overview .forStep03{
	overflow:hidden;
	width:750px;
	margin:20px auto 0;
	min-height:400px;
	text-align:left;
}

#overview .forStep03 h3{
	font-size:1.8rem;
	font-weight:bold;
	line-height:125%;
	text-align:center;
	margin-bottom:20px;
}

#overview .forStep03 p{
	margin:1em 0;
	line-height:175%;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#overview .forStep03{
		width:100%;
		min-height:auto;
		padding:0 20px;
	}
}