@charset "utf-8";

/* CLEARFIX */
/* -------------------------------------------------- */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


.pc{
	display:block;
}
.sp{
	display:none;
}
@media(max-width: 1000px) {
	.pc{
		display:none !important;
	}
	.sp{
		display:block;
	}
}

p, li, dt, dd {
	/*Androidブラウザフォントバグ対策*/
	max-height: 999999px;
}

.ime-active{
	ime-mode:active;
}
.ime-disabled{
	ime-mode:disabled;
}

/* OUTLINE */
/* -------------------------------------------------- */
html,body {
	position: relative;
}

body {
	color: #333333;
	font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	-webkit-text-size-adjust: 100%;
	line-height:1.6;
}
/* -------------------------------------------------- */

header{
	box-shadow:0 0 15px;
}

.header_inner{
	width:1000px;
	margin:0px auto;
	padding:15px 0;
}

.inner{
	width:1000px;
	margin:50px auto;
	padding:40px;
	box-sizing: border-box;
	box-shadow:0px 3px 22px #ccc inset;
	border-radius:40px;
	color:#666666;
}
.main_title{
	color:#1D8B3B;
	text-align:center;
	margin:0 0 20px 0;
}
.main_title p{
	font-size:25px;
	font-weight:bold;
	line-height:1.6;
}
.main_title h1{
	font-size:37px;
	font-weight:bold;
	line-height:1.6;
}
.main_title h1 span{
	font-size:22px;
	font-weight:bold;
}

h2{
	font-size:26px;
	font-weight:bold;
}

.step{
	margin:10px 0;
}
.step ul{
	
}
.step ul li{
}
.step ul li p{
	float:left;
	display:block;
	width:250px;
	border:1px solid #C4C4C4;
	color:#C4C4C4;
	text-align:center;
	line-height:45px;
	border-radius:25px;
	font-size:22px;
}
.step ul li.active p{
	color:#FFF;
	background:#1D8B3B;
}
.step ul li:after{
	float:left;
	content:">>>";
	display:block;
	text-align:center;
	width:80px;
	line-height:45px;
	color:#C4C4C4;
}
.step ul li:last-child:after{
	display:none;
}
.step_p{
	margin:0 0 20px 0;
}

.title{
	margin:30px 0 10px 0;
	line-height:1.6;
	font-size:19px;
	color:#666666;
	font-weight:bold;
}
.icon{
	background:#DB3131;
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	padding:0 10px;
	margin:0 0 0 10px;
}

.box{
	border:1px solid #C3C3C3;
	padding:20px;
	border-radius:5px;
	margin:5px 0;
}
.box label{
	display:block;
	position:relative;
	padding:0 0 0 30px;
	margin:5px 0;;
}
.box label input[type='checkbox']{
	position:absolute;
	top:0;
	left:0;
}

label input[type='radio']{
    vertical-align:middle;
	line-height:40px;
	margin:0 5px;
}

input[type='text']{
	border:1px solid #C3C3C3;
	height:40px;
	margin:0 0 5px 0;
	font-size:18px;
	padding:10px;
	box-sizing: border-box;
	border-radius:5px;
}
select{
	border:1px solid #C3C3C3;
	height:40px;
	width:240px;
	margin:0 10px 5px 0;
	font-size:18px;
	padding:10px;
	box-sizing: border-box;
	border-radius:5px;
}
select.size_year{
	width:120px;
	margin:0 10px 5px 10px;
}
select.size_s{
	width:120px;
	margin:0 10px 5px 10px;
}
textarea{
	width:100%;
	min-height:150px;
	border:1px solid #C3C3C3;
	font-size:18px;
	padding:10px;
	box-sizing: border-box;
	border-radius:5px;
}
input[type='text'].car{
	width:210px;
	margin:0 20px 5px 20px;
}
input[type='text'].size_s{
	width:120px;
	margin:0 10px 5px 10px;
}
input[type='text'].size_l{
	width:100%;
}
.bold{
	font-weight:bold;
}
.small{
	font-size:12px;
}

.gray_bk{
	text-align:center;
	background:#EEEEEE;
	padding:10px 0;
	margin:10px 0;
}
.pink_bk{
	text-align:center;
	background:#FFDDDB;
	padding:10px 0;
	margin:10px 0;
}

.form_tbl{
	width:100%;
	margin:30px 0;
}

.form_tbl th{
	font-size:19px;
	color:#666666;
	font-weight:bold;
	text-align:left;
	padding:30px 30px 30px 0;
	border-bottom:1px solid #C3C3C3;
	width:28%;
    vertical-align:top;
}
.form_tbl td{
	padding:30px 0;
	border-bottom:1px solid #C3C3C3;
}
.form_tbl tr.double_border th,
.form_tbl tr.double_border td{
	border-bottom:4px double #C3C3C3;
}
.form_tbl tr.bordertop th,
.form_tbl tr.bordertop td{
	border-top:1px solid #C3C3C3;
}


.borderbottom_none th,
.borderbottom_none td{
	border-bottom:none;
}

.form_tbl table{
	width:90%;
}
.form_tbl table th{
	border:none;
	font-weight:normal;
	font-size:16px;
	width:200px;
	padding:10px 0;
}
.form_tbl table td{
	border:none;
	font-size:16px;
	padding:10px 0;
}
.form_tbl table td.right{
	text-align:right;
}
.form_tbl td p{
	margin:0 0 5px 0;
}
.kengaku_car{
	border-bottom:1px dashed #C4C4C4;
	padding:0 0 15px 0;
	margin:0 0 20px 0;
}
.soukou_car_conf,
.kengaku_car_conf{
}
.form_tbl2{
	width:100%;
	margin:0 0 30px 0;
}

.form_tbl2 th{
	font-size:16px;
	color:#666666;
	font-weight:normal;
	text-align:left;
	padding:15px 30px 15px 0;
	width:28%;
}
.form_tbl2 td{
	padding:15px 0;
}

.btn_area{
	text-align:center;
}
.btn_area p{
	font-size:14px;
}
.btn_area p.small{
	font-size:12px;
}
.btn_area p span{
	font-weight:bold;
	text-decoration: underline;
}
.btn_area .err{
	width:80%;
	margin:0px auto;
}
.btn{
	width:80%;
	height:60px;
	line-height:60px;
	font-weight:bold;
	font-size:18px;
	background:#1D8B3B;
	color:#FFF;
	margin:10px auto;
	border-radius:5px;
	cursor: pointer;
}
.btn a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration: none;
}
.next_btn:after{
	content:"";
	display:inline-block;
	margin:0 0 0 15px;
	width: 0;
	height: 0;
	border-left: 10px solid #FFF;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	vertical-align:middle;
}

.btn:hover{
	background-color:rgba(29,139,59,0.8);
}


.blue_bk{
	text-align:center;
	background:#D5EAFF;
	color:#3B96F2;
	padding:10px 0;
	font-size:22px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.orange_bk{
	text-align:center;
	background:#FFF3DD;
	color:#FFB41F;
	padding:10px 0;
	font-size:22px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.green_bk2{
	text-align:center;
	background-color:rgba(0,146,23,0.08);
	color:#009217;
	padding:10px 0;
	font-size:22px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.green_bk{
	text-align:center;
	font-weight:bold;
	background-color:rgba(0,146,23,0.08);
	color:#009217;
	padding:20px 0;
	margin:10px 0;
}
.green_bk a{
	color:#009217;
	text-decoration:none;
	font-size:16px;
}
.green_bk a:hover{
	text-decoration:underline;
}
.green_bk img{
    vertical-align:middle;
}
.blue_bk2{
	text-align:center;
	background:#D5EAFF;
	color:#3B96F2;
	padding:20px 0;
	font-size:22px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.blue_bk2 a{
	color:#3B96F2;
	text-decoration:none;
	font-size:16px;
}
.blue_bk2 a:hover{
	text-decoration:underline;
}
.blue_bk2 img{
    vertical-align:middle;
}

.pp_area{
	margin:30px 0;
}
.pp_area p.ti{
	font-size:19px;
	font-weight:bold;
}

.ti2{
	font-size:19px;
	font-weight:bold;
	border-top:1px dotted #C3C3C3;
	padding:20px 0 0 0;
}

/*--------------------------------*/

.confirm_box{
	border:1px solid #F10623;
	color:#F10623;
	padding:20px;
}
.back_btn{
	float:left;
	width:23%;
	height:60px;
	line-height:60px;
	font-weight:bold;
	font-size:18px;
	background:#C4C4C4;
	color:#FFF;
	margin:10px auto;
	border-radius:5px;
	cursor: pointer;
	border:none;
}
.back_btn:hover{
	background-color:rgba(196,196,196,0.8);
}

.send_btn{
	float:right;
	width:75%;
	height:60px;
	line-height:60px;
	font-weight:bold;
	font-size:18px;
	background:#1D8B3B;
	color:#FFF;
	margin:10px auto;
	border-radius:5px;
	cursor: pointer;
	border:none;
}
.send_btn:hover{
	background-color:rgba(29,139,59,0.8);
}

/*--------------------------------*/

.thanks_title{
	text-align:center;
	font-weight:bold;
	margin:30px 0;
	font-size:30px;
}
.thanks_p{
	margin:0 0 40px 0;
	word-break:break-all;
}
.thanks_box{
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:20px 0;
	margin:30px 0;
}
.thanks_box table{
	color:#666666;
	width:100%;
}
.thanks_box table th{
	width:15%;
	text-align:left;
	padding:10px 0;
}
.thanks_box table td{
	padding:10px 0;
}
.thanks_box table td span{
	font-size:22px;
}

@media(max-width: 1000px) {
	.header_inner{
		width:100%;
		padding:10px 0;
	}
	.header_inner img{
		height:30px;
		width:auto;
		margin:0 0 0 10px;
	}

	.inner{
		width:98%;
		margin:20px auto;
		padding:15px;
		border-radius:20px;
		color:#666666;
	}
	.main_title p{
		font-size:15px;
		line-height:1.4;
	}
	.main_title h1{
		font-size:23px;
		line-height:1.4;
	}
	.main_title h1 span{
		font-size:15px;
	}
	h2{
		font-size:18px;
	}

	.step{
		margin:10px 0;
	}
	.step ul li p{
		float:left;
		display:block;
		width:25%;
		border:1px solid #C4C4C4;
		color:#C4C4C4;
		text-align:center;
		line-height:26px;
		border-radius:25px;
		font-size:12px;
	}
	.step ul li.active p{
		color:#FFF;
		background:#1D8B3B;
	}
	.step ul li:after{
		float:left;
		content:"　";
		background:url('../img/yaji.png') no-repeat center center;
		display:block;
		text-align:center;
		width:10%;
		line-height:26px;
		color:#C4C4C4;
		font-size:12px;
	}
	.step ul li:last-child:after{
		display:none;
	}
	.step_p{
		margin:0 0 20px 0;
		font-size:12px;
	}

	.title{
		margin:30px 0 10px 0;
		line-height:1.6;
		font-size:17px;
	}
	.icon{
		background:#DB3131;
		color:#FFF;
		font-size:12px;
	}

	.box{
		padding:15px;
		font-size:15px;
	}
	.box label{
		display:block;
		position:relative;
		padding:0 0 0 30px;
		margin:20px 0;
		line-height:1.4;
		font-size:14px;
	}
	.box label input[type='checkbox']{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		margin:auto;
	}

	.gray_bk{
		text-align:left;
		padding:10px 10px 10px 40px;
		position:relative;
	}
	.gray_bk input{
		position:absolute;
		left:15px;
		top:0;
		bottom:0;
		margin:auto;
	}

	.form_tbl{
	}
	.form_tbl th{
		display:block;
		width:100%;
		border-bottom:none;
		padding:20px 0 10px 0;
		font-size:17px;
	}
	.form_tbl td{
		display:block;
		width:100%;
		padding:0 0 20px 0;
	}
	.form_tbl2{
	}
	.form_tbl2 th{
		display:block;
		width:100%;
		border-bottom:none;
		padding:15px 0 5px 0;
		font-size:16px;
	}
	.form_tbl2 td{
		display:block;
		width:100%;
		padding:0 0 15px 0;
	}

	.btn{
		width:100%;
		height:60px;
		line-height:60px;
		font-weight:bold;
		font-size:18px;
		background:#1D8B3B;
		color:#FFF;
		margin:10px auto;
		border-radius:5px;
		cursor: pointer;
		position:relative;
	}
	.btn:hover{
		background-color:rgba(29,139,59,0.8);
	}

	.form_tbl table{
		width:100%;
		display:table;
	}
	.form_tbl table tr.sp{
		display:table-row;
	}
	.form_tbl table th{
		font-size:14px;
		display:block;
		width:100%;
	}
	.form_tbl table td{
		display:table-cell;
		padding:5px 0;
		font-size:14px;
		width:33%;
	}
	.form_tbl table .sp td{
		font-size:16px;
		padding:15px 0 0 0;
	}
	.form_tbl tr.double_border th{
		border-bottom:none;
	}
	.form_tbl tr.double_border td{
		border-bottom:4px double #C3C3C3;
	}
	.form_tbl tr.bordertop th{
		border-top:1px solid #C3C3C3;
	}
	.form_tbl tr.bordertop td{
		border-top:none;
	}

	.kengaku_car{
		padding:0 0 10px 0;
		margin:10px 0 15px 0;
	}
	.soukou_car_conf,
	.kengaku_car_conf{
		line-height:2.0;
	}
	.kengaku_car_conf{
		margin:0 0 10px 0;
	}

	input[type='text'].sei{
		width:48%;
	}
	input[type='text'].mei{
		width:48%;
	}

	select{
		margin:5px 10px 5px 0;
	}

	select.size_year{
		width:110px;
		margin:0 10px 5px 10px;
	}
	select.size_s{
		width:110px;
		margin:0 5px 5px 5px;
	}
	.green_bk a{
		text-decoration:underline;
	}

	.pp_area{
		margin:30px 0 40px 0;
		font-size:12px;
	}
	.pp_area p.ti{
		font-size:19px;
		margin:0 0 10px 0;
	}
	.small2{
		font-size:10px;
	}
	.btn_area{
		padding:0 0 25px 0;
	}
	.btn_area .err{
		width:100%;
		margin:0px auto;
	}

	.confirm_box{
		font-size:14px;
	}


	.thanks_box table th{
		width:25%;
		text-align:left;
		padding:10px 0;
	}
}
@media(max-width: 374px) {
	.btn{
		font-size:16px;
	}
}
.err_msg{
	background:#DB3131;
	color:#FFF;
	padding:5px 10px;
	margin:5px 0;
}
.err_input{
	background:#FDDEDC;
}
@media(max-width: 1000px) {
	.err_msg,
	.form_tbl td p.err_msg{
		margin:10px 0;
	}
}