/* ■ Contact
-------------------------------------*/
.contact_box{
	margin-bottom:50px;
}

/*-------------------------------------
■ Step box
-------------------------------------*/
.form_step_box,
.content p.fc_top_text,
.content p.submit_box{
	margin-bottom:40px;
}
.form_step_box{
	counter-reset:step;
	overflow:hidden;
}
/*
.form_step_box ul{
	width:130%;
	margin-left:-15%;
}*/
.form_step_box li{
	position:relative;
	width:33.33%;
	float:left;
	color:#999;
	font-size:12px;
	text-align:center;
}
.form_step_box li:before{
	content:counter(step);
	counter-increment:step;
	display:block;
	margin:0 auto 3px auto;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	background-color:#ddd;
	color:#fff;
}

.form_step_box li:after{
	content:'';
	position:absolute;
	top:15px;
	height:2px;
	background-color:#ddd;
	z-index:-1;
/*
	left:-50px;
	width:100%;
*/
	right:50%;
	width:150%;
}
/* ↓追加 */
.form_step_box li:first-child{text-align:left}
.form_step_box li:last-child{text-align:right}
.form_step_box li:first-child:before{margin-left:0}
.form_step_box li:last-child:before{margin-right:0}
.form_step_box li span{
	display:inline-block;
	width:30px;
	text-align:center;
	letter-spacing:0;
}
.form_step_box li:last-child:after{right:0}
/* ↑追加 */

.form_step_box li:first-child:after{
	content:none;
}
.form_step_box li.active{
	color:#0a69b7;
}
.form_step_box li.active:before{
	color:#fff;
	background-color:#0a69b7;
}
.form_step_box li.active + li:after{
	background-color:#0a69b7;
}


/*-------------------------------------
■ Form
-------------------------------------*/
input[type="text"],[type="tel"],[type="number"],[type="email"],select,textarea{
	font-family:'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif;
	width:100%;
	padding:10px;
	font-size:1.15rem;
	border:2px solid #ddd;
	border-radius:3px;
}
input[type="text"]:focus,[type="tel"]:focus,[type="number"]:focus,[type="email"]:focus,select:focus,textarea:focus{
	border-color:#0a69b7;
	background:#fefefe;
}
.select_w{position:relative}
.select_w:after{
	content:"▼";
	position:absolute;
	top:0;
	right:3%;
	line-height:50px;
	color:#999;
	pointer-events:none;
	z-index: 1;
}
textarea{
	resize:vertical;
	height:300px;
}
:placeholder-shown{color:#bbb}
::-webkit-input-placeholder{color:#bbb}
:-moz-placeholder{color:#bbb;opacity:1}
::-moz-placeholder{color:#bbb;opacity:1}
:-ms-input-placeholder{color:#bbb}


.form_content{
	display:table;
	width:100%;
	border-bottom:1px dotted #cdcdcd;
}
.fc_title,
.fc_text{
	display:table-cell;
	padding:20px;
	vertical-align:top;
}
.fc_title{
	width:300px;
}
.fc_title p,
.fc_text p{
	padding-top:10px;
}
.fc_title p span{
	display:inline-block;
	margin:-3px 0 0 10px;
	padding:0 10px;
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:0.8rem;
	vertical-align:middle;
	border-radius:3px;
	background:#e20000;
}

.fc_text{
}

.content p.submit_box{
	padding-top:30px;
}
.btn01{
	display:block;
	width:60%;
	max-width:450px;
	margin:0 auto;
	color:#fff;
	font-size:1.3rem;
	font-weight:bold;
	line-height:65px;
	border:0;
	background:#0a69b7;
	cursor:pointer;
	transition:background .3s;
}
.btn01:hover{
	background:#00acd0
}


.content p.fc_info_text{
	margin-bottom:40px;
	font-size:1rem;
	text-align:center;
}
.content p.fc_top_text a,
.content p.fc_info_text a,
.content p.fc_note_text a{
	color:#0a69b7;
	text-decoration:underline;
}
.content p.fc_top_text a:hover,
.content p.fc_info_text a:hover,
.content p.fc_note_text a:hover{
	text-decoration:none;
}
.content p.fc_info_text i{
	margin-right:5px;
}

.content p.fc_note_text{
	padding:30px;
	background:#f6f6f6;
}





@media screen and (max-width:980px){
/*-------------------------------------
■ Form
-------------------------------------*/
	.fc_title{
		width:250px;
	}
}





@media screen and (max-width:767px){
/*-------------------------------------
■ Form
-------------------------------------*/
	.form_content,
	.fc_title,
	.fc_text{
		display:block;
		width:100%;
	}
	.fc_title{
		padding:20px 0 0 0;
	}
	.fc_title p,
	.fc_text p{
		padding-top:0;
	}
	.fc_text{
		padding:10px 0 20px 0;
	}
}





@media screen and (max-width:480px){
/* ■ Contact
-------------------------------------*/
	.contact_box{
		margin-bottom:40px;
	}
/*-------------------------------------
■ Form
-------------------------------------*/
	.form_step_box,
	.content p.fc_top_text{
		margin-bottom:20px;
	}

	.content p.fc_info_text{
		text-align:left;
	}
	.content p.fc_info_text.fit_conf{
		text-align:center;
	}
	.content p.fc_note_text{
		padding:15px;
	}

	.btn01{
		width:90%;
		line-height:55px;
		font-size:1.15rem;
	}
}