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

body{

	font-family:  "メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
	font-size: 16px;
}
p{
	margin:0;
	padding: 0;
}
.left{float: left;}
.right{float: right;}
.cFix:after {
	display: block;
	clear: both;
	content: "";
}
img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
.row{
	margin: 0;
	padding: 0;
}
.f-bld{font-weight: bold;}
.f-30{font-size: 3rem;}
.c_red{color: #e60012;}
.dis_sp{display: none;}
.dis_pc{display: block;}
.step-act{
	background-color: #0088e7;
	//border-top: 1px solid #f3eeee;
	border-right: 1px solid #f3eeee;
	color: #fff;
}
.step-act:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	z-index: 2;
	right: -4px;
	margin-top: -4px;
	border-left: 4px solid #0088e7;
	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 #f3eeee;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}


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

}
.form-title img{
	width:80%;
}

.form{
	border: 3px solid #0088e7;
	border-top:none;
	margin-bottom: 10px;
	padding:  1% 4% 4%;
	background:#fff;
}
.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;
	padding-bottom: 3px;
	margin-right: 8px;
}
.form-in input,.form-in select{
	margin: 1% 0% 1% 3%;
	padding: 2%;
	vertical-align: bottom;
	border-radius: 5px;
	font-size : 110%;
}
.form-in input[type="tel"]{
	border: 1px solid rgb(169, 169, 169);
	width: 50%;
}
.form-in select.prefectures{
	width: 50%;}
.form-in li div {
	margin-left:13%;
	display: inline-block;
	width:50%;
}
.form-in select.number{
	padding: 3%;
}
.row-steps{
	background: #f3eeee;
	border :solid 3px #0088e7;
	border-bottom: none;
}
.row-steps p{
	text-align: center;
	padding: 6% 0 4%;
}
.row-steps .col-steps{
	width: 20%;
}
p.postNo{
	display: block;
	text-align:right;
	padding-right: 10%;
}

.pack_link{
	display: flex;
	justify-content: space-around;
	gap: 10px;
	padding: 3% 0 0;
}
.pack_link img.pack_img:hover{
	margin-top: -1%;
}



/*******ここからstep01ぺージ*******/
article{
	margin-top: 3%!important;
}
p.t-caption{
	background: #7ECEF4;
	color:#1D2088;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5% 2% 0;
	margin: 4% 0 0;
	line-height: 2;
}
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: 13px 13px 10px;
	width: 23%;
}
td{
	border: 1px solid #CBC9C9;
padding: 13px 13px 10px;
}
td.must_box{
	width: 57px;
		border: none;
	padding-right: 2%;
	}
td.must_box img{width: 30px;}

td p{font-size: 80%;
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%;}
/*p.optionalText::before {
	content: url(../images/icon_open.png);
	vertical-align: sub;
}*/

/*******ここから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 #1D2088;
	border-top: 3px solid #1D2088;
padding: 1%;
background: #FFFCD4;}

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 #1D2088;
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%;}






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

@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,.row-steps .col-xs-3,.row-steps .col-steps{
	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;
	padding-bottom: 5%;}
	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;}
}