@charset "utf-8";

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

#container,
.modal {
	font-size: 12px;
	line-height: 1.6;
	padding: 0;
	margin: 0 auto;
	color: #707378;
	-webkit-text-size-adjust: 100%;
}

#container label,
.modal label {
	float: none !important;
	text-align: left;
}

#container img{ max-width:100%; height:auto; display: block;}
#container h3,
#container h4,
#container h5,
#container h6 {
	color: #000;
}
#container h3,
#container h4,
#container h5,
#container h6,
#container p {font-family: sans-serif;margin:0;}
#container h3 { font-size: 1.5em; padding: 4% 4% 0 4%; font-weight: normal;}
#container h4 { font-size: 1.5em; color: #be0f34; font-weight: normal;padding: 0 4%;}
#container h5 { font-size: 1.3em; font-weight: normal;padding: 3% 4% 0 4%;}
#container h6 { font-size: 1.2em; font-weight: normal;padding: 5% 0;}
#container table td h4 { font-size: 1.5em; color: #be0f34; font-weight: normal; padding: 0 3% 0 0;}
#container p { font-size: 1.2em; padding: 3% 4% 0 4%;}
#container .midashi_01 { margin: 4% 0;}
#container table { margin-left: 2%}
#container table td { vertical-align: top;}
#container .lp_button { background: #efefef; margin:4% 0; padding: 20px 0;}


.modal img{ max-width:100%; height:auto; display: block;}
.modal h5,
.modal h6 {
	margin-top: 0;
}



/* Modal Winodw */	
.blocker {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
overflow: auto;
z-index: 1000;
padding: 15px;
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;
background: #fff;
padding: 10px 20px;
text-align: left;
}
.modal * {font-family: sans-serif !important;}
.modal a.close-modal { display: none;}


#fl2 { width: 99%;}
#fl2 h5 { font-size: 170%; font-weight: normal; background: none; margin: 0 0 8px 0; padding: 0;}

/* override default feather style... */
#fl2 .inner_scroll {
	border: solid 1px #dddddd;
	padding: 10px;
	margin-bottom: 20px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 240px;
	}
#fl2 h5 {font-family: sans-serif !important;}
#fl2 .inner_scroll * { font-size: 120%; font-family: sans-serif !important; }
#fl2 h6 { font-size: 140%; margin-bottom: 10px; font-family: sans-serif !important;}
#fl2 h5 { font-size: 130%; margin-bottom: 10px; font-family: sans-serif !important;}
#fl2 .inner_scroll p { margin-bottom: 30px; font-size: 125%; font-family: sans-serif !important;}





.lp_button {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.lp_button label {
	margin: 0 0 10px;
	color: #282b30;
	display: block;
	font-size: 130%;
	text-align: center;
}
.lp_button input {
	/* デフォルトのボタン修飾を非表示に */
	border: none;
	background: none;
	}
	.input_btn_on {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: 200px; height: 40px;
		display: block;
		cursor: default !important;
	}
	.input_btn_off {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: 200px; height: 40px;  
		display: block;
	}
	.lp_button #btn {width: 100%; height: 50px; cursor: default !important;}
	.lp_button2 { margin: 0 auto;}
		.input_btn_on #btn { cursor: pointer !important;}
		.lp_button2 div { width: 200px; height: 40px; margin: 0 auto 20px auto;}
		.lp_button label { font-size: 140%;}