@charset "utf-8";
/* CSS Document */


.step-act:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	z-index: 2;
	right: -4px;
	margin-top: -4px;
	border-left: 4px solid #FF9800;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.step-act:before{
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	z-index: 1;
	right: -5px;
	margin-top: -4px;
	border-left: 4px solid #ccc;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}


.form_area{
	max-width: 770px;
	margin: 2% auto ;
}
.form-title{
	background: #FF9800;
	color: #fff;
	padding: 1.5% 3% 0.5%;
	border-radius: 8px 8px 0px 0px;
	//font-size: 2.2rem;
	font-weight: bold;

}

.form{
	border: 3px solid #FF9800;
	border-top:none;
	margin-bottom: 50px;
	padding:  1% 4% 4%;
}
.form-in{
padding:  0% 2%;
}
.form-in p{
	display: inline;
	font-weight: bold;
}
.form-in ol{
	padding-left: 3%;
	margin:3% 0;
}
.form-in li{
	list-style: none;
	width: 100%;
}
.form-in li img{
	width: 5%;
	vertical-align: text-bottom;
	vertical-align: bottom;
	padding-bottom: 6px;
	margin-right: 8px;
}
.form-in a img:hover{
	opacity: 0.7;

}
.form-in input,.form-in select{
	margin: 1% 0% 1% 3%;
	padding: 2%;
	vertical-align: bottom;
	border-radius: 5px;
	font-size : 110%;
	background: #ffe2e2;
}
.form-in input[type="tel"]{
	border: 1px solid rgb(118, 118, 118);
	width: 50%;
	background: #ffe2e2;
}
.form-in select.prefectures{
	width: 50%;}
.form-in li div {
	margin-left:11%;
	display: inline-block;
	width:50%;
}
.form-in select.number{
padding: 3%;
}
.row-steps{
	background: #f3eeee;
	border :solid 3px #FF9800;
	border-bottom: none;
}
.row-steps p{
	text-align: center;
	padding: 6% 0 4%;
}
p.postNo{
	display: block;
	text-align:right;
	padding-right: 10%;
}






/*******ここからstep01ぺージ*******/

p.t-caption{
	background: #c1da75;
	color:#0c6d04;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5% 2% 0;
	margin: 4% 0 0;
	line-height: 2;
	border-radius: 8px 8px 0 0;
}
p.t-caption2{
	background: #d0cece;
	color: #fff;
	font-size: 100%;
	padding: 1% 2% 0;
	margin: 2% 0 0;
	line-height: 2;
}
p.optionalText:hover{
	background:#aba8a8;
}
.step01_form_table{
	border: 1px solid #CBC9C9;
width: 100%;}
.step01_form_table tr{
	border: 1px solid #CBC9C9;
}
th{
	padding: 10px 13px 8px;
	width: 23%;
}
td{
	border: 1px solid #CBC9C9;
	padding: 10px 13px 8px;
}
td.must_box{
	width: 57px;
	border: none;
	padding-right: 2%;
}
td.must_box img{width: 30px;}

td p{font-size: 70%;
margin: 0.5% 0 0 ;
}
td p span{color: #E21423;}
td label{margin-right: 1%;
font-weight: normal;}
tr.preferred-date{border: none;}
td.data01,td.data02{
	border-bottom: none!important;
	border-top: none!important;
	border-left: 1px solid #CBC9C9;}
td.data01{padding-top: 2%;}
td.data02{padding-top: 2%;padding-bottom: 2%;}
.step_sec02 .next_btn a:hover{opacity: 0.7;}

.step01_form_table select.input-sm{
	display: inline-block;}
.optionalButton{
	text-align: right;}


p.optionalText span img{margin-left: 3%;}


/*******ここからstep03ぺージ*******/
.service{
	margin-top: 2%;
}
.service img{
	display: block;
	padding: 2% 0;
}
.service_title{

	font-size: 110%;
}
.service02{
	border-bottom: 1px solid #CBC9C9;
}
.service_p{
	font-size: 80%;
	margin-top: 1%;
	color: #707070;
	line-height: 1.5;

}

.merit{
	font-size: 90%;
	background: lightyellow;
	border: 2px solid red;
	border-radius: 50px;
	padding: 0 15px;
	font-weight: bold;
	display: inline-block;
	margin-top: 1rem;
}
p.merit_in{
	color: red;
	font-size: 80%;
	font-weight: bold;
}

/*******ここからstep04ぺージ*******/
.ichioshi{
	border: 1px solid #0c6d04;
	border-top: 3px solid #0c6d04;
padding: 1%;
background: #fff6a3;}

p.company01{
	font-weight: bold;
	}
.ichioshi .company01_img{
		width: 13%;
	margin-right: 10px;
	vertical-align: top;
}

p.company02 img{
	width: 10%;
	margin-right: 3%;
}
p.company01{
	font-size: 170%;
	vertical-align: bottom;
}
p.company02{
	font-size: 120%;
	font-weight: bold;
	margin-top: 1%;
	vertical-align: bottom;
	border-bottom: 1px solid #0c6d04;
padding: 1% 0 1% 1%;
margin-bottom: 0;
}



p.crown{
	font-size: 140%;
	font-weight: bold;
	color: red;
	padding-top: 2%;
	margin: 0;
padding-left: 0.5%;}
p.crown img{width: 40px;
vertical-align: text-bottom;}
.ichioshi p{display: inline-block;
margin-bottom: 0.5%;}


.dis_sp {
	display: none;
}



/**************レスポンシブここから*****************/

@media (max-width: 1200px){
	.sp_pd{padding: 0 2%;}
}


@media (max-width: 1000px){
	.sp_pd{padding: 0 2%;}
	.first{margin-left: 1%;}
	/*a{display: block;}*/
	.riyuu{font-size: 170%;}
	.top-bottom{padding: 0% 0% 0%;}
	.top-bottom p{	font-size: 6vw;
		line-height: 1.8;}

}


@media (max-width: 767px){

	.img_top_sp{display: block;}
	.logo{margin-top: 15px}

	.oya{ margin-top: 20px;}
	.les-pd-side{padding: 0px 30px;
		margin-top: 20px;}
	.riyuu{font-size: 150%;
		line-height: 1.3;
	padding: 2% 0;}
	.sec01 img{
		margin-bottom: 10px;
	margin-top: 10px;
	}
	.pd-b50{padding-bottom: 0;}
	.mg_b30{margin-bottom: 1%;}
	.mg_t50{margin-top: 1%;}
	.yajirushi{line-height: 0;}
	.step3{padding: 0 3%;}
	.voice{display:none;}
	.voice_sp{display: block;}
	.example{display:none;}
	.example_sp{display: block;
	margin-top: 2%;}
	.form_title{display: none;}
	.form_title_sp{display: block;}
	.form_box{padding-bottom: 0px;}
	.img_22pc{display: none;}
	.img_22sp{display: block;}
	.point{padding: 0% 2%;}
	.companyLogo img{width: 20%;
margin: 1% 2.5%;}
	p.company01{
		font-size: 120%;}
	p.company02{font-size: 110%;}

}
@media (max-width: 640px){

	.form_endImg{margin-top: -5%;}
	.form-in{padding: 0;}
	.form-in input{
	width: 100%;
	margin-left: 0;
}
.form-in select.prefectures{
	width: 100%;
	margin-left: 0;
}
.form-in li div {
	width:95%;
	margin-left: 5%;
}
.form-in select.number{
	padding: 2%;
}
.row-steps .col-xs-2{
	padding:1%;
}
.row-steps p{
	text-align: center;
	padding: 0%;
	font-size: 80%;
}
p.postNo{
	text-align:left;
	padding-right: 0%;
}


}

@media (max-width: 530px){
	table th,table td{width: 100%;
	display: block;}
	table th{padding-bottom: 0;}
	table td{border: none;}
	td.must_box{display: none;}
	.step li{font-size: 2.5vw;}
	p.company01{width: 80%;
	text-align: justify;}
	p.crown{font-size: 120%;}
	p.crown img{width: 30px;}
	.ichioshi .company01_img{width: 15%;}
	img.dis_pc{display: none;}
	img.dis_sp{display: block;}
	.sec02_01{background:none;}
	.sec02_01 p{padding: 2% 5%;
	font-size: 100%;}
	th img.dis_sp{display: inline;}
	.form_inBox{
		padding: 4% 5% 2%;
		min-height: 90px;
		}
	.form_inBox span a{margin: 0 1%;}
	.form_inBox span{display: inline!important;}
	.form_inBox .number{width: 25%;}
	.form_inBox p{font-size: 90%;
	text-align: left;
	margin-bottom: 1%;}
	br.dis_pc{display: none;}
	.form-in li img {
	width: 7%;
}
.MovingDestination th{
	display: inline-block;
	width: 27%;
}
.MovingDestination td{
	display: inline-block;
	width: 73%;
}
.MovingDestination td.must_box{
	display: none;
}
.CurrentAddress th.housNnumber{
	display: none;
}
.personalInfo th{
	display: inline-block;
	width: 30%;
	}
.personalInfo td{
	display: inline-block;
	width: 70%;
	padding-left: 0;
}
.personalInfo td.must_box{
	display: none;
}

}

@media (max-width: 401px){
	.form-in li img {
	width: 10%;
}
}