.s-on{opacity:0;}
.s-on.active{animation-duration:1s; animation-name:tit-effect; animation-fill-mode:forwards; /*opacity:1 !important;*/}
.s-next{animation-duration:1s; animation-name:tit-effect; animation-fill-mode:forwards; /*opacity:1 !important;*/}

@keyframes blink-effect {
	from{opacity:1; }
	20%{opacity:0; },
	40%{opacity:1; },
	60%{opacity:0; },
	80%{opacity:1; },
	to{opacity:0; }
	}

@keyframes tit-effect {
	from{opacity:0; transform:translate(0px, -80px); }
	to{opacity:1; transform:translate(0, 0);}
	}

@keyframes main-tit-effect {
	from{opacity:0; transform:translate(0px, -80px); }
	20%{opacity:1; transform:translate(0, 0);}
	to{opacity:1;}
	}

@keyframes body-effect {
	from{opacity:0; transform:translate(0, 80px); }
	to{opacity:1; transform:translate(0, 0);}
	}

@keyframes right-effect {
	from{opacity:0; transform:translate(120px, 0px); }
	to{opacity:1; transform:translate(0, 0);}
	}

@keyframes main-right-effect {
	from{opacity:0; transform:translate(120px, 0px); }
	20%{opacity:1; transform:translate(0, 0);}
	to{opacity:1;}
	}

@keyframes left-effect {
	from{opacity:0; transform:translate(-120px, 0px); }
	to{opacity:1; transform:translate(0, 0);}
	}

.slide-01.slick-active .slide-txt .img.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-name:main-tit-effect; animation-iteration-count: infinite;}
.slide-01.slick-active .slide-txt .img:before{animation-duration:1s; animation-name:blink-effect; animation-delay:0.3s; animation-iteration-count: infinite; }
.slide-01.slick-active .slide-txt .txt.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-delay:300ms; animation-name:main-right-effect; animation-iteration-count: infinite;}
.slide-02.slick-active .slide-txt .img.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-delay:0.3s; animation-name:main-tit-effect; animation-iteration-count: infinite;}
.slide-02.slick-active .slide-txt .img:before{animation-duration:1s; animation-name:blink-effect; animation-delay:0.3s; animation-iteration-count: infinite; }
.slide-02.slick-active .slide-txt .txt.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-delay:0.5s; animation-name:main-right-effect; animation-iteration-count: infinite;}
.slide-03.slick-active .slide-txt .img.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-delay:0.3s; animation-name:main-tit-effect; animation-iteration-count: infinite;}
.slide-03.slick-active .slide-txt .img:before{animation-duration:1s; animation-name:blink-effect; animation-delay:0.3s; animation-iteration-count: infinite; }
.slide-03.slick-active .slide-txt .txt.s-slide{animation-direction:normal; animation-fill-mode:both; animation-duration:10s; animation-delay:0.5s; animation-name:main-right-effect; animation-iteration-count: infinite;}


.tit-img.active{ animation-delay:0.1s;}
.tit.active{ /*animation-delay:300ms;*/}
.tit-s.active{ animation-delay:0.3s;}
.tit-detail.active{ animation-delay:0.3s;}

.place01 .body ul li{/*animation-duration:1s;*/}
.place01 .body ul li.active{ animation-name:body-effect; animation-duration:0.5s;}
.place01 .body ul li:nth-child(1){/*animation-delay:100ms;*/}
.place01 .body ul li:nth-child(2){animation-delay:0.1s;}
.place01 .body ul li:nth-child(3){animation-delay:0.2s;}
.place01 .body ul li:nth-child(4){animation-delay:0.1s;}
.place01 .body ul li:nth-child(5){animation-delay:0.2s;}
.place01 .body ul li:nth-child(6){animation-delay:0.3s;}
.place01 .body p.active{ animation-name:body-effect; animation-duration:0.5s; animation-delay:0.3s;}

.place02 .tit.active{animation-delay:0.2s;}
.place02 .body dl.active{animation-name:body-effect; animation-duration:0.5s;}
.place02 .body dl:nth-child(1).active{}
.place02 .body dl:nth-child(2).active{}
.place02 .body dl:nth-child(3).active{}
.place02 .body .btm-tit-detail.active{animation-name:body-effect; animation-duration:0.5s;}
.place02 .body .btm-tit-detail-end.active{animation-name:body-effect; animation-duration:0.5s; animation-delay:0.3s;}

.place03 .body dl.active{animation-name:body-effect; animation-duration:0.5s;}
.place03 .body dl:nth-child(1).active{/*animation-delay:0.1s;*/}
.place03 .body dl:nth-child(2).active{animation-delay:0.1s;}
.place03 .body dl:nth-child(3).active{animation-delay:0.2s;}
.place03 .body dl:nth-child(4).active{animation-delay:0.3s;}
.place03 .body dl:nth-child(5).active{animation-delay:0.1s;}
.place03 .body dl:nth-child(6).active{animation-delay:0.2s;}
.place03 .body dl:nth-child(7).active{animation-delay:0.3s;}
.place03 .body dl:nth-child(8).active{animation-delay:0.1s;}
.place03 .body dl:nth-child(9).active{animation-delay:0.2s;}

.place04 .box-hi.active{animation-name:unset; opacity:1 !important;}
.place04 .box-hi.active:before{animation-name:tit-effect; animation-duration:0.5s; }
.place04 .box-hi .box-in{}
.place04 .box-hi .box-in.active{animation-name:left-effect;}
.place04 .box-talk p.active{animation-name:body-effect;}
/*.place04 .box-talk strong.active{animation-name:body-effect; animation-delay:0.6s;}*/
.place04 .box-talk span.active{animation-name:body-effect; animation-delay:0.2s;}

.place05 .y-2024.active{animation-name:left-effect; animation-duration:0.5s;}
.place05 .y-2022.active{animation-name:left-effect; animation-duration:0.5s;} 
.place05 .y-2020.active{animation-name:left-effect; animation-duration:0.5s;}
.place05 .y-2023.active{animation-name:right-effect; animation-duration:0.5s;}
.place05 .y-2021.active{animation-name:right-effect; animation-duration:0.5s;}

.place06 .body dl.active{animation-name:body-effect; animation-duration:0.5s;}
.place06 .body dl:nth-child(1){}
.place06 .body dl:nth-child(2){animation-delay:0.1s;}
.place06 .body dl:nth-child(3){animation-delay:0.2s;}
.place06 .body dl:nth-child(4){animation-delay:0.1s;}
.place06 .body dl:nth-child(5){animation-delay:0.2s;}
.place06 .body dl:nth-child(6){animation-delay:0.3s;}

.place07 .body.active{animation-name:body-effect;}

.place08 .body dl.active{animation-name:body-effect;}

.place09 .box-tit h2.active{animation-name:left-effect; animation-duration:0.5s;}
.place09 .box-tit p.active{animation-name:body-effect;  animation-duration:0.5s; animation-delay:0.2s; }
.place09 .body .page .img.active{overflow:unset; animation-name:right-effect;  animation-duration:0.5s; }
.place09 .body .page .img.active:before{right:-700px;}

.place10 .box-table h3.active{animation-name:body-effect;}
.place10 .box-table .focus-txt.active{animation-name:body-effect;}
.place10 .box-table .tuck.active{animation-name:body-effect;}

.place11 .body ul.list.active{animation-name:body-effect;}
.place11 .step li.active{animation-name:body-effect; animation-duration:0.5s; }
.place11 .step li:nth-child(1).active{}
.place11 .step li:nth-child(2).active{animation-delay:0.1s;}
.place11 .step li:nth-child(3).active{animation-delay:0.2s;}
.place11 .step li:nth-child(4).active{animation-delay:0.3s;}
.place11 .step li:nth-child(5).active{animation-delay:0.4s;}

.place12 .box-tit.active{animation-name:left-effect;}
.place12 .body button.active{animation-name:tit-effect; animation-duration:0.5s;}
.place12 .body button:nth-child(1).active{}
.place12 .body button:nth-child(2).active{animation-delay:0.2s;}
.place12 .body button:nth-child(3).active{animation-delay:0.4s;}