@charset "utf-8";
.inner_m{
	width:1100px;
	margin:0px auto;
}
.inner_s{
	width:800px;
	margin:0px auto;
}
.lp_h1_title{
	margin:40px 0 0 0;
	font-size:280%;
	color:#263e71;
	text-align:center;
	line-height:130%;
}
.lp_h1_title span{
	font-size:130%;
	letter-spacing:10px;
}
.lp_h2_title{
	font-size:180%;
	color:#000;
	text-align:center;
	margin:30px 0;
	line-height:140%;
}
.lp_p1{
	margin:0 0 10px 0;
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	text-align:center;
}
.lp_p2{
	margin:0 0 10px 0;
	color:#000;
	line-height:150%;
	font-weight:bold;
	text-align:center;
}
.lp_text{
	margin:0 0 10px 0;
	color:#263e71;
	line-height:150%;
	font-weight:bold;
}
.lp_text2{
	margin:0 0 10px 0;
	color:#000;
	line-height:150%;
}
.lp_text3{
	margin:0 0 10px 0;
	color:#000;
	line-height:150%;
	text-align:center;
}
.lp_img{
	width:800px;
	margin:0px auto 30px auto;;
}
.lp_img img{
	width:100%;
	height:auto;
}
.lp_img_all{
	width:100%;
	margin:20px auto;;
}
.lp_img_all img{
	width:100%;
	height:auto;
}

.lp_h2_title2{
	font-size:160%;
	background:#263e71;
	color:#FFF;
	padding:10px 20px;
	margin:30px 0;
	position:relative;
	line-height:120%;
}
.lp_h3_title{
	text-align:center;
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	font-size:140%;
	margin:20px 0 0 0;
	padding:0;
}
.lp_h3_title2{
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	font-size:140%;
	margin:20px 0 0 0;
	padding:0;
}

.lp_iframe{
	width:800px;
	height:500px;
	margin:0px auto;
}
.lp_img{
	width:800px;
	margin:30px auto;
}
.lp_img li{
	float:left;
	width:50%;
	margin:0px auto;
	text-align:center;
}
.lp_img li img{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.lp_h2_title3{
	font-size:130%;
	background:#263e71;
	color:#FFF;
	padding:10px;
	margin:30px 0;
	position:relative;
	line-height:120%;
}
.lp_difference{
	padding:0 30px 30px 30px;
}
.lp_difference h3{
	font-size:140%;
	color:#263e71;
	margin:30px 0 10px 0;
}
.lp_difference p{
	line-height:150%;
	margin:0 0 15px 0;
}
.lp_difference p span{
	font-weight:bold;
}
.lp_howto{
	padding:0 30px 30px 30px;
}
.lp_howto h3{
	font-size:140%;
	color:#263e71;
	margin:30px 0 10px 0;
}
.lp_howto p{
	line-height:150%;
	margin:0 0 15px 0;
}
.lp_howto p span{
	text-decoration:underline;
}
.lp_howto ul{
	margin:0 0 0 20px;
}
.lp_howto ul li{
	margin:0 0 20px 0;
	position:relative;
	padding:0 0 0 50px;
	line-height:140%;
}
.lp_howto ul li span{
	font-size:160%;
	color:#263e71;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	font-weight:bold;
	height:26px;
}
.lp_morebtn{
	width:500px;
	margin:40px auto;
	text-align:center;
	font-size:117%;
	font-weight:bold;
}
.lp_morebtn a{
	display:block;
	background:#e74a46;
	color:#FFF;
	height:60px;
	line-height:60px;
	transition:1.0s;
}
.lp_morebtn a:hover{
	background:rgba(231,74,70,0.7	);
	text-decoration:none;
}
.lp_morebtn2{
	width:500px;
	margin:40px 0 40px auto;
	text-align:center;
	font-size:117%;
	font-weight:bold;
}
.lp_morebtn2 a{
	display:block;
	background:#e74a46;
	color:#FFF;
	height:60px;
	line-height:60px;
	transition:1.0s;
}
.lp_morebtn2 a:hover{
	background:rgba(231,74,70,0.7	);
	text-decoration:none;
}
.lp_halfbox{
	float:left;
	width:44%;
	border:1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:3%;
	padding:20px;
	line-height:140%;
}
.lp_halfbox h3{
	font-size:128%;
	margin:0 0 20px 0;
}
.lp_halfbox .name{
	text-align:right;
	margin:20px 0 0 0;
}

.lp_three_box{
}

.lp_three_box ul{
}
.lp_three_box ul li{
	float:left;
	width:31.3%;
	margin:1%;
}
.lp_three_box ul li p,
.lp_four_box ul li p{
	margin:10px 0 0 0;
	line-height:150%;
}
.lp_three_box ul li .img,
.lp_four_box ul li .img{
	position:relative;
	width:100%;
	height:200px;
	overflow:hidden;
}
.lp_three_box ul li .img img,
.lp_four_box ul li .img img{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}
.lp_three_box ul li .img h3,
.lp_four_box ul li .img h3{
	z-index:999;
	background:rgba(0,28,88,0.85);
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	padding:15px 20px;
	margin:10px 0 0 0;
	font-size:20px;
}
.lp_three_box ul li a .img h3,
.lp_four_box ul li a .img h3{
	color:#FFF;
}
.lp_four_box{
}

.lp_four_box ul{
}
.lp_four_box ul li{
	float:left;
	width:23%;
	margin:1%;
}

.lp_half_box{
}

.lp_half_box ul{
}
.lp_half_box ul li{
	float:left;
	width:48%;
	margin:1%;
	height:400px;
	overflow:hidden;
	position:relative;
}
.half_large ul li{
	height:600px;
}
.lp_half_box ul li img{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}

.lp_point{
}
.lp_point h3{
	text-align:center;
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	font-size:140%;
	margin:20px 0 0 0;
	padding:0;
}
.lp_point ul{
	padding:20px 50px;
	font-size:118%;
}
.lp_point li{
	margin:10px 0;
	list-style-type: disc;
}
.lp_point p{
	line-height:150%;
}
.lp_point p .under{
	text-decoration:underline;
}
.lp_point2{
	background:#EFEFEF;
	padding:20px 0 5px 0;
	margin:0 0 30px 0;
}
.lp_point2 li{
	list-style-type: none;
	background:url(../img/info/h3title_icon.jpg) no-repeat left center;
	background-size:16px auto;
	padding:5px 0 5px 30px;
}

.lp_point_no{
}
.lp_point_no h3{
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	font-size:140%;
	margin:20px 0 0 0;
	padding:0;
}
.lp_point_no ul{
	padding:20px 50px;
	font-size:118%;
}
.lp_point_no li{
	margin:10px 0;
}
.lp_point_no p{
	line-height:150%;
}

.lp_point3{
	background:#EFEFEF;
	padding:20px;
	margin:0 0 30px 0;
}

.bold{
	font-weight:bold;
}
@media(max-width: 768px) {
	.inner{
		width:96%;
	}
	.inner_m{
		width:96%;
	}
	.inner_s{
		width:96%;
	}
	.lp_h1_title{
		font-size:26px;
		margin:70px 0 0 0;
	}
	.lp_h1_title span{
		letter-spacing:0px;
	}
	.lp_h2_title{
		font-size:120%;
		margin:30px 0;
		line-height:140%;
	}
	.lp_p1{
		line-height:130%;
	}
	.lp_p2{
		line-height:130%;
	}
	.lp_text{
		line-height:150%;
	}
	.lp_text2{
		line-height:150%;
		width:90%;
		margin:0px auto;
	}
	.lp_img{
		width:90%;
		margin:0px auto 30px auto;;
	}
	.lp_img img{
		width:100%;
		height:auto;
	}

	.lp_h2_title2{
		font-size:110%;
		padding:10px 3%;
		margin:30px 0;
		position:relative;
		line-height:120%;
	}
	.lp_h3_title{
		text-align:center;
		color:#263e71;
		line-height:150%;
		font-weight:bold;
		font-size:100%;
		margin:20px 0 0 0;
		padding:0;
	}
	.lp_iframe{
		width:90%;
		height:200px;
		margin:0px auto;
	}
	.lp_img li{
		float:left;
		width:50%;
		margin:0px auto;
		text-align:center;
	}
	.lp_img li img{
		width:100%;
		height:auto;
		margin:0 0 10px 0;
	}
	.lp_h2_title3{
		font-size:120%;
		background:#263e71;
		color:#FFF;
		padding:10px;
		margin:30px 0;
		position:relative;
		line-height:120%;
	}
	.lp_difference{
		padding:0 10px 10px 10px;
	}
	.lp_difference h3{
		font-size:120%;
		color:#263e71;
		margin:30px 0 10px 0;
	}
	.lp_difference p{
		line-height:150%;
		margin:0 0 15px 0;
	}
	.lp_difference p span{
		font-weight:bold;
	}
	.lp_howto{
		padding:0 10px 10px 10px;
	}
	.lp_howto h3{
		font-size:120%;
		color:#263e71;
		margin:30px 0 10px 0;
	}
	.lp_howto p{
		line-height:150%;
		margin:0 0 15px 0;
	}
	.lp_howto p span{
		text-decoration:underline;
	}
	.lp_howto ul{
		margin:0;
	}
	.lp_howto ul li{
		margin:0 0 20px 0;
		position:relative;
		padding:0 0 0 40px;
		line-height:140%;
	}
	.lp_howto ul li span{
		font-size:140%;
		color:#263e71;
		position:absolute;
		left:0;
		top:0;
		bottom:auto;
		margin:auto;
		font-weight:bold;
		height:26px;
	}
	.lp_morebtn2,
	.lp_morebtn{
		width:90%;
		margin:20px auto 30px auto;
		font-size:100%;
		height:40px;
		line-height:40px;
	}

	.lp_morebtn2{
		margin:20px auto 40px auto;
		font-size:100%;
	}
	.lp_morebtn2 a{
		height:40px;
		line-height:40px;
	}

	.lp_three_box{
	}

	.lp_three_box ul,
	.lp_four_box ul{
	}
	.lp_three_box ul li,
	.lp_four_box ul li{
		float:none;
		width:90%;
		margin:5px auto;
	}
	.lp_three_box ul li p,
	.lp_four_box ul li p{
		margin:0 0 15px 0;
		line-height:150%;
	}
	.lp_three_box ul li .img,
	.lp_four_box ul li .img{
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
	}
	.lp_three_box ul li .img img,
	.lp_four_box ul li .img img{
		width:100%;
		height:auto;
		position:relative;
		top:0;
		bottom:0;
		margin:auto;
	}

	.lp_half_box{
	}

	.lp_half_box ul{
	}
	.lp_half_box ul li{
		float:none;
		width:90%;
		margin:5px auto;
		height:auto;
		overflow:hidden;
		position:relative;
	}
	.half_large ul li{
		height:auto;
	}
	.lp_half_box ul li img{
		width:100%;
		height:auto;
		position:relative;
		top:0;
		bottom:0;
		margin:auto;
	}

	.lp_point{
	}
	.lp_point h3{
		text-align:center;
		color:#263e71;
		line-height:150%;
		font-weight:bold;
		font-size:140%;
		margin:20px 0 0 0;
		padding:0;
	}
	.lp_point ul{
		padding:20px;
		font-size:108%;
	}
	.lp_point li{
		margin:10px 0;
		list-style-type: disc;
	}
	.lp_point p{
		line-height:150%;
	}
	.lp_point2{
		padding:10px 0;
	}
	.lp_point2 h3{
		padding:0 20px;
	}
	.lp_point2 ul{
		padding:0 10px;
	}
	.lp_point2 li{
		list-style-type: none;
		background:url(../img/info/h3title_icon.jpg) no-repeat left center;
		background-size:16px auto;
		padding:5px 0 5px 30px;
	}

	.lp_halfbox{
		float:none;
		width:90%;
		border:1px solid #CCCCCC;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
		margin:0 auto 10px auto;
		padding:15px 10px;
		line-height:140%;
	}
	.lp_halfbox h3{
		font-size:128%;
		margin:0 0 20px 0;
	}
	.lp_halfbox .name{
		text-align:right;
		margin:20px 0 0 0;
	}

	.lp_point_no{
	}
	.lp_point_no h3{
		color:#263e71;
		line-height:150%;
		font-weight:bold;
		font-size:108%;
		margin:0;
		padding:0;
	}
	.lp_point_no ul{
		padding:0;
		font-size:100%;
	}
	.lp_point_no li{
		margin:10px 0;
	}
	.lp_point_no p{
		line-height:150%;
	}

}

.news_option{
	line-height:160%;
	font-size:16px;
	margin:0 0 30px 0;
}
.news_option h3{
	font-weight:normal;
}
.small{
	margin:20px 0 0 0;
	color:#999999;
	font-size:14px;
}

.youtube{
	width:800px;
	height:500px;
	margin:20px auto;
}
@media(max-width: 768px) {
	.youtube{
		width:100%;
		height:230px;
		margin:20px auto;
	}
}

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

.flow_tbl{
	width:70%;
	margin:0 auto 50px auto;
	border-bottom:2px solid #000;
}
.flow_tbl tr.border_bottom{
	border-bottom:2px solid #000;
}
.flow_tbl tr{
	border-bottom:1px dotted #cccccc;
}
.flow_tbl th{
	padding:10px;
	text-align:left;
}
.flow_tbl th.center{
	text-align:center;
}
.flow_tbl td{
	padding:10px;
}

.lp_flow{
	width:70%;
	margin:20px auto;
}
.lp_flow ul{
}
.lp_flow ul li{
	line-height:180%;
	margin:5px 0;
}
.lp_flow ul li span{
	color:#263e71;
	font-weight:bold;
	margin:0 20px 0 0;
}
.lp_flow ul li p{
	margin:0 0 0 70px;
}

.three_tbl{
}
.three_tbl .yaji{
	float:left;
	margin:100px 10px 50px 10px;
	display:block;
	position: relative;
	display: inline-block;
	padding: 50px 0 0 0;;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-weight:bold;
}
.three_tbl .yaji::before,
.three_tbl .yaji::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.three_tbl .yaji::before{
	right:0;
    width: 16px;
    height: 8px;
    background: #263e71;
}
.three_tbl .yaji::after{
	right:-3px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #263e71;
    border-right: 4px solid #263e71;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.three_tbl table{
	width:28%;
	float:left;
	margin:30px 0;
	line-height:150%;
}
.three_tbl table tr{
	border-bottom:1px solid #CCCCCC;
}
.three_tbl table th{
	text-align:left;
	font-weight:normal;
	padding:10px 5px;
}
.three_tbl table td{
	padding:10px 5px;
	width:120px;
}
@media(max-width: 768px) {
	.flow_tbl{
		width:100%;
		margin:0 0 30px 0;
	}

	.three_tbl{
	}
	.three_tbl .yaji{
		float:none;
		margin:20px 0;
		text-align:center;
		width:100%;
		padding:0 0 0 30px;
	}

	.three_tbl .yaji::before{
		left:-50px;
		right:0;
	    width: 8px;
	    height: 16px;
	    background: #263e71;
	}
	.three_tbl .yaji::after{
		left:-50px;
		right:0;
		bottom:-5px;
	    width: 10px;
	    height: 10px;
	    border-top: 4px solid #263e71;
	    border-right: 4px solid #263e71;
	    -webkit-transform: rotate(135deg);
	    transform: rotate(135deg);
	}

	.three_tbl table{
		width:90%;
		margin:0px auto;
		float:none;
	}

}


.form_homebtn_fixed a{
	position:fixed;
	right:0;
	bottom:10px;
	display:block;
	text-align:center;
	width:300px;
	height:60px;
	line-height:60px;
	background:#e74a46;
	color:#FFF;
	border:none;
	letter-spacing:3px;
	transition:1.0s;
	font-weight:bold;
	z-index:999;
}
.form_homebtn_fixed a:after{
	content:"▼";
	position:fixed;
	right:35px;
	bottom:10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.form_homebtn_fixed a:hover{
	background:rgba(231,74,70,0.7);
}
@media(max-width: 768px) {
	.form_homebtn_fixed a{
		width:100%;
		bottom:0;
		height:40px;
		line-height:40px;
	}
	.form_homebtn_fixed a:after{
		bottom:0px;
	}
}


.aerocool_h1_subtitle{
	margin:40px 0 0 0;
	font-size:220%;
	line-height:1.8;
	color:#000;
	text-align:center;
}
.aerocool_h1_subtitle span{
	background:#3199E3;
	color:#FFF;
	padding:0 20px;
	border-radius: 30px;
	font-size:90%;
}
.aerocool_h1_title{
	margin:10px 0 0 0;
	font-size:330%;
	color:#263e71;
	text-align:center;
	line-height:130%;
}
.aerocool_img{
	margin:0;
	text-align:center;
}
.aerocool_img img{
	max-width:300px;
	height:auto;
}
.aerocool_h3_title{
	text-align:center;
	color:#263e71;
	line-height:150%;
	font-weight:bold;
	font-size:160%;
	margin:0;
	padding:40px 0 0 ;
}
.aerocool_p{
	margin:20px 0;
	line-height:180%;
	text-align:center;
}
.aerocool_morebtn{
	width:500px;
	margin:40px auto;
	text-align:center;
	font-size:117%;
	font-weight:bold;
}
.aerocool_morebtn a{
	display:block;
	background:#e74a46;
	color:#FFF;
	transition:1.0s;
	padding:10px 0;
	line-height:1.4;
}
.aerocool_morebtn a:hover{
	background:rgba(231,74,70,0.7	);
	text-decoration:none;
}
@media(max-width: 768px) {
	.aerocool_h1_subtitle{
		font-size:22px;
	}
	.aerocool_h1_subtitle span{
		font-size:20px;
	}
	.aerocool_h1_title{
		font-size:30px;
	}
	.aerocool_img img{
		max-width:200px;
		height:auto;
		margin:0;
	}
	.aerocool_h3_title{
		font-size:20px;
		padding:30px 0 0 0;
	}
	.aerocool_p{
		font-size:14px;
		text-align:left;
		margin:10px;
	}
	.aerocool_morebtn{
		width:90%;
		margin:20px auto;
		font-size:18px;
	}
	.aerocool_morebtn a{
		display:block;
		background:#e74a46;
		color:#FFF;
		transition:1.0s;
		padding:10px 0;
		line-height:1.4;
	}
	.aerocool_morebtn a:hover{
		background:rgba(231,74,70,0.7	);
		text-decoration:none;
	}
}