
/*popup*/
	.lpops{position:absolute; visibility:visible; z-index:10000;}
	.lpopb{position:absolute; visibility:visible; overflow:hidden; border:1px solid; background:#fff; z-index:10000;}
	.lpoph{cursor:move; background:#CCC; width:100%; display:none;}
	.lpopov{padding:5px; text-align:left;}
	.lpopbtn{position:absolute; right:0; bottom:0; color:#000; font-size:11px; width:100%; vertical-align:middle;  text-align:right; background:#fff;}
	.lpopbtn a{ display:inline-block; color:#000; margin:4px;}
	
	.popuplayer{
		text-align:center; 
		letter-spacing:-3px;
		z-index:110;
		display:flex;
		margin:0 auto;
	}
	.popuplayer > div{
		letter-spacing:0;
		vertical-align:bottom;
		
	}
	.popuplayer .popup1{
		margin:0 auto; padding:0;
		display:none; opacity:0;
		z-index:0;
	}
	.popuplayer .popup1 > div{
		line-height:10px;
	}
	
	.popuplayer .popup1.on{
		display:inline-block;
	}
	.popuplayer .popup1 > div{
		margin:0 auto; padding:0;
	}
	.popuplayer .popup1 img{max-width:100%; width:100%;}
	
	.popuplayer .popup1 .popupbtn1{
		box-sizing:border-box;
		padding:5px 10px 5px;
		color:#333; text-align:right; 
		background:#fff; 
	}
	
	@media screen and (max-width: 680px){
		.popuplayer{
			position:relative;
			margin:0 auto;
			width:80%;	
		}
		.popuplayer .popup1.on{
			position:absolute;
			width:100%;
			left:0; bottom:0;
			-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)
		}
		.popuplayer .popup1.on img{width:100%; max-width:2000px;}
	}
/*popup*/
body.off #header{
	opacity:0;
}
body.off #footer{
	opacity:0; 
}
body.off #wrap{
	opacity:0; 
}
body.off .footergnb1{
	opacity:0; 
}
body.mainon #wrap, body.mainon #footer{
	opacity:1;
	transition:opacity ease .6s .3s;
}
body.mainon .footergnb1{
	opacity:1;
	transition:opacity ease .6s .5s;
}
body.mainon #header{
	opacity:1;
	transition:opacity ease .6s .3s, top ease .4s .0s, background ease .3s .0s;
}

#wrap{position:relative; width:100%; text-align:center;;}
	.wcont{min-width:300px; margin:0 auto; text-align:center;}
@media screen and (min-width: 480px){
	.wcont{padding:0}
}		

	.mainvisual{
		position:relative; 
		width:100%; height:148vw; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}
	.mainvisual .swiper-wrapper{
		position:absolute; left:0; top:0;
		width:100%; height:100%; 		
		z-index:3;
	}
	.mainvisual .swiper-wrapper .swiper-slide{
		position:relative;
		width:100%; height:100%;
	}
	.mainvisual .swiper-wrapper .mainimg1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		overflow:hidden;
		z-index:1;
	}	
	.mainvisual .swiper-wrapper .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;		
		background-size:cover !important;
		transform:scale(1.1);
		opacity:0;
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .6s, opacity ease .4s .1s;
	}	
	.mainvisual .swiper-wrapper .swiper-slide-active .mainimg1 > div{
		transform:scale(1);
		opacity:1;
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 6s .0s, opacity ease .2s .0s;
	}	
	.mainvisual .swiper-wrapper .visualtxt1{
		position:absolute; left:min(max(10px, 4vw), 30px); top:10%;
		text-align:left; color:#fff;
		z-index:5
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt1{
		display:flex; align-items:center; gap:3.12vw;
		font-family:var(--font-family2); font-size:3.12vw;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt1::after{
		width:12.5vw; height:1px;
		background:#fff;
		content:"";
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt2{
		margin-top:6.25vw;
		font-weight:800; font-size:8.59vw; line-height:10.2vw;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3{
		margin-top:6.25vw;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3 > a{
		display:inline-block;
		padding:2.34vw 6.25vw;
		border:1px solid #fff;
		border-radius:7.81vw;
		color:#fff; font-weight:600; font-size:3.43vw;
		transition:background ease .3s .0s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3 > a:hover{
		background:#fff;
		color:#333;
	}
	
	.mainvisual .swiper-wrapper .swiper-slide-active .visualtxt1 .txt1{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .3s, opacity ease .5s .3s;
	}
	.mainvisual .swiper-wrapper .swiper-slide-active  .visualtxt1 .txt2{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .5s, opacity ease .5s .5s;
	}
	.mainvisual .swiper-wrapper .swiper-slide-active  .visualtxt1 .txt3{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .7s, opacity ease .5s .7s;
	}		

	
	
	
	.mainvisual .ctrbox1{
		position:absolute; right:min(max(10px, 4vw),30px); bottom:min(max(10px, 5vw),40px);
		display:flex; align-items:center; gap:min(max(1vw, 4vw),30px);
		
		border-radius:30px;
		background:rgba(0,0,0,.4);
		padding:10px 20px;
		z-index:5;
	}
	.mainvisual .ctrbox1 .slidenum1{
		font-variant-numeric:tabular-nums;
		color:#fff; font-weight:500; font-size:min(max(1vw, 4.8vw),16px);
	}
	.mainvisual .ctrbox1 .prev1,
	.mainvisual .ctrbox1 .next1{
		font-size:0; line-height:0;
		width:10px; height:18px;
		cursor:pointer;
		z-index:12;
	}
	
	.mainvisual .ctrbox1 .prev1::before,
	.mainvisual .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png?v=1) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mainvisual .ctrbox1 .next1::before{background-position:right center;}
	
	.mainvisual .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}

	
	.mncont1{
		padding:min(max(10px, 9vw),70px) min(max(10px, 4vw),30px) 0;
		overflow:hidden;
	}
	.mncont1 > .mcont1{
		margin:0 auto min(max(10px, 4vw),30px);		
	}
	.mncont1 > .mcont1 > .tit1{
		width:100%;
		text-align:center;
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child{
		color:#333; font-weight:600; font-size:min(max(10px, 6vw),25px);
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child > p{
		font-weight:800; font-size:min(max(10px, 9vw),42px); line-height:min(max(10px, 12vw),60px);
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child > p > em{
		color:var(--main-color1);
	}
	.mncont1 > .mcont1 .timeweather1{
		margin:min(max(1vw, 4vw),30px) 0; padding:min(max(1vw, 6vw),40px) min(max(1vw, 3vw),30px);
		display:flex; justify-content:center;
		background:#f9f7eb;
		border-radius:min(max(1vw, 5vw),30px);
	}
	.mncont1 > .mcont1 .timeweather1 > *{
		display:flex; align-items:center;
	}
	.mncont1 > .mcont1 .timeweather1 .tmbox1{
		display:flex; align-items:center;
		text-align:left;
		font-weight:800; color:#333; font-size:min(max(1vw, 5vw),34px); line-height:min(max(1vw, 5vw),34px);
	}
	.mncont1 > .mcont1 .timeweather1 .tmbox1 p{
		margin-top:min(max(1vw, 1vw),10px);
		font-weight:500; color:#888; font-size:min(max(1vw, 4vw),18px); line-height:min(max(1vw, 4vw),18px);
	
	}
	.mncont1 > .mcont1 .timeweather1 > *{
	}
	.mncont1 > .mcont1 .timeweather1 > *:first-child .tmbox1::before{		
		width:min(max(1vw, 8.28vw),53px); height:min(max(1vw, 8.9vw),57px);
		margin-right:min(max(1vw, 3vw),15px);
		background:url(../../../images/main/ico_clock1.png?v=1) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont1 > .mcont1 .timeweather1 > *:first-child::after{
		width:1px; height:80%;
		background:#ddd;
		margin:0 min(max(1vw, 3vw),30px);
		content:"";
	}
	.mncont1 > .mcont1 .timeweather1 > *:last-child{
	}
	.mncont1 > .mcont1 .timeweather1 > *:last-child .tmbox1::before{
		width:min(max(1vw, 9.84vw),63px); height:min(max(1vw, 7.18vw),46px);
		margin-right:min(max(1vw, 3vw),15px);
		background:url(../../../images/main/ico_weather1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	@media screen and (max-width: 480px){
		
	}
	
	.noticebox1{
		position:relative;
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		padding:min(max(1vw, 2vw),15px) min(max(1vw, 3vw),30px);
		border-radius:min(max(1vw, 8vw),40px);
		text-align:left;
		display:flex; align-items:center;
	}
	.noticebox1 .nlist1{
		position:relative;
		flex:1;
		overflow:hidden;
		padding-left:min(max(1vw, 6.4vw),35px);
	}
	.noticebox1 .nlist1::before{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		width:min(max(1vw, 4.37vw),28px); height:min(max(1vw, 4.53vw),29px);
		background:url(../../../images/main/ico_alert1.png?v=1) no-repeat center center; background-size:cover;
		content:"";
	}
	.noticebox1 .nlist1 .swiper-wrapper{
		height:30px !important;
	}
	.noticebox1 .nlist1 .swiper-slide{
		display:flex; align-items:center;
		padding-right:20px;
	}
	.noticebox1 .nlist1 .swiper-slide a{
		display:block;
		color:#fff; font-size:min(max(1vw, 4vw),20px);
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.noticebox1 .ctrbox1{
		text-align:right;
		white-space:nowrap;
		z-index:5;
	}
	.noticebox1 .ctrbox1 .slidenum1{
		display:inline-block;
		color:#fff; font-weight:500; font-size:min(max(1vw, 4vw),16px);
	}

	.marqueetxt1 {
		display: flex; gap:0; align-items:center;
		width: calc(200%);
		animation: marquee 40s linear infinite;
	}
	.marqueetxt1 > div {
		flex: 1 0 auto;
		opacity:0.2;
		color:var(--main-color1); font-family:var(--font-family2);  font-size:min(max(1vw, 12vw),60px); line-height:min(max(1vw, 16vw), 90px);
	}
	@keyframes marquee {
	0% 	{ 	transform: translateX(0%);		}
	100%{	transform: translateX(-54%);	}
	}
		
	.mncont2{
		padding:min(max(30px, 12vw),100px) min(max(10px, 4vw),30px) min(max(50px, 15vw),130px);
	}
	.mncont2 > .mcont1{
	}
	.mncont2 > .mcont1 > .txt1{
		color:#333; font-weight:800; font-size:min(max(1vw, 8vw),50px); line-height:min(max(1vw, 11vw),70px);
	}
	.mncont2 > .mcont1 > .txt1 > em{
		color:var(--main-color1);
	}
	.mncont2 > .mcont1 > .txt2::before{
		display:block;
		margin:min(max(1vw, 8vw),50px) auto;
		width:min(max(1vw, 9vw),50px); height:3px;
		background:var(--main-color1);
		content:"";
	}
	.mncont2 > .mcont1 > .txt2{
		color:#333; font-size:min(max(1vw, 3.4vw),20px); line-height:min(max(1vw, 5.8vw),34px);
	}
	.mncont2 > .mcont1 > img{
		margin-top:min(max(1vw, 6vw),50px);
		max-width:60%;
	}
	
	.mncont3{
		position:relative;		
		padding-top:min(max(1vw, 18vw),100px);
		overflow:hidden;
		background:#f9f7eb;
	}
	.mncont3::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		pointer-events:none;
		content:"";
		background:
			url(../../../images/main/bg_leaf1.png) no-repeat left top / min(max(1vw, 26.4vw),169px) min(max(1vw, 21.56vw),202px),
			url(../../../images/main/bg_leaf2.png) no-repeat right top / min(max(1vw, 27.65vw),177px) min(max(1vw, 9.21vw),59px),
			url(../../../images/main/bg_leaf3.png) no-repeat left bottom / min(max(1vw, 23.21vw),148px) min(max(1vw, 18.75vw),120px),
			url(../../../images/main/bg_leaf4.png) no-repeat right bottom / min(max(1vw, 28.43vw),182px) min(max(1vw, 15.31vw),98px);
	}
	
	.mncont3 > .mcont1{
		position:relative;
		margin:0 auto;
		text-align:center;
		z-index:2;
	}
	.mncont3 > .mcont1 .tit1{
		display:flex; justify-content:space-between; flex-direction:column;
	}
	.mncont3 > .mcont1 .tit1 > em{
		font-weight:700; color:var(--main-color1); font-size:min(max(1vw, 6vw),20px);
	}
	.mncont3 > .mcont1 .tit1 > h2{
		margin-top:min(max(1vw, 1.8vw),16px);
		font-weight:800; color:#333; font-size:min(max(1vw, 11vw),45px); line-height:min(max(1vw, 13vw),54px);
	}
	.mncont3 > .mcont1 .tit1 > p{
		margin-top:min(max(1vw, 2.8vw),20px);
		color:#333; font-size:min(max(1vw, 6vw),20px); line-height:min(max(1vw, 8vw),28px);;
	}
	
	.programbox1{
		width:100%;
		padding:0 0 min(max(10px, 4vw),20px) min(max(10px, 4vw),30px); margin-top:min(max(10px, 9vw),50px);
		overflow:hidden;
	}
	.programbox1 .swiper-wrapper{
	}
	.programbox1 .swiper-slide{
		width:min(max(1vw, 76vw),370px) !important;
		margin-right:min(max(10px, 5vw),30px);
		overflow:hidden;
		border-radius:min(max(10px, 5vw),30px);
		box-shadow:4px 4px 10px 1px rgba(0,0,0,.1);
		background:#fff;
	}
	.programbox1 .swiper-slide .imgbox1{
		height:min(max(1vw, 60vw),320px);
		overflow:hidden;	
	}
	.programbox1 .swiper-slide .imgbox1 > img{
		width:100%;
		object-fit:cover;
	}
	.programbox1 .swiper-slide .detail1{
		position:relative;
		text-align:left;
		padding:min(max(1vw, 7vw),35px) min(max(1vw, 4vw),25px);
	}
	.programbox1 .swiper-slide .detail1 > em{
		position:absolute; right:min(max(1vw, 5vw),30px); top:calc(0px - min(max(1vw, 4.8vw),20px));
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		display:inline-block;
		padding:min(max(1vw, 2vw),10px) min(max(1vw, 4vw),20px);
		border-radius:min(max(1vw, 5vw),30px);
		color:#fff; font-weight:600; font-size:min(max(1vw, 4vw),20px);
	}
	.programbox1 .swiper-slide .detail1 > h4{
		font-weight:600; color:#333; font-size:min(max(1vw, 4.8vw),25px);		
	}
	.programbox1 .swiper-slide .detail1 > ul{
		margin-top:min(max(1vw, 4vw),20px);
	}
	.programbox1 .swiper-slide .detail1 > ul > li{
		display:flex;
		line-height:24px;
	}
	.programbox1 .swiper-slide .detail1 > ul > li:nth-child(n+2){
		margin-top:min(max(1vw, 1.2vw),10px);
	}
	.programbox1 .swiper-slide .detail1 > ul > li > em{
		display:flex; gap:5px; align-items:center;
		flex:0 0 min(max(1vw, 15vw),70px);
		font-weight:700; color:#333; font-size:min(max(1vw, 3.8vw),18px);
	}
	.programbox1 .swiper-slide .detail1 > ul > li > em::before{
		width:3px; height:70%;
		background:var(--main-color1);
		content:"";
	}
	.programbox1 .swiper-slide .detail1 > ul > li > span{
		font-weight:500; color:#666; font-size:min(max(1vw, 3.8vw),18px);
	}
	.mncont3 > .mcont1 > .ctrbox1{
		display:flex; gap:min(max(1vw, 3vw),20px);;
		margin:min(max(10px, 4vw),30px) auto 0; padding:0 min(max(10px, 4vw),30px);
		text-align:left;
	}
	.mncont3 > .mcont1 > .ctrbox1 .btn1{
		display:flex; gap:min(max(1vw, 1vw),10px);
	}
	.mncont3 > .mcont1 > .ctrbox1 .prev1,
	.mncont3 > .mcont1 > .ctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:min(max(30px, 9vw),71px); height:min(max(30px, 9vw),71px);
		cursor:pointer;
		z-index:12;
	}
	
	.mncont3 > .mcont1 > .ctrbox1 .prev1::before,
	.mncont3 > .mcont1 > .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../../images/main/btn_arr1.png?v=1) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont3 > .mcont1 > .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont3 > .mcont1 > .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont3 > .mcont1 > .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont3 > .mcont1 > .ctrbox1 > ul{
	}
	.mncont3 > .mcont1 > .ctrbox1 > ul > li.t1{
		color:var(--main-color1);
	}
	.mncont3 > .mcont1 > .ctrbox1 > ul > li{
		color:#666666; font-size:min(max(1vw, 4vw),16px); line-height:min(max(1vw, 6vw),24px);
	}
	.mncont3 > .guide1{
		position:relative;
		text-align:left;
		margin:min(max(1vw, 11vw),80px) auto 0; padding:0 min(max(10px, 4vw),30px);
		z-index:2
	}
	.mncont3 > .guide1 > .imgbox1{
		margin-top:min(max(1vw, 4.2vw),20px);		
		text-align:center;
	}
	.mncont3 > .guide1 > .imgbox1 img{
		display:inline-block;
		max-width:76%;
	}
	.mncont3 > .guide1 > .sbubble1{		
		width:min(max(1vw, 65vw),416px); height:min(max(1vw, 18.18vw),116px);
		font-weight:600; color:#fff; font-size:min(max(1vw, 5.4vw),32px); line-height:min(max(1vw, 5.4vw),32px);
		display:flex; align-items:center;
		padding-left:min(max(1vw, 9vw),60px);
		box-sizing:border-box;
		opacity:0;
	}
	.mncont3 > .guide1 > .sbubble1 > span{
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
		width:0;
	}
		
	.mncont3 > .guide1 > .sbubble1::before{
		position:absolute; left:0; top:min(max(1vw, 1.56vw),10px);
		display:block;
		width:100%; height:100%;		
		background:url(../../../images/main/bg_bubblebox1.png) no-repeat center bottom; background-size:cover;
		z-index:-1;
		content:"";
	}
	.mncont3 > .guide1 > .sbubble2{
		position:relative;
		margin-left:auto; margin-top:min(max(1vw, 1.56vw),10px);
		width:min(max(1vw, 85.31vw),546px); height:min(max(1vw, 30.15vw),193px);		
		font-weight:400; color:#333333; font-size:min(max(1vw, 3.3vw),20px); line-height:min(max(1vw, 5.2vw),28px);
		display:flex; justify-content:center; align-items:flex-start; flex-direction:column;
		padding-left:min(max(1vw, 8vw),70px);;
		box-sizing:border-box;	
		opacity:0;
	}
	.mncont3 > .guide1 > .sbubble2 > span{
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
		width:0;
	}		
	.mncont3 > .guide1 > .sbubble2::before{
		position:absolute; left:0; top:min(max(1vw, 1.56vw),10px);
		display:block;
		width:100%; height:100%;		
		background:url(../../../images/main/bg_bubblebox2.png) no-repeat center center; background-size:cover;
		z-index:-1;
		content:"";
	}
	.mncont3 > .guide1 > .sbubble2::after{
		position:absolute; right:min(max(1vw, 7vw),50px); bottom:min(max(1vw, 4vw),20px);
		display:block;
		width:min(max(1vw, 16.87vw),108px); height:min(max(1vw, 15.78vw),101px);
		background:url(../../../images/main/img_bear1.png) no-repeat center center; background-size:cover;
		z-index:-2;
		filter:blur(5px);
		transition:bottom ease .4s 1s, filter ease .3s 1.1s;
		content:"";
		animation: bearani 800ms linear infinite alternate; animation-timing-function:ease-in-out;
	}
	.mncont3 > .guide1.aos-animate > .sbubble1{
		animation:bubblePop .5s cubic-bezier(.22,1.2,.36,1) .5s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2{
		animation:bubblePop .5s cubic-bezier(.22,1.2,.36,1) .8s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble1 > span{
		animation:typing1 1s .8s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span{
		animation:typing2 1.5s 1.4s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span:nth-of-type(2){
		animation-delay:1.8s;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span:nth-of-type(3){
		animation-delay:2.2s;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2::after{
		filter:blur(0px);
		bottom:calc(100% - min(max(1vw, 4.8vw),26px));
	}
	@keyframes typing1{
		from { width:0 }
		to { width:14ch }
	}
	@keyframes typing2{
		from { width:0 }
		to { width:35ch }
	}
	@keyframes bubblePop{
		0%{
			opacity:0;
			transform:scale(0.6);
		}
		70%{
			opacity:1;
			transform:scale(1.05);
		}
		100%{
			opacity:1;
			transform:scale(1);
		}
	}
	@keyframes bearani {
		0%{
			transform: rotate(0) translate3d(0, 0%, 0);
		}
		40%{
			transform: rotate(-2deg) translate3d(-1%, 0, 0);
		}
		80%{
			transform: rotate(2deg) translate3d(0, 0%, 0);
		}
		100%{
			transform: rotate(0) translate3d(-1%, 0, 0);
		}
	}
	
	.mncont4{
		overflow:hidden;
		padding:min(max(1vw, 18vw),120px) 0 min(max(1vw, 22vw),130px);
		background:url(../../images/main/bg_event1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont4 > .mcont1{
	}
	.mncont4 > .mcont1 > .tit1{		
		color:#fff;
		padding:0 min(max(10px, 4vw),30px)
	}
	.mncont4 > .mcont1 > .tit1 > em{
		font-weight:600; font-size:min(max(1vw, 4vw),20px);
	}
	.mncont4 > .mcont1 > .tit1 > div{
		margin-top:min(max(1vw, 2vw),10px);
		font-weight:800; font-size:min(max(1vw, 7.2vw),45px); line-height:min(max(1vw, 9vw),54px);
	}
	.mncont4 > .mcont1 > .tit1 > a{
		display:inline-block;
		padding:min(max(1vw, 2.4vw),15px) min(max(1vw, 5vw),40px); margin-top:min(max(1vw, 4vw),30px);
		border:1px solid #fff;
		border-radius:50px;
		color:#fff; font-weight:600; font-size:min(max(1vw, 3vw),18px);
		transition:background ease .3s .0s;
	}
	.mncont4 > .mcont1 > .tit1 >  a:hover{
		background:#fff;
		color:#333;
	}
	.mncont4 > .mcont1 .eventslidebox1{
		position:relative;
		padding-top:min(max(1vw, 4vw),30px);
	}		
	
	.mncont4 > .mcont1 .eventbox1{
		overflow:hidden;
		padding:min(max(1vw, 3vw),20px)
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide{
		width:min(max(1vw, 72vw),600px);
		margin:min(max(1vw, 1.8vw),15px);
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .imgbox1{
		overflow:hidden;
		height:min(max(1vw, 48vw),400px);
		border-radius:min(max(1vw, 5vw),30px);
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .imgbox1 > img{
		width:100%;
		object-fit:cover;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1{
		color:#fff;
		text-align:left;
		padding-top:min(max(1vw, 1.4vw),15px);
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1 > div{
		font-weight:600; font-size:min(max(1vw, 4vw),26px);
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1 > p{
		margin-top:min(max(1vw, 1vw),10px);
		font-size:min(max(1vw, 2.8vw),18px);
	}
	.hover-tilt{
		will-change:transform;
    	transition:transform .25s cubic-bezier(.22,.61,.36,1);
	}
	
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1{		
		margin-top:min(max(1vw, 4vw),30px);
		display:flex; gap:10px; justify-content:center;
	}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1,
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:min(max(30px, 9vw),71px); height:min(max(30px, 9vw),71px);
		cursor:pointer;
		z-index:12;
	}
	
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1::before,
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../../images/main/btn_arr1.png?v=1) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	
	.mncont5{
		position:relative;
		width:100%; height:100vh;
		background:url(../../images/main/bg_animalexploration1.jpg) no-repeat center center; background-size:cover;		
		display:flex;  align-items:flex-end; text-align:left;
		overflow:hidden;
	}
	.mncont5 > .mcont1{
		margin:0 min(max(10px, 4vw),30px); padding-bottom:min(max(1vw, 12vw),110px);
	}
	.mncont5 > .mcont1 .tit1{
		color:#fff;
		text-align:left;
	}
	.mncont5 > .mcont1 .tit1 > em{
		font-weight:600; font-size:min(max(1vw, 4vw),20px);
	}
	.mncont5 > .mcont1 .tit1 > div{
		margin-top:min(max(1vw, 3vw),20px);
		font-weight:800; font-size:min(max(1vw, 7vw),52px); line-height:min(max(1vw, 9.8vw),62px);
	}
	.mncont5 > .mcont1 .tit1 > p{
		margin-top:min(max(1vw, 4vw),30px);	
		font-size:min(max(1vw, 4vw),25px); line-height:min(max(1vw, 6.6vw),38px);
	}
	
	.mncont5 > .mcont1 > * > a{
		display:inline-block;
		padding:min(max(1vw, 2.4vw),15px) min(max(1vw, 5vw),40px); margin-top:min(max(1vw, 5vw),40px);
		border:1px solid #fff;
		border-radius:50px;
		color:#fff; font-weight:600; font-size:min(max(1vw, 3vw),18px);
		transition:background ease .3s .0s;
	}
	.mncont5 > .mcont1 > * >  a:hover{
		background:#fff;
		color:#333;
	}
	
	
	.mncont6{
		position:relative;
		overflow:hidden;
		padding:min(max(1vw, 18vw),120px) 0 min(max(1vw, 22vw),180px);
		z-index:2;
	}
	.mncont6 > .mcont1{
	}
	.mncont6 > .mcont1 > .tit1{		
		color:#333;
	}
	.mncont6 > .mcont1 > .tit1 > em{
		color:var(--main-color1); font-weight:600; font-size:min(max(1vw, 4vw),20px);
	}
	.mncont6 > .mcont1 > .tit1 > div{
		margin-top:min(max(1vw, 1.8vw),16px);
		font-weight:800; font-size:min(max(1vw, 7.2vw),45px); line-height:min(max(1vw, 9vw),54px);
	}
	.mncont6 > .mcont1 > .tit1 > p{
		margin-top:min(max(1vw, 4vw),20px);
		font-size:min(max(1vw, 4vw),20px);
	}
		
	.mncont6 .bnnbox1{
		width:100%; overflow: hidden;
		margin-top:min(max(1vw, 6vw),50px);
	}
	.bnnbox1 .rollevent {
		width:100%; overflow:visible; 
	}
	.bnnbox1 .rollevent .swiper-wrapper { 
		transition-timing-function: linear !important;
	}
	
	.bnnbox1 .rollevent .swiper-slide {
		margin:0 min(max(1vw, 3vw),15px);
		width:min(max(1vw, 43.12vw),276px); height:min(max(1vw, 76.56vw),490px);
	}
	.bnnbox1 .rollevent .swiper-slide img{
		width:100%;
	}
	.bnnbox1 .rollevent .swiper-slide a{
		display:block;
		overflow:hidden;
		box-sizing:border-box;
		width:100%; height:100%;
		border-radius:min(max(1vw, 4vw),20px);
	}
	.bnnbox1 .rollevent .swiper-slide a::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		box-sizing:border-box;
		border-radius:20px;
		border:0px solid #1a7c36;
		background:rgba(0,0,0,.2);
		background-position:center center;
		content:"";
		transition:all ease .2s 0s;	
	}
	.bnnbox1 .rollevent .swiper-slide a:hover::before{
		background:rgba(var(--rgb-color1),.6) url(../../../images/main/btn_view1.png) no-repeat center center;
		box-shadow:4px 4px 12px 2px rgba(0,0,0,.4);
		transition:all ease .3s 0s;
	}
	
	
	.bnnbox1 .rollevent .ctrbox1{
		display:flex; justify-content:center; align-items:center; gap:0 40px;
		margin-top:min(max(1vw, 5vw),40px);;
	}	
	.bnnbox1 .rollevent .swiper-scrollbar {
		display:none;
		position:relative; left:0 !important; bottom:0 !important; width:200px; min-width:200px; height:30px; background:none; 
	}
	.bnnbox1 .rollevent .swiper-scrollbar:before {
		position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:4px; background:#dddddd; border-radius:2px;
		content:'';
	}
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag {
		position:relative; min-width:30px; height:30px; border-radius:50%;
		cursor:pointer;
		background: rgb(26, 124, 54);
	}

	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:before,
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:after {
		position:absolute; top:50%; left:6px; 
		transform:translateY(-50%);
		width:9px; height:10px; 
		background:url("../../images/main/btn_arr1.png") no-repeat left center;
		content:'';
	}
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:after{
		left:auto; right:6px;
		background-position:right center;
	}
	.bnnbox1 .rollevent .ctrbox1 > *:nth-child(2) a{
		display:inline-block;
		padding:min(max(1vw, 2.4vw),15px) min(max(1vw, 5vw),40px); margin-top:min(max(1vw, 5vw),40px);
		border:1px solid #333;
		border-radius:50px;
		color:#333; font-weight:600; font-size:min(max(1vw, 3vw),18px);
		transition:background ease .3s .0s;
	}
	.bnnbox1 .rollevent .ctrbox1 > *:nth-child(2) a:hover{
		color:#fff;
		border-color:var(--main-color1); 
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		transition:all ease .3s 0s;
	}
	
	.mncont7{
		position:relative;
		padding:0 min(max(10px, 4vw),30px) min(max(1vw, 23vw),150px);
		background:#fff;
		border-radius:0 0 min(max(1vw, 23vw),150px) 0;
		z-index:2;
	}
	.mncont7 > .mcont1{
		margin:0 auto;
	}
	.mncont7 > .mcont1 > .tit1{		
		color:#333;
	}
	.mncont7 > .mcont1 > .tit1 > em{
		color:var(--main-color1); font-weight:600; font-size:min(max(1vw, 4vw),20px);
	}
	.mncont7 > .mcont1 > .tit1 > div{
		margin-top:min(max(1vw, 1.8vw),16px);
		font-weight:800; color:#333; font-size:min(max(1vw, 7.2vw),45px); line-height:min(max(1vw, 9vw),54px);
	}
	.mncont7 > .mcont1 > ul{
		margin-top:50px;
		width:100%;
		display:flex; gap:min(max(1vw, 4vw),30px); flex-wrap:wrap;
	}
	.mncont7 > .mcont1 > ul > li{
		flex:0 0 calc((100% - 1 * min(max(1vw, 4vw),30px)) / 2);
		box-shadow:0 0 .8px 1px #ddd;
		box-sizing:border-box;
		border-radius:30px;
		padding:min(max(1vw, 11vw),45px) min(max(1vw, 4vw),30px) min(max(1vw, 4vw),20px);
		text-align:left;
	}
	.mncont7 > .mcont1 > ul > li > div{
		color:#333; font-weight:700; font-size:min(max(1vw, 4vw),25px); line-height:min(max(1vw, 5vw),32px);		
	}
	.mncont7 > .mcont1 > ul > li > div::before{
		display:block;
		width:min(max(1vw, 35.25vw),232px); height:min(max(1vw, 28.68vw),190px);
		margin:0 auto min(max(1vw, 4vw),40px);
		background:url(../../../images/main/ico_info1.png) no-repeat left center; background-size:400% 100%;
		content:"";
	}
	.mncont7 > .mcont1 > ul > li:nth-child(2) > div::before{
		background-position:33.33% center;
	}
	.mncont7 > .mcont1 > ul > li:nth-child(3) > div::before{
		background-position:66.67% center;
	}
	.mncont7 > .mcont1 > ul > li:nth-child(4) > div::before{
		background-position:100% center;
	}
	.mncont7 > .mcont1 > ul > li > p{
		margin-top:15px;
		color:#666666; font-size:min(max(1vw, 3vw),16px); line-height:min(max(1vw, 5vw),24px);
	}
	.mncont7 > .mcont1 > ul > li > a{
		display:block;
		margin-top:min(max(1vw, 6vw),50px);
		color:var(--main-color1); font-weight:600; font-size:min(max(1vw, 3vw),16px);
	}
	
	.mncont8{
		position:relative;
		padding:min(max(270px, 90vw),350px) min(max(10px, 4vw),30px) min(max(1vw, 32vw),120px); margin-top:-240px;
		background:url(../../images/main/bg_spavalley1.jpg) no-repeat center center; background-size:cover;
		z-index:1;
	}
	.mncont8::before{
		position:absolute; left:0px; top:240px;
		width:min(max(1vw, 23vw),150px); height:min(max(1vw, 23vw),150px);
		background:#fff;
		mask:radial-gradient(min(max(1vw, 18vw),60px) at 100% 100%, transparent min(max(1vw, 23vw),150px), #fff min(max(1vw, 18vw),60px));
		content:"";	
	}
	.mncont8 > .mcont1{
		margin:0 auto;
	}
	.mncont8 > .mcont1 > .tit1{
		color:#fff;
	}
	.mncont8 > .mcont1 > .tit1 > p{
		font-size:min(max(1vw, 5vw),30px); line-height:min(max(1vw, 7vw),40px);
	}
	.mncont8 > .mcont1 > .tit1 > div{
		font-weight:800; font-size:min(max(1vw, 9vw),55px); line-height:min(max(1vw, 9vw),55px);
	}
	.mncont8 > .mcont1 > .tit1 > img{
		margin-top:min(max(1vw, 6vw),50px);
		max-width:50%;
	}
	.mncont8 > .mcont1 .inner1{
		margin-top:min(max(1vw, 7vw),60px);
		display:flex; gap:20px; flex-wrap:wrap;
	}
	.mncont8 > .mcont1 .cont1{
		flex:1;
		border-radius:min(max(1vw, 4vw),30px);
		overflow:hidden;
		background:#fff;
		text-align:left;
	}
	.mncont8 > .mcont1 .cont1 .imgbox1{
		height:auto;
	}
	.mncont8 > .mcont1 .cont1 .imgbox1 > img{
		width:100%;		
		object-fit:cover;
	}
	.mncont8 > .mcont1 .cont1 .detail1{
		position:relative;
		padding:35px 30px;
		color:#333; font-size:min(max(1px, 4.4vw),18px); line-height:min(max(1px, 6.4vw),24px);			
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1{
		padding-bottom:14px; margin-bottom:14px;
		border-bottom:1px solid #333;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1 > em{
		font-weight:700; font-size:min(max(10px, 6vw),25px);
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1 > span{
		display:block;
		margin-top:min(max(1px, 1vw),10px);
		font-size:min(max(1px, 3.4vw),13px); line-height:min(max(1px, 3.4vw),13px);
		text-transform:uppercase;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > span{
		position:absolute; right:30px; bottom:35px;
		font-size:0;
		display:block;
		width:26px; height:26px;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > span::before{
		display:block;
		width:100%; height:100%;
		background:url(../../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		transition:transform ease .4s;
		content:"";
	}
	.mncont8 > .mcont1 .cont1 a:hover .detail1 > span::before{
		transform:rotate(45deg);
	}
	@media screen and (max-width: 540px){	
		.mncont8 > .mcont1 .cont1{
			flex:0 0 100%;
		}
	}
	
.cflayer1{position:fixed; left:0; top:10%;  background:; width:100%;  z-index:10000;}
.cflayer1 .top1{position:relative;  background:;}
.cflayer1 .top1 h2{font-size:36px; color:; padding:20px 0; margin-bottom:10px;}
.cflayer1 .top1 .cbtn1{position:absolute; right:3%; top:0; z-index:100}
.cflayer1 .movieb1{margin-top:30px; }

.cflayer1 .movieb1{
	position:relative;
	padding-bottom: 53%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
  }
.cflayer1 .movieb1 iframe,
.cflayer1 .movieb1 object,
.cflayer1 .movieb1 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*main*/

