@charset "utf-8";

.business-container {
	margin: 0 auto;
	width: 840px;
}

.business-container .content p{
	font-size: 16px;
	line-height: 190%;
}



/*banner
--------------------------------------------------------- */
/* #banner .txt {
	margin-left: -161px;
	margin-top: -67px;
}

#banner .txt .top {
	font-size: 30px;
}

#banner .txt .bottom {
	font-size: 40px;
} */

/* sec1
--------------------------------------------------------- */
#sec1 {
	text-align: center;
}

#sec1 p.txt {
	margin-top: 50px;
	margin-bottom: 60px;
	font-size: 24px;
	color: #757575;
}

#sec1 div.content {
	width: 100%;
	display: inline-table;
	text-align: center;
}

#sec1 div.block {
	display: inline-block;
	vertical-align: top;
}

#sec1 div.block a {
	display: inline-table;
}

#sec1 div.left {
	width: 204px;
	padding-right: 40px;
	padding-left: 10px;
}

#sec1 div.middle {
	width: 246px;
	border-left: 1px solid #d0d2d5;
	border-right: 1px solid #d0d2d5;
	padding: 0px 20px 0px 20px;
	height: 250px;
}

#sec1 div.right {
	width: 232px;
	padding-left: 38px;
}

#sec1 div.block p.title-small {
	font-size: 18px;
	text-align: center;
	margin-top: 25px;
}

/* sec2
--------------------------------------------------------- */
#sec2 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}

#sec2 div.content {
	display: inline-table;
	border: 1px solid #7e7e7e;
	padding: 1px;
}

#sec2 div.block {
	float: left;
}

#sec2 div.left {
	width: 283px;
	padding: 0px 15px 0px 15px;
	text-align: left;
}

#sec2 div.left p.top {
	margin-top: 28px;
	margin-bottom: 20px;
	font-size: 24px;
}

#sec2 div.right {
	width: 523px;
}

#sec2 div.right img {
	width: 100%;
}

/* sec3
--------------------------------------------------------- */
#sec3 {
	text-align: left;
	padding-top: 34px;
	padding-bottom: 40px;
	background: #0e3f78;
	color: #fff;
}

#sec3 div.content {
	display: inline-table;
	width: 100%;
	text-align: center;
	margin: 20px 0 25px 0;

}

#sec3 div.block {
	float: left;
	width: 390px;
}

#sec3 div.left {
	padding-right: 30px;
}

#sec3 div.right {
	padding-left: 30px;
}

#sec3 div.left p.top {
	text-align: center;
}

#sec3 div.left p.top span {
	border: 1px solid #fff;
	height: 80px;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 24px;
	padding-top: 14px;
	margin-bottom: 30px;
	line-height: 150%;
}
#sec3 p.top span {
	border: 1px solid #fff;
	text-align: center;
	display: inline-block;
	width: 65%;
	font-size: 24px;
	padding: 14px 0 10px 0;
	margin:0 0 15px 0;
}

#sec3 div.right p.top {
	text-align: center;
}

#sec3 div.right p.top span {
	border: 1px solid #fff;
	height: 80px;
	text-align: center;
	display: inline-block;
	/* width: 323px; */
	width: 100%;
	/* line-height: 140%; */
	/* padding-left: 35px;
	padding-right: 30px; */
	font-size: 24px;
	padding-top: 14px;
	margin-bottom: 30px;
	line-height: 150%;
}

#sec3 div p.bottom {
	text-align: left;
	font-size:16px;
	line-height:190%;
}

/* sec4
--------------------------------------------------------- */
#sec4 {
	padding-bottom: 84px;
}

#sec4 div.content {
	display: inline-table;
	width: 100%;
}

#sec4 div.content p.top {
	font-size: 24px;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 20px;
}

#sec4 div.content p.img {
	text-align: center;
	margin-top: 45px;
}

#sec4 div.wrap-block {
	display: inline-table;
	width: 100%;
}

#sec4 div.wrap-block div.block1,
#sec4 div.wrap-block div.block2 {
	float: left;
	width: 400px;
}


#sec4 div.wrap-block div.block1 ul,
#sec4 div.wrap-block div.block2 ul{
	margin:0 0 0 20px;
}

#sec4 div.wrap-block div.block1 li,
#sec4 div.wrap-block div.block2 li{
	list-style: square!important;
	line-height:115%;
	margin:0 0 8px 0;
	font-size:14px;
}


#sec4 div.wrap-block div.block1 {
	padding-right: 20px;
}

#sec4 div.wrap-block div.block2 {
	padding-left: 20px;
}

#sec4 div.wrap-block p.top-inner {
	text-align: center;
	background: #0e3f78;
	color: #fff;
	padding: 6px 0px;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 45px;
}

#sec4 div.wrap-link {
	width: 100%;
	display: inline-table;
	margin-top: 30px;
}

#sec4 div.wrap-link p {
	float: left;
	width: 400px;
	text-align: center
}

#sec4 div.wrap-link p.first {
	padding-right: 20px;
}

#sec4 div.wrap-link p.last {
	padding-left: 20px;
}

#sec4 div.wrap-link p a {
	color: #757575;
}

/*mobile ---------------------------------------------*/
@media (max-width: 768px) {
	.business-container {
		width: 100%;
	}

	/* #banner .txt .top {
		font-size: 24px;
	}

	#banner .txt .bottom {
		font-size: 36px;
	} */

	#sec1 div.block {
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
	}

	#sec1 p.txt {
		margin-bottom: 50px;
		font-size: 26px;
		line-height:130%;
	}

	#sec1 div.block {
		width: 100%!important;
		display: inline-table;
		padding: 0px;
		margin: 0px;
		text-align: center;
		height: auto;
	}

	#sec1 div.middle {
		border: none !important;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#sec1 div.block p.title-small {
		padding: 0px 0px;
		text-align: center;
		font-size:16pt;
		line-height:130%;
		margin-top: 7px;

	}

	#sec2 div.content {
		width: auto;
		margin: 40px;
	}

	#sec2 div.block {
		display: inline-table;
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}

	#sec2 div.left p.top {
		text-align: center;
	}

	#sec2 div.left p.bottom {
		padding-left: 20px;
		padding-right: 20px;
	}

	#sec2 div.right {
		margin-top: 20px;
	}

	#sec2 div.right p {
		padding: 50px;
	}

	#sec3{
		margin-top:30px;
	}

	#sec3 div.block {
		display: inline-table;
		width: auto;
		float: none;
		margin: 0;
		padding: 0;
		text-align: center;
		margin: 26px 70px 0px 70px;
	}

	#sec3 div.left p.top {
		margin-bottom: 40px;
	}

	#sec3 div.right p.top {
		margin-bottom: 40px;
	}

	#sec3 div.left p.top span {
		height: 80px;
		font-size: 24px;
		padding-top: 14px;
		margin-bottom: 30px;
	}

	#sec3 div.right p.top span {
		height: 80px;
		font-size: 24px;
		padding-top: 14px;
		margin-bottom: 30px;
	}

	#sec3 div p.bottom {
		padding:0 15px 0 15px;
		line-height:150%;
	}
	#sec3 p.top span {
		width:80%;
	}

	#sec4 div.content {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#sec4 div.wrap-block div.block1,
	#sec4 div.wrap-block div.block2 {
		width: 100%;
		padding-left: 0px;
	}

	#sec4 div.wrap-block p.link {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	#sec4 div.wrap-block p.link a {
		color: #757575;
	}

	#sec4 div.wrap-block p.top-inner {
		line-height:120%;
	}

}