@charset "utf-8";

.about_topbox{
	position:relative;
	margin:30px 0 80px 0;
}
.about_topbox_detail{
	position:absolute;
	top:60px;
	left:50px;
	color:#FFF;
}
.about_topbox_detail h2{
	font-size:152%;
	font-weight:normal;
	margin:0 0 40px 0;
}
.about_topbox_detail p{
	font-size:108%;
}
.about_topbox_detail ul{
	margin:20px 0 0 0;
	font-size:108%;
}
.about_topbox_detail li{
	margin:0 0 15px 0;
	position: relative;
	padding-left: 15px;
}
.about_topbox_detail li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 5px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #FFF;
}
.about_icon{
	text-align:center;
}

.about_box1{
	width:960px;
	margin:40px auto 0 auto;
}
.about_box1 h2{
	color:#263e71;
	font-size:200%;
	font-weight:normal;
	margin:0 0 20px 0;
}
.about_box1 p{
	font-size:92%;
	line-height:180%;
}
.about_box1_img{
}
.about_box1_img1{
	float:left;
	margin:40px 0;
}
.about_box1_img2{
	float:right;
	margin:40px 0;
}

.about_box2{
}
.about_box3{
}
.about_box4{
}

.about_title{
	border-top:1px solid #263e71;
	border-bottom:1px solid #263e71;
	text-align:center;
	margin:60px 0;
	padding:30px 0;
}
.about_title span{
	font-weight:bold;
	font-size:200%;
	color:#263e71;
}
.about_img{
	width:485px;
}
.about_comment{
	width:680px;
}
.about_comment p{
	line-height:200%;
	margin:0 0 25px 0;
	font-size:92%;
}
.about_comment h3{
	color:#263e71;
	margin:0 0 5px 0;
}

.about_box4 .about_comment h3{
	font-size:128%;
	margin:0 0 20px 0;
}

.about_left{
	float:left;
}
.about_right{
	float:right;
}


.about_box5{
	background:#f6f6f6;
	margin:100px 0 0 0;
	padding:60px 0 100px 0;
}
.about_box5 h2{
	text-align:center;
}
.about_box5 table{
	width:820px;
	margin:70px auto 0px auto;
	color:#2b2b2b;
	font-size:106%;
}
.about_box5 table th{
	border-bottom:1px solid #c2c2c2;
	padding:20px 0;
	width:150px;
	font-weight:normal;
}
.about_box5 table td{
	border-bottom:1px solid #c2c2c2;
	padding:20px 0;
}
@media(max-width: 1199px) {
	.about_topbox img{
		width:100%;
		height:auto;
	}
	.about_img{
		width:44%;
	}
	.about_comment{
		width:54%;
	}
}
@media(max-width: 768px) {
	.about_topbox{
		margin:20px 0;
	}
	.about_topbox img{
		width:100%;
		display:none;
	}
	.about_topbox_detail{
		position:relative;;
		top:0px;
		left:0px;
		color:#263e71;
	}
	.about_topbox_detail h2{
		font-weight:bold;
		font-size:128%;
		margin:20px 0;
		text-align:center;
	}
	.about_topbox_detail p{
		font-size:92%;
		margin:0 3%;
	}
	.about_topbox_detail ul{
		margin:20px 3% 0 3%;
		font-size:92%;
	}
	.about_topbox_detail li:before{
		border-left: 6px solid #263e71;
	}

	.about_box1{
		width:94%;
		margin:20px auto 0 auto;
	}
	.about_box1 h2{
		font-size:136%;
		line-height:150%;
		text-align:center;
	}
	.about_box1 p{
		font-size:92%;
		line-height:180%;
	}
	.about_box1_img{
	}
	.about_box1_img1{
		width:49%;
		float:left;
		margin:20px 0;
	}
	.about_box1_img2{
		width:49%;
		float:right;
		margin:20px 0;
	}
	.about_box1_img1 img,
	.about_box1_img2 img{
		width:100%;
	}

	.about_title{
		border-top:1px solid #263e71;
		border-bottom:1px solid #263e71;
		text-align:center;
		margin:20px 0;
		padding:10px 0;
	}
	.about_title img{
		height:25px;
		width:auto;
	}
	.about_img{
		width:94%;
		margin:0px auto;
	}
	.about_img img{
		width:100%;
	}
	.about_comment{
		width:94%;;
		margin:0px auto;
	}
	.about_comment p{
		line-height:150%;
		margin:0 0 15px 0;
		font-size:92%;
	}

	.about_left,
	.about_right{
		float:none;
	}
	.about_box4 .about_comment h3{
		font-size:128%;
		margin:20px 0;
	}
	.about_box5{
		margin:30px 0 0 0;
		padding:20px 0;
	}
	.about_box5 h2 img{
		height:70px;
		width:auto;
	}
	.about_box5 table{
		width:94%;
		margin:20px auto 0px auto;
		color:#2b2b2b;
		font-size:94%;
	}
	.about_box5 table th{
		border-bottom:1px solid #c2c2c2;
		padding:15px 0;
		width:70px;
		font-weight:normal;
	}
	.about_box5 table td{
		border-bottom:1px solid #c2c2c2;
		padding:15px 0;
		line-height:140%;
	}
}

.about_imglist{
}
.about_imglist ul{
}
.about_imglist ul li{
	width:24%;
	margin:10px 0.5%;
	float:left;
	height:190px;
	overflow:hidden;
}
.about_imglist ul li img{
	width:100%;
	height:auto
}
@media(max-width: 768px) {
	.about_imglist ul li{
		width:48%;
		margin:10px 1%;
		height:110px;
	}
}