@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?v=4.6.3');
  src: url('../fonts/fontello.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontello.woff2?v=4.6.3') format('woff2'), url('../fonts/fontello.woff?v=4.6.3') format('woff'), url('../fonts/fontello.ttf?v=4.6.3') format('truetype'), url('../fonts/fontello.svg?v=4.6.3#fontelloregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.sec1{
	padding: 6.09375% 0;
}
.sec1 .inner{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 .left-part{
	width: 44.375%;
	border-radius: 0.4375em;
	overflow: hidden;
}
.sec1 .right-part{
	width: 49%;
}
.sec1 .text-box{
	margin-bottom: 6.25%;
}
.sec1 .text-box h1{
	font-size: 2em;
	line-height: 1.5;
	font-weight: normal;
	color: #333;
	margin-bottom: 0.375em;
}
.sec1 .text-box p{
	font-size: 1.125em;
	line-height: 1.78;
	color: #333;
}
.sec1 table{
	width: 100%;
	font-size: 1.25em;
	color: #333;
	text-align: left;
	margin-bottom: 2.2%;
}
.sec1 th,.sec1 td{
	line-height: 1.5;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #d8d8d8;
}
.sec1 th{
	font-weight: 500;
	width: 13.5em;
}
.sec1 td{
	width: auto;
}
.sec1 ul{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 li{
	width: 13.4%;
}
.sec1 li .img-box{
	border-radius: 0.4375em;
	overflow: hidden;
	margin-bottom: 0.875em;
	cursor: pointer;
	-webkit-transition: transform 0.75s;
	transition: transform 0.75s;
}
.sec1 li p{
	text-align: center;
	font-size: 1.125em;
	color: #333;
	line-height: 1.1;
}
.sec1 .tip{
	font-size: 1.125em;
	color: #999;
	line-height: 1.78;
}



.sec2{
	padding: 3% 0 0;
}
.sec2 ul{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	overflow: hidden;
}
.sec2 ul::after{
	content: "";
	display: block;
	width: 31.25%;
}
.sec2 li{
	width: 31.25%;
	margin-bottom: 3.375%;
}
.sec2 h5{
	font-size: 1.5em;
	color: #333;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 1em;
}
.sec2 img{
	margin-bottom: 10.8%;
}
.sec2 .flex-box{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: center;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
}
.sec2 p{
	position: relative;
	font-size: 1.25em;
	color: #333;
	line-height: 1.5;
	padding-top: 1em;
	padding-bottom: 1em;
}
.sec2 p:first-child::before{
	content: "";
	width: 200vw;
	height: 1px;
	background-color: #d8d8d8;
	position: absolute;
	left: -50vw;
	top: 0;
}
.sec2 p::after{
	content: "";
	width: 200vw;
	height: 1px;
	background-color: #d8d8d8;
	position: absolute;
	left: -50vw;
	bottom: 0;
}



.sec3{
	padding: 2.6% 0 1.3%;
}
.sec3 h3{
	font-size: 1.5em;
	color: #333;
	font-weight: 500;
	margin-bottom: 2.25%;
}
.sec3 ul{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.sec3 ul::after{
	content: "";
	width: 26.875%;
	display: block;
}
.sec3 li{
	margin-bottom: 3%;
	width: 26.875%;
	margin-right: 9.6875%;
}
.sec3 li:nth-child(3n){
	margin-right: 0;
}
.sec3 p{
	text-align: center;
	font-size: 1.25em;
	color: #333;
	line-height: 1.5;
	margin-top: 1em;
}



.sec4{
	padding: 1.3% 0 3.54%;
}
.sec4 .part{
	padding: 2.875% 0;
	overflow: hidden;
}
.sec4 .part:first-child{
	padding-top: 0;
}
.sec4 .part:last-child{
	padding-bottom: 0;
}
.sec4 h3{
	font-size: 1.5em;
	color: #333;
	font-weight: 500;
	margin-bottom: 3.375%;
}
.sec4 ul{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: 1px solid #d8d8d8;
}
.sec4 li{
	width: 25%;
}
.sec4 li p{
	font-size: 1.25em;
	color: #333;
	line-height: 1.5;
	position: relative;
	padding: 1em;
}
.sec4 li p span{
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.sec4 li p::before{
	content: "";
	width: 200vw;
	height: 1px;
	background-color: #d8d8d8;
	position: absolute;
	left: -50vw;
	top: 0;
}


.sec5{
	padding: 3.54% 0 10%;
}
.sec5 h3{
	font-size: 3.5em;
	color: #333;
	font-weight: normal;
	line-height: 1.143;
	margin-bottom: 5%;
}
.sec5 .swiper-slide{
	border-radius: 0.4375em;
	overflow: hidden;
}
.sec5 .swiper-slide a{
	display: block;
	position: relative;
}
.sec5 .swiper-slide p{
	font-size: 1.5em;
	color: #fff;
	line-height: 1.333;
	position: absolute;
	left: 2em;
	bottom: 1.375em;
}
.sec5 .swiper-slide img{
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
.sec5 .swiper-slide .arrow{
	width: 3.125em;
	height: 3.125em;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	right: 2em;
	top: 3.125em;
  	color: #005BAC;
  	background-color: #fff;
	-webkit-transition: transform 0.5s 0.25s,opacity 0.5s 0.25s,color 0.5s,background-color 0.5s;
	transition: transform 0.5s 0.25s,opacity 0.5s 0.25s,color 0.5s,background-color 0.5s;
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	opacity: 0;
}
.sec5 .swiper-slide .arrow::before{
	content: "\e9df";
  	font-family: 'fontello';
}


@media only screen and (min-width:1024px){
	.sec1 li .img-box:hover{
		-webkit-transform: scale(2.1);
		transform: scale(2.1);
	}
	.sec5 .swiper-slide a:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.sec5 .swiper-slide a:hover .arrow{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
	}
	.sec5 .swiper-slide a .arrow:hover{
		color: #fff;
		background-color: #005BAC;
	}
}


@media only screen and (max-width:1024px){
	.sec1{
		padding: 10% 0;
	}
	.sec1 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec1 .left-part{
		width: 100%;
		margin-bottom: 10%;
	}
	.sec1 .right-part{
		width: 100%;
	}
	.sec1 .text-box{
		margin-bottom: 5%;
	}
	.sec1 table{
		font-size: 1.125em;
		margin-bottom: 5%;
	}
	.sec1 th{
		width: 10em;
	}
	.sec1 ul{
		-webkit-display: block;
		display: block;
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
		margin-left: -4vw;
		margin-right: -4vw;
		padding: 0 4%;
	}
	.sec1 ul::-webkit-scrollbar{
		display: none;
	}
	.sec1 li{
		display: inline-block;
		vertical-align: top;
		width: 7em;
		margin-right: 1em;
	}



	.sec2{
		padding: 5% 0;
	}
	.sec2 ul{
		-webkit-display: block;
		display: block;
	}
	.sec2 li{
		width: 100%;
		margin-bottom: 10%;
	}
	.sec2 li:last-child{
		margin-bottom: 0;
	}
	.sec2 h5{
		margin-bottom: 5%;
	}
	.sec2 img{
		margin-bottom: 5%;
	}
	.sec2 p{
		font-size: 1.25em;
	}



	.sec3{
		padding: 5% 0;
	}
	.sec3 h3{
		margin-bottom: 7.5%;
	}
	.sec3 ul::after{
		width: 48%;
	}
	.sec3 li{
		margin-bottom: 8%;
		width: 46%;
		margin-right: 8%;
	}
	.sec3 li:nth-child(3n){
		margin-right: 8%;
	}
	.sec3 li:nth-child(2n){
		margin-right: 0;
	}
	.sec3 p{
		font-size: 1.125em;
	}



	.sec4{
		padding: 5% 0 5%;
	}
	.sec4 .part{
		padding: 5% 0;
	}
	.sec4 .part:first-child{
		padding-top: 0;
	}
	.sec4 .part:last-child{
		padding-bottom: 0;
	}
	.sec4 h3{
		margin-bottom: 7.5%;
	}
	.sec4 ul{
		-webkit-display: block;
		display: block;
	}
	.sec4 li{
		width: 100%;
	}
	.sec4 li p{
		font-size: 1.125em;
	}


	.sec5{
		padding: 5% 0 15%;
		overflow: hidden;
	}
	.sec5 h3{
		font-size: 2.5em;
		margin-bottom: 10%;
	}
	.sec5 .swiper{
		overflow: visible;
	}
	.sec5 .swiper-slide p{
		left: 0.8em;
		bottom: 0.8em;
		right: 0.8em;
	}

}