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


.step-act{
	font-weight: bold;
	background-color: #fff;
}

.optionalClose{
	border-radius: 8px !important;
}


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

}

.form{
	border: 3px solid #dd171f;
	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%;
	margin-bottom: 10px;
}
.form-in li img{
	width: 5%;
	vertical-align: text-bottom;
	padding-bottom: 3px;
	margin-right: 8px;
}
.form-in a img:hover{
	opacity: 0.7;

}
.form-in input,.form-in select{
	margin: 0% 0% 1% 3%;
	padding: 2%;
	vertical-align: bottom;
	border-radius: 5px;
	font-size : 110%;
	background: #ffe2e2;
}
.form-in input{
	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 #dd171f;
	border-bottom: none;
}
.row-steps p{
	text-align: center;
	padding: 6% 0 4%;
}
p.postNo{
	display: block;
	text-align:right;
	padding-right: 10%;
}

.radio-inline input[type=radio]{
	margin-top: 10px;
	height: auto;
}

.form-in input, .form-in select{
	height: 50px;
	border: 1px solid #767676;
}
td.scheduled_time label{
margin-left: 10px;
}
td.scheduled_time label input{
	margin-right: 5px;
}


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

p.t-caption{
	background: #00b7ee;
	color:#143b5d;
	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: #aba8a8;
	color: #fff;
	padding: 0.5% 2% 0;
	margin: 2% 0 0;
	line-height: 2;
}
p.t-caption3{
	background: #aba8a8;
	color: #fff;
	padding: 0.5% 2% 0;
	margin: 2% 0 0;
	line-height: 2;
	border-radius: 8px !important;
}
.step01_form_table{
	border: 1px solid #CBC9C9;
width: 100%;}
.step01_form_table tr{
	border: 1px solid #CBC9C9;
}
th{
	padding: 13px 13px 10px;
}
td{
	border: 1px solid #CBC9C9;
padding: 13px 13px 10px;
}
td.must_box{
	width: 57px;
	border: none;
	padding-right: 2%;
}
img.must_box {
	width: 30px;
display: block;
padding: 5px 0;
}

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-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%;}

.kiboubi{
	display: flex;
}
.kiboubi select{
	margin-left: 5px;
}


.form-in01 table th{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-in01 table th p{
	line-height: 1.2;
}
.form-in01 table td{
	width: 70%;
}
.form-in02 table th{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-in02 table th p{
	line-height: 1.2;
}
.form-in02 table td{
	width: 70%;
}
.selectbox-inline {
	display: inline-block;
	width: auto;
}
.form-in .radio-inline{

}


.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;
}

.dis_sp {
	display: none;
}
.t-caption span a {
	padding-left: 20px;
	font-size: 70%;
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
}
.input-name {
		width: 48% !important;
		display: inline-block;
	}
.multiColumn{
	font-size: 80%;
}

.pickupBtn{
	float: right;
}


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

@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%;
	display: flex;
	justify-content: flex-start;

}
.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%;
}
.dis_sp{display: block;}
.dis_pc{display: none;}

.kiboubi{
	display: grid;
}
.kiboubi select{
	margin: 2px 0;
}
.form-in .radio-inline{
	padding-left: 0;
}

}

@media (max-width: 530px){
	/*table th,table td{width: 100%;
	display: block;}*/

	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;}

	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%;
}
.form-in01 table th,.form-in02 table th{
display: grid;
}
.form-in03 table th{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.form-in03 table th img{
	margin-left: 10px;
}
.form-in03 table th p{
	line-height: 1.2;
}
.form-in03 table td{
	width: 100%;
	display: block;
	padding-top:0px ;
}
table.option td {
}
td.scheduled_time label{
display: block;
}

}

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