@charset "utf-8";

/*		request
-----------------------------*/
.pageTitle{
 background: url(../images/online_mv.jpg) no-repeat center center/cover;
}

@media screen and (min-width: 769px) {
}/*-PC only-*/
#onlineForm{
 width: 91.6%;
 margin: 0 auto;
 padding: 50px 0 30px;
}
#onlineForm h2{
 margin-bottom: 26px;
 color: var(--t-blue);
 font-size: 18px;
 text-align: center;
 line-height: 1.4;
}
#onlineForm h2 + p{
 padding: 0 20px;
}
.step{
 justify-content:space-between;
 margin: 40px auto 30px;
  max-width: 1241px;
}
.step li{
 position: relative;
 display: flex;
 flex-flow: column;
 align-items: center;
 justify-content: center;
 align-content: center;
 background: #f3f6fa;
 width: calc((100% - 10px) / 3);
 padding: 5px 0 5px 16px;
 color: var(--t-blue);
 font-size: 3vw;
 font-weight: bold;
 text-align: center;
 line-height: 1.3;
}
.step li::before,
.step li::after{
 content: "";
 display: block;
 background-color: #fff;
 width: 16px;
 height: 100%;
 clip-path: polygon(0 0, 0% 100%, 100% 50%);
 position: absolute;
 top: 0;
 left: 99.9%;
 margin: 0 0 0 5px;
 z-index: 1;
}
.step li::after{
 background-color: #f3f6fa;
 margin: 0;
}
.step li.current{
 background: var(--t-blue);
 color: #fff;
}
.step li.current::after{
 background: var(--t-blue);
}
.step li:first-child{
 padding: 0;
}
.step li:last-child::before,
.step li:last-child::after{
 display: none;
}
.step li span{
 display: block;
}

#onlineForm h3{
 margin: 10px 0 5px;
 color: var(--t-blue);
 font-size: 20px;
}
.freedial{
 color: #1F3666;
 font-size: 30px;
 font-weight: 600;
 line-height: 1.3;
}
.freedial a{
 color: #1F3666;}
.freedial::before{
 content: "";
 display: inline-block;
 background: url("../images/ic_freedial.png") no-repeat left top/100% auto;
 width: 48px;
 height: 32px;
 margin-right: 7px;
 vertical-align: -0.18em;
}
#onlineForm .freedial{
 margin: 10px 0 10px;
}

@media screen and (min-width: 769px) {
.step li{
 padding: 15px 0 15px 15px;
 font-size: 14px;
}
	#onlineForm h2{
		font-size: 22px;
	}	
	#onlineForm h3,
	#onlineForm p{
		text-align: center;
	}
	.privacyTxt{
		max-width: 1000px;
    margin: 0 auto;
	}

}/*-PC only-*/


.formBtn {
    display: flex;
    justify-content: center;
    width: 100%;
}
.formBtn input{
  margin: 0 10px;
}
.formBtn input.btnBack{
  background: #ccc;
}