.animated{
	opacity: 0;
}
/*banner*/
.banner {
	width: 100%;
	height: 520px;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	overflow: hidden;
}
.banner .inner {
	width: 1400px;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.banner .banner_border {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0;
	position: absolute;
	inset: 0;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.banner.fix .banner_border {
	border-width: 60px 60px 0px;
}
.banner .banner_text {
	position: relative;
	z-index: 3;
}
.banner .banner_text h2 {
	color: #fff;
	font-size: 48px;
	line-height: 1.1;
	font-weight: bold;
}
/*main*/
.main{
	background-repeat: no-repeat;
	background-image: url(../images/history_pagebg.png);
	background-size: 50% auto;
	background-position: right bottom;
}
.main .inner{ width: 1400px;}
.main h1{ padding-top: 80px; color: #333; font-size: 38px; line-height: 1.1; font-weight: bold; text-align: center; padding-bottom: 38px;}
.main h2{ padding-bottom: 100px; width: 1134px; max-width:80%; margin: 0 auto;color: #999; font-size: 18px; line-height: 2.1; font-weight:normal; text-align: center;}

.history_content{
	position: relative;
	padding-bottom: 20%;
}
.history_content .float-box{
	width: 45%;
	overflow: hidden;
}
.history_content .float-box:nth-child(1){
	float: left;
}
.history_content .float-box:nth-child(2){
	float: right;
}
.history_content .float-box table{
	width: 100%;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	margin-bottom: 14%;
}
.history_content table th{
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
.history_content table td{
	vertical-align: top;
	padding-bottom: 2.75em;
}
.history_content table td.h4{
	padding-bottom: 1.75em;
}
.history_content table tr:first-child td,.history_content table tr:last-child td{
	padding-bottom: 0;
}
.history_content table .icon{
	width: 1.6875em;
	vertical-align: middle;
}
.history_content table .line.hor{
	width: 6.25em;
	height: 1px;
	background-color: #b71b30;
	opacity: 0.2;
	margin: 0 2em;
	display: inline-block;
	vertical-align: middle;
}
.history_content table .line.ver{
	position: absolute;
	left: 0.8125em;
	width: 1px;
	height: 100%;
	background-color: #b71b30;
}
.history_content table tr:last-child .line.ver{
	display: none;
}
.history_content table h3{
	font-size: 1.875em;
	color: #b71b30;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0.15em;
}
.history_content table h4{
	font-size: inherit;
	color: #b71b30;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #b71b30;
	border-top-right-radius: 0.625em;
	padding: 0.375em 0.875em;
}
.history_content table h5{
	font-family: "montserrat";
	font-weight: normal;
	font-size: 2em;
	color: #b71b30;
	margin-bottom: 0.375em;
	margin-top: -0.09375em;
}
.history_content table p{
	font-size: inherit;
	color: #333;
	line-height: 1.5;
}
#footer .sec4_text{
	right: 50%;
}
@media only screen and (max-width:1600px) {/*X0.8*/
	/*banner*/
	.banner.fix .banner_border {
		border-width: 48px 20px 0;
	}

	.banner .banner_text h2 {
		font-size: 38px;
	}

	/*main*/
	.main h1{ padding-top: 64px; font-size: 30px;padding-bottom: 30px;}
	.main h2{ padding-bottom: 80px;font-size: 16px; }
}
@media only screen and (max-width:1440px) {
	/*banner*/
	.banner {
		height: 410px;
	}	
}
@media only screen and (max-width:1200px){
	.history_content .float-box table{
		font-size: 14px;
	}
}
@media only screen and (max-width:1024px) {/*X0.5*/
	/*banner*/
	.banner {
		height: 280px;background-position:70% bottom;
	}
	.banner.fix .banner_border {
		border-width: 30px 20px 0px;
	}
	.banner .banner_text h2 {
		font-size: 2.8rem;
	}
	/*main*/
	.main h1{ padding-top: 40px; font-size:2.4rem; line-height:1.4; padding-bottom: 20px;}
	.main h2{ padding-bottom: 50px; max-width:80%; font-size: 1.4rem; line-height: 2.1; }
	.history_content .float-box table{
		font-size: 12px;
	}
	#footer .sec4_text{
		right: 0;
	}

}
@media only screen and (max-width:870px){
	.history_content .float-box table{
		font-size: 10px;
	}
}
@media only screen and (max-width:768px){
	.main{
		background-image: none;
	}

	.history_content{
		padding-bottom: 5%;
	}
	.history_content .float-box{
		width: 100%;
	}
	.history_content .float-box:nth-child(1){
		float: none;
	}
	.history_content .float-box:nth-child(2){
		float: none;
	}
	.history_content .float-box table{
		font-size: 1.2rem;
	}
	.history_content table .line.hor{
		width: 3.125em;
		margin: 0 1em;
	}
}
@media only screen and (max-width:414px) {
	.banner {
		height: 300px;
	}
	/*main*/
	.main h2{ max-width: 100%;}
}