@charset "utf-8";

*:before,
*:after,
div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Base Setting */
#lp_content {
	color: #707378;
	width: 100%;
	max-width: 978px;
	margin: 0 auto;
	min-height: 300px;
	font-size: 10px;
	font-family: "Gotham SSm book A","Gotham SSm book B",Helvetica,Arial,sans-serif;
}
#lp_content p {
	margin-top: 0;
	margin-bottom: 0;
}
#lp_content img {
	width: auto;
	height: auto;
	max-width: 100%;
}
#lp_content h5 {
	color: #282b30;
}
#lp_content table {
	width: 100%;
	max-width: 978px;
	margin: 0 auto;
	padding: 0px;
}
#lp_content table th { 
	vertical-align: top !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#lp_content table td,
#lp_content table tr {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
	vertical-align: top !important;
}
#lp_content table td img,
#lp_content table tr img { vertical-align: bottom;}

#lp_content table td h4 { font-size: 190%; color: #be0f34; font-weight: normal; margin: 0 0 8px 0; padding:0;}
#lp_content table td h5 { font-size: 170%; font-weight: normal; background: none; margin: 0 0 8px 0; padding: 0;}
#lp_content table td h6 { font-size: 150%; color: #707378; font-weight: normal; background: none; margin: 0 0 4px 0; padding: 0;}
#lp_content table td p { font-size: 150%;}


.tbl03 tr th:first-child {
	width: 34.0490797546%;
}
.tbl04 tr th:first-child {
	width: 49.0797546012%;
}
.tbl08 tr th:first-child {
	width: 19.4274028629%;
}



.lp_spacer_01 { padding: 0 20px !important;}
.lp_spacer_02 { padding: 0 40px 0 50px !important; font-size: 190% !important;}
h5.lp_spacer_02 { font-size: 220% !important;}
.lp_spacer_03 { padding: 0 50px 50px 50px !important; font-size: 210% !important;}
.lp_spacer_04 { padding: 0 0 0 20px !important;}
		
.lp_sub_tlt { margin: 10px 0; text-align: center; }

.lp_btn_area { text-align: center; padding: 30px 0; background-color: #efefef; margin-bottom: 50px;}
.lp_btn_area li { display: inline-block; margin: 0 10px 0 10px;}

/* Parts Setting */
.mb70 {
	margin-bottom: 70px !important;
	}
.mb60 {
	margin-bottom: 60px !important;
	}
.mb50 {
	margin-bottom: 50px !important;
	}
.mb40 {
	margin-bottom: 40px !important;
	}
.mb30 {
	margin-bottom: 30px !important;
	}
.mb20 {
	margin-bottom: 20px !important;
	}
	
/* Modal Winodw */	
.blocker {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	overflow: auto;
	z-index: 1000;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.25);
	text-align: center;
	}
.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
	}
.blocker.behind {
	background-color: transparent;
	}
.modal {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1001;
	/*width: 400px;*/
	background: #fff;
	padding: 15px 30px;
	text-align: left;
	}
	.modal a.close-modal { display: none;}


#fl2 {
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
	color: #707378;
	font-size: 10px;
}
#fl2 h5 {
	font-size: 170%;
	font-weight: normal;
	background: none;
	margin: 0 0 8px 0;
	padding: 0;
	color: #000;
}
#fl2 h6 {
	color: #000;
}

/* override default feather style... */
	#fl2 .inner_scroll {
		border: solid 1px #dddddd;
		padding: 20px 15px;
		margin-bottom: 20px;
		overflow: auto;
		height: 400px;
		}
	#fl2 .inner_scroll * { font-size: 120%; }
	#fl2 .inner_scroll h5 { font-size: 140%; margin-bottom: 10px;}
	#fl2 .inner_scroll h6 { font-size: 130%; margin-bottom: 10px;}
	#fl2 .inner_scroll p { margin-bottom: 30px; font-size: 125%;}




.lp_button { width: 570px; margin: 0 auto; display: block; }
.lp_button label { margin: 0 65% 10px 35%; color: #282b30; width: 90px; display: block; font-size: 12px;}
.lp_button input {
	/* デフォルトのボタン修飾を非表示に */
	border: none;
	background: none;
	}
	.input_btn_on {
		background-repeat: no-repeat;
		width: 250px; height: 50px;
		display: block;
		cursor: default !important;
	}
	.input_btn_off {
		background-repeat: no-repeat;
		width: 250px; height: 50px;
		display: block;
	}
	.lp_button #btn {width: 250px; height: 50px; cursor: default !important;}
	.input_btn_off,
	.input_btn_on { margin-right: 20px;}
		.input_btn_on #btn { cursor: pointer !important;}
		.lp_button2 { margin: 0 auto;}
		.lp_button2 div { float: left;}