@charset "utf-8";
html,body,.wrap{height: 100%;}
:root {
	--main-color: #108a43;
	--sub-color: #f0595c;
	--white:#fff;
	--black:#010101;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
	--container-padding: 50px;
	--base-ratio:0.5;
	--base-size:1980;
	--base-percent:100vw;
}

/*common*/
.fa-add::before, .fa-plus::before{content:"\2b";}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family:"Font Awesome 6 Free";}
.fa-regular, .far{font-weight:400;}
.main_tit_wrap{text-align:center;}
.main_tit_wrap h1{font-size:4.2rem;font-weight:600;color:#000;margin-bottom:50px;}

/*vis*/
#section0{width:100%; height:644px; top:170px; position:relative;margin-bottom:380px;}
#section0 .sec_con{position: absolute;bottom:60px; left:70px;z-index:5;}

.vis{position: absolute; top:0; left:0;width:100%; height:644px;}
.vis_wrap{height: 100%;}
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.vis1 .vis_bg{height: 100%; background-image: url('../images/main-slide-01.png');}
.vis2 .vis_bg{height: 100%; background-image: url('../images/main-slide-02.png');}
.vis3 .vis_bg{height: 100%; background-image: url('../images/main-slide-03.png');}
.vis4 .vis_bg{height: 100%; background-image: url('../images/main-slide-04.png');}

.vis_txt{position:relative; text-align:start;}
.vis_txt .main_slide-tit{font-size:7.2rem; color:#fff; font-weight:500;line-height:70px;}

/*  pagination */
#section0 .slide_con{position:absolute; bottom:-70px;left:50%;transform:translateX(-50%);z-index:9;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:8px; height:8px; background:#d2d2d2; transition:all 0.3s ease; border-radius:0;}
#section0 .slide_con .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
#section0 .slide_con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px 0 0;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet-active{background:#006468;width:50px;}


/* ------------- response -------------- */
@media screen and (max-width: 1750px){ 
	
}
@media screen and (max-width: 1320px){ 
	

}
@media screen and (max-width: 1280px){ 
	
}
@media screen and (max-width: 1180px){ 
	

}
@media screen and (max-width: 1080px){ 
	
		
}
@media screen and (max-width: 980px){ 
	.vis_txt .main_slide-tit{font-size:6rem;line-height:60px;}
	#section0{top:125px;margin-bottom:300px;}
	#section0 .sec_con{left:40px;}
}

@media screen and (max-width: 820px){ 
	
}
@media screen and (max-width: 768px){ 
	
}
@media screen and (max-width: 660px){ 
	.vis{height:420px;}
	.vis_txt .main_slide-tit{font-size:4.6rem;line-height:50px;}
	#section0{height:420px;}
	#section0 .sec_con{left:30px;bottom:40px;}
	#section0 .slide_con{bottom:-50px;}
}
@media screen and (max-width: 600px){ 
	
}
@media screen and (max-width: 550px){ 
	
}
@media screen and (max-width: 500px){ 
	.vis_txt .main_slide-tit{font-size:4rem;line-height:44px;}
	#section0{margin-bottom:245px;}
}

@media screen and (max-width: 450px){ 
	
}

@media screen and (max-width: 430px){ 
	
}

@media screen and (max-width: 400px){ 
	
	
}

@media screen and (max-width: 390px){ 
	.vis_txt .main_slide-tit{font-size:3.6rem;line-height:40px;}
	#section0 .sec_con{left:25px;bottom:30px;}	
}

@media screen and (max-width: 375px){ 
	
}
@media screen and (max-width: 360px){ 
	
}