@charset "utf-8";
.business {
	padding-bottom: 40px;
}
.business dt{
	text-align: center;
	padding-bottom: 20px;
}

.service{
	overflow: hidden;
	padding-bottom: 40px;
	border-top: solid 1px #ccc;
	padding-top: 20px;
}
.service h2{
	border-left: solid 10px #206cb6;
	padding: 15px 0 15px 20px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.service h2 span{
	color: #f90;
}
.service h3{
	color: #1e96d5;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.service .body{
	float: left;
	width: 660px;
}
.service figure{
	float: right;
	width: 300px;
}
.btn-networknetworkcamera{
	clear: both;
	padding-top: 30px;
	text-align: center;
}

.web,
.domain{
	float: left;
	width: 300px;
	margin-right: 40px;
}
.ad{
	float: left;
	width: 300px;
}
.web li,
.domain li,
.ad li{
	padding-bottom: 10px;
}

/*---------------------------------
 .service
----------------------------------*/
.product .heading{
	font-size: 30px;
	border-bottom: solid 2px #206cb6;
	padding: 10px 0;
	margin: 0 0 40px;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	.product .heading{
		font-size: 24px;
	}
}

/*---------------------------------
 #security
----------------------------------*/
.security{
}
.security .sub_h2{
	font-size: 30px;
	color: #206cb6;
	margin: 0 0 10px;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}
.sub_h3{
	border-left: solid 8px #206cb6;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	margin: 0 0 20px;
}
.security .txt{
	float: left;
	width: 400px;
}
.security .fig{
	float: right;
	width: 300px;
}
.security .sub_h4{
	font-weight: bold;
	padding: 20px 0 10px;
}
.security .lead__{
}
.security .lead__catch{
	margin: 0 0 20px;
	text-align: center;
	font-weight: bold;
}
.security .lead__fig{
	text-align: center;
	margin: 0 0 20px;
}
/* .security .col_1 */
.security .col_1{
}
.security .col_1__box {
	margin: 0 0 50px;
}
.security .col_1 h2{
	font-size: 30px;
	background: #206cb6;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 0 0 30px;
}
.security .col_1 h3{
	border: solid 2px #206cb6;
	height: 56px;
	line-height: 56px;
	color: #206cb6;
	font-weight: bold;
	margin: 0 0 20px;
}
.security .col_1 h3 span{
	display: inline-block;
	vertical-align: top;
}
.security .col_1 h3 .no{
	width: 54px;
	height: 54px;
	background: #206cb6;
	color: #fff;
	text-align: center;
	font-size: 28px;
	margin-right: 20px;
}

/* .security .col_2 */
.security .col_2{
	border-top: solid #ccc 1px;
	padding-top: 30px;
}
.security .col_2__fig{
	text-align: center;
	margin: 0 0 30px;
}
.security .col_2__box1 {
	border: solid #006dba 2px;
	padding: 20px;
}
.security .col_2__box1 h3{
	color: #006dba;
	font-size: 28px;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}
.security .col_2__box1 ol{
	list-style: decimal;
	margin-left: 20px;
}
.security .col_2__box1 li{
	padding: 5px 0;
}

.security .col_3{
	padding-top:  30px;
	border-top: solid 1px #ccc;
}

@media screen and (max-width: 768px){
.security .col_1 h2{
	font-size: 24px;
}
.security .col_1 h3{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 2px #206cb6;
	height: auto;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 20px;
	padding-bottom: 10px;
}
.security .col_1 h3 span{
	display: inline;
	vertical-align: middle;
}
.security .col_1 h3 .no{
	width: auto;
	height: auto;
	background: none;
	color: #206cb6;
	text-align: left;
	font-size: 28px;
	margin-right: 10px;
}
.security .sub_h2{
	font-size: 24px;
}
}
@media screen and (max-width: 425px){
	.security .col_1 h2{
		font-size: 18px;
	}
	.security .sub_h2{
		font-size: 18px;
	}
	.security .col_2__box1 h3{
		font-size: 20px;
		margin: 0 0 10px;
	}
}
@media screen and (max-width: 1024px){
	.service .body{
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	.service figure{
		float: none;
		width: auto;
	}
}

/*---------------------------------
 .networkcamera
----------------------------------*/

.networkcamera{

}
.networkcamera .lead__{
	margin: 0 0 50px;
}
.networkcamera .lead__fig{
	text-align: center;
	margin: 0 0 20px;
}
.networkcamera .col_1{
}
.networkcamera .col_1__fig{
	text-align: center;
	margin: 0 0 10px;
}
.networkcamera .col_1__txt{
	margin: 0 0 30px;
}
.networkcamera .sub_h2 {
	color: #fff;
	background: #000;
	padding: 10px;
	margin: 0 0 30px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
.networkcamera .col_2__box1{
	background: #002a4c;
	color: #fff;
	padding: 20px 0 10px;
}
.networkcamera .col_2__head{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 20px;
	}
.networkcamera .col_2__lineup_1{
	text-align: center;
	margin: 0 15px;
}
.networkcamera .col_2__lineup_1 h4{
	font-weight: bold;
	margin: 0 0 10px;
}
.networkcamera .col_2__lineup_1 li{
	margin: 0 0 20px;
}
.networkcamera .col_2__lineup_1 p{
	text-align: left;
}
.networkcamera .col_2__lineup_2{
	text-align: center;
}
.networkcamera .col_2__lineup_2 h4{
	font-weight: bold;
}
.networkcamera .col_3 li{
	padding: 0 0 20px;
}

@media screen and (max-width: 425px){
	.networkcamera .sub_h2 {
		font-size: 18px;
	}
	.networkcamera .col_2__head{
		font-size: 18px;
	}
}