@charset "UTF-8";


.main_title{
	margin-bottom: 0!important;
}
.main_title.bottom{
	margin-bottom: 50px!important;
}
.main_title .float_wrapper{
	overflow: hidden;
	position: relative;
}
.main_title .float_wrapper .link_smart{
	width:292px;
	right: 0;
	top:18px;
	text-align: center;
	position: absolute;
	font-size:86%;
}
.main_title.bottom .float_wrapper .link_smart{
	width:292px;
	text-align: center;
	top:auto;
	right:auto;
	position: relative;
	float: right;
	margin:0 30px 0 0;
	font-size:86%;
}
.main_title .float_wrapper .link_smart p{
	margin-top:6px;
}
.main_title .float_wrapper .link_smart p a{
	display: block;
	height:28px;
	line-height: 28px;
	border-radius: 4px;
	border:2px solid #abcd5a;
	font-weight: bold;
	font-size:120%;
}
.main_title .float_wrapper .link_smart p a:hover{
	text-decoration: none;
	background:#abcd5a;
	color:#fff;
}


.sect1 .alert_list{
	font-size:0.8em;
}
.sect1 .overimg_block{
	margin:20px auto 20px;
	width:100%;
}
.sect1 .forPC{
}
.sect1 .forSMP{
	display: none;
}

.sect2 .nearly_zeh{
	width:730px;
	border:solid 1px #555;
	padding:10px 10px 7px;
	margin:20px auto 0 auto;
	overflow: hidden;
}
.sect2 .nearly_zeh dt{
	width:110px;
	padding-top:10px;
	float: left;
}
.sect2 .nearly_zeh dd{
	width:620px;
	float: right;
}

.sect3 .sect3_1{
	margin: 30px 0 0 0;
}
.sect3 .sect3_1 h3,
.sect3 .sect3_2 h3,
.sect3 .sect3_3 h3{
	font-weight: bold;
	margin-bottom: 20px;
}
.sect3 .sect3_1 h3 .merit,
.sect3 .sect3_2 h3 .merit,
.sect3 .sect3_3 h3 .merit{
	display: inline-block;
	background: #3d8acb;
	color:#fff;
	text-align:center;
	padding:3px 0 2px;
	width:106px;
	margin:0 10px 0 0;
	border-radius: 4px;
}
.sect3 .sect3_1 h3 img,
.sect3 .sect3_2 h3 img,
.sect3 .sect3_3 h3 img{
	margin:0 0 0 12px;
}
.sect3 .sect3_1 .float_wrapper1,
.sect3 .sect3_1 .float_wrapper2,
.sect3 .sect3_2 .float_wrapper,
.sect3 .sect3_3 .float_wrapper{
	overflow: hidden;
}
.sect3 .sect3_1 .float_wrapper1{
	margin:0 0 35px 30px;
}
.sect3 .sect3_1 .float_wrapper2{
	margin:0 0 50px 30px;
}
.sect3 .sect3_1 .float_wrapper1 .pic{
	float:left;
	width:310px;
	border:solid 2px #f4ac48;
	padding:5px 10px 3px;
	font-size:0.8em;
	text-align: center;
	line-height: 1.4;
	border-radius: 4px;
}
.sect3 .sect3_1 .float_wrapper1 .pic img{
	margin-bottom: 6px;
}
.sect3 .sect3_1 .float_wrapper1 .txt{
	float:left;
	width:390px;
	margin:0 0 0 20px;
}

.sect3 .sect3_1 .float_wrapper2 .txt{
	margin:0 0 16px 0;
}
.sect3 .sect3_1 .float_wrapper2 .pic{
	width:auto;
	text-align: left;
	line-height: 1.3;
	margin:0 0 0 0;
}
.sect3 .sect3_1 .float_wrapper2 .pic img{
	margin:0 0 10px 0;
	width:382px;
}
.sect3 .sect3_1 .float_wrapper2 .pic p{
	display: inline;
}


.sect3 .sect3_2 .float_wrapper{
	margin:0 0 50px 20px;
}
.sect3 .sect3_2 .float_wrapper .pic{
	float:left;
	width:382px;
}
.sect3 .sect3_2 .float_wrapper .txt{
	float:left;
	width:450px;
	margin:0 0 0 20px;
}


.sect3 .sect3_3 p{
	margin:0 0 22px 20px;
}
.sect3 .sect3_3 .float_wrapper{
	margin:0 0 50px 20px;
	border:2px solid #115fad;
	border-radius: 4px;
	padding:20px 20px 15px;
}
.sect3 .sect3_3 .float_wrapper h4{
	color:#115fad;
	font-weight: bold;
	margin:0 0 16px 0;
}
.sect3 .sect3_3 .float_wrapper .pic{
	float:left;
	width:500px;
	margin:0;
}
.sect3 .sect3_3 .float_wrapper .pic img.forPC{
}
.sect3 .sect3_3 .float_wrapper .pic img.forSMP{
	display: none;
}
.sect3 .sect3_3 .float_wrapper .txt{
	float:left;
	width:312px;
	margin:0 26px 0 0;
}


.sect4 .float_wrapper{
	margin:30px 0 35px 0;
	overflow:hidden;
}
.sect4 .float_wrapper .left{
	width:548px;
	margin:0 54px 0 0;
	float:left;
}
.sect4 .float_wrapper .left li{
	margin:0 0 3px 0;
}
.sect4 .float_wrapper .right{
	width:294px;
	margin:0 0 0 0;
	padding:38px 0 0 0;
	position: relative;
	float:left;
	font-size:90%;
}
.sect4 .float_wrapper .right .check{
	position: absolute;
	top:0;
	right:4px;
	width:auto;
}
.sect4 .float_wrapper .right img{
	margin:0 0 5px 0;
	width:294px;
}
.sect4 .float_wrapper .right .txt{
	width:294px;
}
.sect4 .float_wrapper .right h4{
	color:#115fad;
	margin:0 0 3px 0;
	font-weight: bold;
}
.sect4 .floors{
	overflow: hidden;
	margin:0 0 20px 34px;
}
.sect4 .floors li{
	width:436px;
	float: left;
	margin:0 0 16px 0;
}
.sect4 .floors li:last-child{
	width:466px;
}

.sect4 .sect4_2{
	margin-bottom: 30px
}

.sect4 .sect4_2 h3,
.sect4 .sect4_3 h3{
	margin-bottom: 20px;
}
.sect4 .sect4_2 ul,
.sect4 .sect4_3 ul{
	overflow: hidden;
	width:858px;
	margin:0 auto;
}
.sect4 .sect4_2 li,
.sect4 .sect4_3 li{
	width:250px;
	height:302px;
	margin:0 18px 18px;
	color:#333!important;
	float:left;
}
.sect4 .sect4_2 li div,
.sect4 .sect4_3 li div{
	width:214px;
	padding:13px 13px 8px 13px;
	line-height: 1.4;
	font-size:95%;
	height:220px;
}
.sect4 .sect4_2 li.blue div,
.sect4 .sect4_3 li.blue div{
	border:3px solid #81cff2;
}
.sect4 .sect4_2 li.orange div,
.sect4 .sect4_3 li.orange div{
	border:3px solid #f4ac48;
}
.sect4 .sect4_2 li.green div,
.sect4 .sect4_3 li.green div{
	border:3px solid #abcd5a;
}


.sect4 .sect4_2 li h5,
.sect4 .sect4_3 li h5{
	font-size:110%;
	font-weight: bold;
	margin:0 0 6px 0;
	padding-left:45px;
	position: relative;
}
.sect4 .sect4_2 li h5 .small,
.sect4 .sect4_3 li h5 .small{
	font-size:80%;
	display: block;
	position: absolute;
	left:46px;
	top:28px;
}
.sect4 .sect4_2 li h5 img,
.sect4 .sect4_3 li h5 img{
	vertical-align: middle;
	margin:0 5px 0 -45px;
}
.sect4 .sect4_2 li div .small,
.sect4 .sect4_3 li div .small{
	font-size:80%;
}
.sect4 .sect4_2 li div img,
.sect4 .sect4_3 li div img{
	width:214px;
	margin:0 0 5px 0;
}



.sect5 .float_wrapper{
	overflow: hidden;
}
.sect5 .float_wrapper .pic{
	width:200px;
	float:right;
	text-align: center;
}
.sect5 .float_wrapper .pic img{
	width:60%;
}
.sect5 .float_wrapper p:first-child{
	display: inline;
	float:left;
	width:700px;
}




@media screen and (max-width: 834px) {


.main_title{
	margin-bottom: 10px!important;
}
.main_title .float_wrapper .link_smart,
.main_title.bottom .float_wrapper .link_smart{
	width:auto;
	right: auto;
	top:auto;
	text-align: left;
	position: relative;
	float:none;
	margin:0 auto;
}
.main_title .float_wrapper .link_smart p{
	margin-top:6px;
	width:292px;
	text-align: center;
}

	.sect1 .forPC{
		display: none;
	}
	.sect1 .forSMP{
		display: inline;
		width:auto;
	}

	.sect2 .nearly_zeh{
		width:90%;
	}
	.sect2 .nearly_zeh dt{
		width:100%;
		padding-top:0;
		float: none;
		margin-bottom: 4px;
	}
	.sect2 .nearly_zeh dd{
		width:100%;
		float: none;
	}

	.sect3 .sect3_1{
		margin: 30px 0 0 0;
	}
	.sect3 .sect3_1 h3 .merit,
	.sect3 .sect3_2 h3 .merit,
	.sect3 .sect3_3 h3 .merit{
	}
	.sect3 .sect3_1 h3 img,
	.sect3 .sect3_2 h3 img,
	.sect3 .sect3_3 h3 img{
		width:auto;
	}
	.sect3 .sect3_1 .float_wrapper1{
		margin:0 0 20px 20px;
	}
	.sect3 .sect3_1 .float_wrapper1 .pic{
		float:none;
		width:300px;
		margin:0 0 14px 0;
	}
	.sect3 .sect3_1 .float_wrapper1 .pic img{
		margin-bottom: 6px;
	}
	.sect3 .sect3_1 .float_wrapper1 .txt{
		float:none;
		width:auto;
		margin:0 0 0 0;
	}

	.sect3 .sect3_1 .float_wrapper2{
		margin:0 0 35px 20px;
	}
	.sect3 .sect3_1 .float_wrapper2 .txt{
		float:none;
		width:auto;
		margin:0 0 14px;
	}
	.sect3 .sect3_1 .float_wrapper2 .pic{
		float:none;
		width:auto;
		text-align: left;
		line-height: 1.3;
		margin:0 0 0 0;
	}
	.sect3 .sect3_1 .float_wrapper2 .pic img{
		margin:0 0 14px;
		float:none;
		width:80%;
		display: block;
	}
	.sect3 .sect3_1 .float_wrapper2 .pic p{
		display: block;
	}


	.sect3 .sect3_2 .float_wrapper{
		margin:0 0 35px 20px;
	}
	.sect3 .sect3_2 .float_wrapper .pic{
		float:none;
		width:90%;
		padding-top:0;
		margin-bottom:14px;
	}
	.sect3 .sect3_2 .float_wrapper .txt{
		float:none;
		width:auto;
		margin:0 0 0 0;
	}


	.sect3 .sect3_3 p{
		margin:0 0 22px 0;
	}
	.sect3 .sect3_3 .float_wrapper{
		margin:0 0 35px 20px;
		border:2px solid #115fad;
		border-radius: 4px;
		padding:20px 20px 15px;
	}
	.sect3 .sect3_3 .float_wrapper h4{
		color:#115fad;
		font-weight: bold;
		margin:0 0 16px 0;
	}
	.sect3 .sect3_3 .float_wrapper .pic{
		float:none;
		width:100%;
		margin:0;
		padding-top:0;
	}
	.sect3 .sect3_3 .float_wrapper .txt{
		float:none;
		width:auto;
		margin:0 0 15px 0;
	}


	.sect4 .float_wrapper{
		margin:30px 0 35px 0;
		overflow:hidden;
	}
	.sect4 .float_wrapper .left{
		width:90%;
		margin:0 auto 20px;
		float:none;

	}
	.sect4 .float_wrapper .right{
		width:90%;
		padding:0 0 0 0;
		margin:0 auto;
		position: relative;
		float:none;
		font-size:90%;
	}
	.sect4 .float_wrapper .right .check{
		position: absolute;
		top:4px;
		left:4px;
	}
	.sect4 .float_wrapper .right img{
		margin:0 10px 5px 0;
		width:290px;
		float:left;
	}
	.sect4 .floors{
		overflow: hidden;
		margin:0 0 20px 34px;
	}
	.sect4 .floors li{
		width:50%;
		float: left;
		margin:0 0 16px 0;
	}
	.sect4 .floors li:last-child{
		width:50%;
	}

	.sect4 .sect4_2 ul,
	.sect4 .sect4_3 ul{
		overflow: hidden;
		width:572px;
	}
	.sect4 .sect4_2 li,
	.sect4 .sect4_3 li{
		width:250px;
		height:302px;
		margin:0 18px 18px;
		color:#333!important;
		float:left;
	}
	.sect4 .sect4_2 li div,
	.sect4 .sect4_3 li div{
		width:214px;
		padding:13px 13px 8px 13px;
		line-height: 1.4;
		font-size:95%;
		height:220px;
	}
	.sect4 .sect4_2 li.blue div,
	.sect4 .sect4_3 li.blue div{
		border:3px solid #81cff2;
	}
	.sect4 .sect4_2 li.orange div,
	.sect4 .sect4_3 li.orange div{
		border:3px solid #f4ac48;
	}
	.sect4 .sect4_2 li.green div,
	.sect4 .sect4_3 li.green div{
		border:3px solid #abcd5a;
	}


	.sect4 .sect4_2 li h5,
	.sect4 .sect4_3 li h5{
		font-size:110%;
		font-weight: bold;
		margin:0 0 6px 0;
		padding-left:45px;
		position: relative;
	}
	.sect4 .sect4_2 li h5 .small,
	.sect4 .sect4_3 li h5 .small{
		font-size:80%;
		display: block;
		position: absolute;
		left:46px;
		top:28px;
	}
	.sect4 .sect4_2 li h5 img,
	.sect4 .sect4_3 li h5 img{
		width:45px;
		vertical-align: middle;
		margin:0 5px 0 -45px;
	}
	.sect4 .sect4_2 li div .small,
	.sect4 .sect4_3 li div .small{
		font-size:80%;
	}
	.sect4 .sect4_2 li div img,
	.sect4 .sect4_3 li div img{
		width:214px;
		margin:0 0 5px 0;
	}



	.sect5 .float_wrapper{
		overflow: hidden;
	}
	.sect5 .float_wrapper .pic{
		width:200px;
		float:right;
		text-align: center;
	}
	.sect5 .float_wrapper .pic img{
		width:60%;
	}
	.sect5 .float_wrapper p:first-child{
		display: inline;
		float:left;
		width:700px;
	}



	.sect5 .float_wrapper .pic{
		width:30%;
		float:right;
		text-align: center;
	}
	.sect5 .float_wrapper .pic img{
		width:60%;
	}
	.sect5 .float_wrapper p:first-child{
		display: inline;
		float:left;
		width:70%;
	}
}





@media screen and (max-width: 600px) {
	.sect3 .sect3_1 h3 img,
	.sect3 .sect3_2 h3 img,
	.sect3 .sect3_3 h3 img{
		margin:6px 0 0 110px;
		display: block;
	}

	.sect3 .sect3_3 .float_wrapper .pic img.forPC{
		display: none;
	}
	.sect3 .sect3_3 .float_wrapper .pic img.forSMP{
		display: inline;
		width:84%;
		text-align: center;
	}

	.sect4 .floors li{
		width:100%;
		float:none;
		margin:0 0 16px 0;
	}
	.sect4 .floors li:last-child{
		width:100%;
	}


	.sect4 .sect4_2 ul,
	.sect4 .sect4_3 ul{
		overflow: hidden;
		width:94%;
	}
	.sect4 .sect4_2 li,
	.sect4 .sect4_3 li{
		width:100%;
		height:auto;
		margin:0 0 18px;
		float:none;
	}
	.sect4 .sect4_2 li div,
	.sect4 .sect4_3 li div{
		width:90%;
		padding:13px 4% 8px 4%;
		line-height: 1.6;
		height:auto;
		overflow: hidden;
	}

	.sect4 .sect4_2 li div img,
	.sect4 .sect4_3 li div img{
		width:50%;
		float:left;
		margin:0 10px 0 0;
	}
}





@media screen and (max-width: 530px) {
	.sect3 .sect3_1 .float_wrapper2 .pic img{
		width:100%;
	}
	.sect4 .float_wrapper .right{
		width:90%;
		margin:0 auto;
		position: relative;
		float:none;
		font-size:90%;
	}
	.sect4 .float_wrapper .right .check{
		position: absolute;
		top:4px;
		left:4px;
	}
	.sect4 .float_wrapper .right img{
		margin:0 0 14px 0;
		width:100%;
		float:none;
	}



	.sect5 .float_wrapper .pic{
		width:100%;
		float:none;
	}
	.sect5 .float_wrapper .pic img{
		width:40%;
	}
	.sect5 .float_wrapper p:first-child{
		display: inline;
		float:none;
		width:100%;
	}
}





@media screen and (max-width: 500px) {

	.sect4 .sect4_2 ul,
	.sect4 .sect4_3 ul{
		overflow: hidden;
		width:94%;
	}
	.sect4 .sect4_2 li,
	.sect4 .sect4_3 li{
		width:100%;
		height:auto;
		margin:0 0 18px;
		float:none;
	}
	.sect4 .sect4_2 li div,
	.sect4 .sect4_3 li div{
		width:90%;
		padding:13px 4% 8px 4%;
		line-height: 1.6;
		height:auto;
		overflow: hidden;
	}

	.sect4 .sect4_2 li div img,
	.sect4 .sect4_3 li div img{
		width:100%;
		float:none;
		margin:0 0 6px 0;
	}
}





@media screen and (max-width: 402px) {


	.sect1 .forSMP{
		width:90%;
	}

}