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

body{

	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
	font-size: 16px;
}
.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;}
.center{text-align: center;}
.t-right{text-align: right;}
.t09{font-size: 0.9em;}
.t14{font-size: 1.4em}

.mg-0{margin:0;}
.pd-0{padding:0;}
.pd-t1{padding-top: 1%!important;}
.pd-t2{padding-top: 2%!important;}
.pd-t3{padding-top: 3%!important;}
.pd-t5{padding-top: 5%;}
.pd-b3{padding-bottom: 3%;}
.pd-b5{padding-bottom: 5%;}
.pd-r1{padding-right: 1%;}
.mg_t1{margin-top: 1%;}
.mg_t2{margin-top: 2%;}
.mg_t3{margin-top: 3%;}
.mg_t5{margin-top: 5%;}
.mg_b3{margin-bottom: 3%;}
.mg_b5{margin-bottom: 5%;}
.mg_b2{margin-bottom: 2%;}

.border01{border: 1px solid #222222;}
.f-bld{font-weight: bold;}

.pc{display: block;}
.sp{display: none;}

header{
	border-bottom:15px solid #7ecef4;
	border-top:3px solid #7ecef4;

}


.w_900{max-width: 900px;
margin: 0 auto;}
.w_800{max-width: 800px;
margin: 0 auto;}
#sec_top{
	background: url(../images/top_bg.png)no-repeat center;
	background-size: cover;


}
.top_image{text-align: center;}

h1 {text-align: center;
margin: 1% 0 0;}


.img_top_sp{display: none;}
.form_area{max-width: 800px;
margin: -4% auto 0;
}
.form_box02{
	background: url(../images/form_bg_mid.png)repeat-y;
	background-size: contain;
	padding: 2% 4% 1%;}

.form_inBox{
		padding: 6% 8% 2%;
	border: 1px solid #ea0505;
	background: #fffcd6;
	text-align: center;
	font-weight: bold;
	color: #ea0505;
	min-height: 150px
}
.form_inBox p{
	font-weight: bold;
	color: #ea0505;
	line-height: 1.5;


}
.form_inBox span {
	font-size: 70%;
	color: #202020;
	letter-spacing: -1px;

}
.form_inBox span a{
	letter-spacing: normal;
	text-decoration: underline;}
.form_inBox p.number_L,.form_inBox p.number_S{
	display: inline-block;
	color: #202020;
	font-weight: normal;
margin:0% 1% 5%;
}
.form_inBox .number{
	display: inline-block;
		width: 40%;
}
.form_endImg{}
img.dis_sp{display: none;}


section.sec01{
	margin-bottom: 0%;
	color: #222;

}
.companyLogo{text-align: center;
border: 2px solid #FC9309;
border-radius: 8px;
padding: 2% 0;}
.companyLogo img{width: 16%;
margin: 1% 0.5%;}

section.sec01 p span{
	font-size: 150%;
	font-weight: bold;
	color: #ea0505;
}

.sec02{
	background: url(../images/sec_02_bg.png)no-repeat top;
	background-size: contain;
padding-top: 3%}
.sec02_01{
	background: url(../images/sec_02-1_bg.png)no-repeat top;
	background-size: contain;
	padding-top: 2%;
	text-align: center;
	}
.sec02_01 p{padding: 1% 10% 18%;
text-align: left;
font-size: 90%;
font-weight: bold;
}

.img_02-2{
	padding: 2% 0%;
}
.point{padding: 0;}
.sec02 h4{
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
.point-01{padding-left: 3%;
border-left: 5px solid #3fbbf1;
margin-bottom: 5%;}
.point-02{padding-left: 3%;
border-left: 5px solid #32b16c;
margin-bottom: 5%;}
.point-03{padding-left: 3%;
border-left: 5px solid #f39800;
margin-bottom: 5%;}

.point-01 h5 {
	font-size: 120%;
	font-weight: bold;
	color: #3fbbf1;
}
.point-02 h5 {
	font-size: 120%;
	font-weight: bold;
	color: #32b16c;
}
.point-03 h5 {
	font-size: 120%;
	font-weight: bold;
	color: #f39800;
}
.point-01 p{line-height: 1.5;
letter-spacing: -1px;}


.sec02 p span{
	font-weight: bold;
	color: #ea0505;
}
.sec01,.sec03{
	/*background: #00a0e9;*/
	padding: 3% 0%;
	}
.sec03{background:url(../images/form02_bg.png)repeat;
margin-bottom: 1%;}

.sec03 .form_area,.sec05 .form_area{margin: 0 auto;}
.voice_01{
padding: 2% 0 0;
}
.sec04{margin-bottom: 5%}
.sec05{background:url(../images/form03_bg.png)repeat;
margin-bottom: 1%;
}


.container{
	background:#fff;
	padding: 1% 2%;
}


.kakunin_box,.about_box,.kiyaku_box,.privacy_box{
	margin: 5% 0 8%;
}
ul.conpany{padding: 0;
/*text-align: center;*/}
ul.conpany li{
	text-align: center;
	margin-top: 5%;
	width: 18%;
}
p.kotsu{
	font-size: 90%;
	padding: 2%;
	background:#B2ECFD;

}
.kotsu small{
	color: #676767;
}
ul.kakunin_car li{
	list-style-position: inside;


}
ul.kakunin_car li p{
	font-weight: bold;
	display: inline-block;
	margin-right: 2%;
}


p.back_btn{background:#BDBDBD;}

.about_box table{
	width: 100%;}
.about_box table tr{
		border-bottom: 1px solid #ccc;
}
.about_box table td{
	padding: 2%;
	border: none;

}
.kiyaku_box p{
	margin-bottom: 3%;
}
.kiyaku_box .Pvc-List,.privacy_box .Pvc-List{
	font-size: 90%;
	margin: 4% 0%;
}
.Pvc-List li{
	margin-bottom: 2%
}

footer{text-align: center;}
footer small{padding: 0 2%;}


/*******ここから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: 0;
	line-height: 2;
}
.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: 6%;
		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{
	border: 1px solid #CBC9C9;
		border-top: none;
		padding: 1%;
	display:inline-block;
	width: 220px;
	text-align: center;
	}
p.optionalText span img{margin-left: 3%;}
p.optionalText::before {
	content: url(../images/icon_open.png);
	vertical-align: middle;
	margin-right: 2%;
}

/*******ここから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;

}



/*******ここから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%;}

.tokuten{
	border: 1px solid #84ccc9;
	margin:5% 0;
}

/*******ここからstepバー*******/


.step{
	list-style-type: none;
	display:table;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.step li{
	display:table-cell;
	position:relative;
	background: #7ecef4;
	padding: 0.5em 0.5em 0.5em 2em;
	color: #fff;


}
.step li:last-child{
	padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
	display:none;
}
.step li:before,
.step li:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
}
.step li:before{
	top:-15px;
	right:-1em;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 40px 0 40px 1em;
	z-index: 10;
}
.step li:after{
	top:-15px;
	right:-.8em;
	border-style: solid;
	border-color: transparent transparent transparent #7ecef4;
	border-width: 40px 0 40px 1em;
	z-index: 10;
}
.step li.is-current{
	background: #1d2088;
	font-weight: bold;
}
.step li.is-current:after{
	border-color: transparent transparent transparent #1d2088;
}
/*******ここまでstepバー*******/



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

@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){
	.pc{display: none;}
	.sp{display: block;}

	h2{font-size: 6vw;
		line-height: 1.2;
		padding: 2% 2%;
	letter-spacing: -1px;}
	.form_endImg{margin-top: -5%;}


}

@media (max-width: 530px){
	header{
		padding: 0!important;
	}
	.logo{margin-top: 30px}

	#top_image_sp h1{
	font-size: 8vw;
}
	.step_sec01 table th,.step_sec01 table td{width: 100%;
	display: block;}
	table th{padding-bottom: 0;}
	table td{border: none;
	padding-bottom: 5%;}
	.step01_form_table 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;}
}

@media (max-width: 401px){
	header{
		margin-top: -30px;
		padding: 0!important;
	}
	.logo{margin-top: 42px}
	header .headerImg02{margin-top: 40px;}
}