#main_visual .swiper-slide{
	height:610px;
	position:relative;
	margin-top: 100px;
}
#main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:40%;
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
}
#main_visual .swiper-slide > .txt_box h3{
	font-size:6rem;
	font-weight:600;
	font-family: 'Roboto';
	letter-spacing: 0.6px;
	line-height: 1.3;
}
#main_visual .swiper-slide > .txt_box p{
	font-size:2.2rem;
	font-weight:400;
	position:relative;
	margin-top:2rem;
}
#main_visual .swiper-pagination-bullets{
	top:70%;
}
#main_visual .swiper-pagination-bullets .swiper-pagination-bullet{
	background: transparent;
	border:1px solid rgba(255,255,255,0.5);
	opacity:1;
	margin: 0 7px;
}
#main_visual .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #fff;
	position: relative;
}
#main_visual .swiper-pagination-bullets .swiper-pagination-bullet-active::after{
	content:'';
	width:22px;
	height: 22px;
	border-radius:50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	border:1px solid rgba(255,255,255,0.5);
}

#main_visual .swiper-slide {
    height: 610px;
    position: relative;
    margin-top: 100px;
}

@media(max-width:1440px){
	#main_visual .swiper-slide {
		margin-top: 94px;
	}
}
@media(max-width:1199.98px){
	#main_visual .swiper-slide {
		margin-top: 89px;
	}
}

@media(max-width:991.98px){
	#main_visual .swiper-slide{
		height:500px;
		position:relative;
		margin-top: 60px;
	}
}

/* main_container */
#main_container .cta{
	display:block;
}
#main_container .cta .cta-link{
	display:inline-block;
	font-size:13px;
	letter-spacing: 0.1em;
	font-family: 'Roboto';
	font-weight: 500;
}

/*sec01*/
#main_container > .sec01{
	display:flex;
	position: relative;
	z-index:1;
	margin-top:-152px;
}
#main_container > .sec01 > div{
	width:50%;
	position:relative;
}
#main_container > .sec01 > div > a{
	display:block;
	width:100%;
	height: 100%;
	position: relative;
	padding:6rem 8rem;
}
#main_container > .sec01 > div > a .txt{}
#main_container > .sec01 > div > a .txt .cta-link{
	border-bottom: 1px solid #fff;
}
@media(max-width:1199.98px){
	#main_container > .sec01{
		display:flex;
		position: relative;
		z-index:1;
		margin-top:-115px;
	}
	#main_container > .sec01 > div > a{
		display:block;
		width:100%;
		height: 100%;
		position: relative;
		padding:4rem 5rem;
	}
}
@media(max-width:991.98px){
	#main_container > .sec01{
		display:flex;
		position: relative;
		z-index:1;
		margin-top:-115px;
	}
	#main_container > .sec01 > div > a{
		display:block;
		width:100%;
		height: 100%;
		position: relative;
		padding:3rem 3rem;
	}
}
@media(max-width:767.98px){
	#main_container > .sec01{
		display:flex;
		flex-wrap:wrap;
		position: relative;
		z-index:1;
		margin-top:-140px;
	}
	#main_container > .sec01 > div{
		width:100%;
		position:relative;
	}
}


/**/
#main_container > .sec02{
	padding:12rem 0;
}
#main_container > .sec02 .service_bn a{
	display:block;
}
#main_container > .sec02 .service_bn a > p.symbol{
	overflow:hidden;
	width:152px;
	height:175px;
	margin:0 auto;
}
#main_container > .sec02 .service_bn a:hover img{
	margin-top:-175px;
}
@media(max-width:767.98px){
	#main_container > .sec02{
		padding:8rem 0;
	}
	#main_container > .sec02 .service_bn a > p.symbol{
		width:100px;
		height:115px;
	}
	#main_container > .sec02 .service_bn a:hover img{
		margin-top:-115px;
	}
}


/**/
#main_container > .sec03{
	padding:8rem 0;
	background:#f8f8f8;
}
#main_container > .sec03  .news li a{
	display:block;
	padding:2.4rem 0;
	border-top:1px solid #d5d5d5;
	position:relative;
	padding-left:105px;
	color:#222;
}
#main_container > .sec03  .news li:first-child a{
	border-top:0;
}
#main_container > .sec03  .news li a > p{
	position:absolute;
	left:0;
	top:50%;
	transform:translatey(-50%);
	width:105px;
	text-align:center;
}
#main_container > .sec03  .news li a > div > p{
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#main_container > .sec03  .ellead .video_box{
	position:relative;
	padding-top:56.25%;
}
#main_container > .sec03  .ellead .video_box > iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media(max-width:767.98px){
	#main_container > .sec03{
		padding:6rem 0;
	}
	#main_container > .sec03  .news li a{
		padding-left:75px;
	}
	#main_container > .sec03  .news li a > p{
		width:75px;
	}
}

/**/
#main_container > .sec04{
	padding:8rem 0;
	background:url(../_img/main/main_sec04_bg.jpg) no-repeat center center / cover;
}