@charset "utf-8";

/*------------------------------------- #fv -------------------------------------*/
#fv .slider_box .anime_fv_box_1 .fv_bg_5 {-webkit-animation-name: fv_bg_5_anima 4s ease infinite; animation: fv_bg_5_anima 4s ease infinite;}
@-webkit-keyframes fv_bg_5_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fv_bg_5_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

#fv .slider_box .anime_fv_box_1 .fv_img_6 {-webkit-animation-name: fv_img_6_anima 4s ease infinite; animation: fv_img_6_anima 4s ease infinite;}
@-webkit-keyframes fv_img_6_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fv_img_6_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

#fv .slider_box .anime_fv_box_1 .fv_img_7 {-webkit-animation-name: fv_img_7_anima 2s ease infinite; animation: fv_img_7_anima 2s ease infinite;}
@-webkit-keyframes fv_img_7_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fv_img_7_anima {
	0% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
	50% {-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
	100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

#fv .slider_box .title h2 .title_1,
#fv .slider_box .title h2 .title_2{opacity: 0;}
#fv .slider_box .title.start-anim .title_1{-webkit-animation: title_h2_anima_1 2s ease forwards; animation: title_h2_anima_1 2s ease forwards;}
@-webkit-keyframes title_h2_anima_1 {
	0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}
@keyframes title_h2_anima_1 {
	0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}

#fv .slider_box .title.start-anim .title_2 {-webkit-animation: title_h2_anima_2 2s ease 1.0s forwards; animation: title_h2_anima_2 2s ease 1.0s forwards;}
@-webkit-keyframes title_h2_anima_2 {
	0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}
@keyframes title_h2_anima_2 {
	0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}

#fv .slider_box .swiper-wrapper .swiper-slide-active .swiper-slide-shadow-left,
#fv .slider_box .swiper-wrapper .swiper-slide-active .swiper-slide-shadow-right,
#fv .slider_box .swiper-wrapper .swiper-slide-active .img_2{-webkit-animation: swiper_anima_1 1.2s ease 0s 1; animation: swiper_anima_1 1.2s ease 0s 1;}
@-webkit-keyframes swiper_anima_1 {
	0% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
	40% {-webkit-transform:rotateZ(5deg); transform: rotateZ(5deg);}
	50% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
	90% {-webkit-transform:rotateZ(-5deg); transform: rotateZ(-5deg);}
	100% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
}
@keyframes swiper_anima_1 {
	0% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
	40% {-webkit-transform:rotateZ(5deg); transform: rotateZ(5deg);}
	50% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
	90% {-webkit-transform:rotateZ(-5deg); transform: rotateZ(-5deg);}
	100% {-webkit-transform:rotateZ(0deg); transform: rotateZ(0deg);}
}

/*------------------------------------- #fv -------------------------------------*/
.academics_sns #academics .list_box .flex_left_wow { -webkit-animation-name: flex_left_wow; animation-name: flex_left_wow;}

@-webkit-keyframes flex_left_wow {
	from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes flex_left_wow {
	from {opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
	to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.academics_sns #academics .list_box .flex_right_wow { -webkit-animation-name: flex_right_wow; animation-name: flex_right_wow;}
@-webkit-keyframes flex_right_wow {
	from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
	to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes flex_right_wow {
  from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
}

/*------------------------------------- #academics -------------------------------------*/
.academics_sns #academics .list_box .text_box a .text_tt{ transition: 0.5s;}
.academics_sns #academics .list_box .text_box a.thumb-hover .text_tt{-webkit-animation-name: text_tt_anima 1.5s ease infinite; animation: text_tt_anima 1.5s ease infinite; transition: 0.5s;}
@-webkit-keyframes text_tt_anima {
	0% {font-size: 17px;}
	25% {font-size:22px;}
	50% {font-size: 17px;}
	75% {font-size:22px;}
	100% {font-size: 17px;}
}
@keyframes text_tt_anima {
	0% {font-size: 17px;}
	25% {font-size:22px;}
	50% {font-size: 17px;}
	75% {font-size:22px;}
	100% {font-size: 17px;}
}

.academics_sns #academics .list_box .text_box a .ball{ transition: 0.5s;}
.academics_sns #academics .list_box .text_box a.thumb-hover .ball{-webkit-animation-name: ball_anima 1.5s ease infinite; animation: ball_anima 1.5s ease infinite; transition: 0.5s;}
@-webkit-keyframes ball_anima {
	0% {width: 88px; height: 88px; }
	25% {width: 100px; height: 100px; }
	50% {width: 88px; height: 88px; }
	75% {width: 100px; height: 100px;}
	100% {width: 88px; height: 88px; }
}
@keyframes ball_anima {
	0% {width: 88px; height: 88px; }
	25% {width: 100px; height: 100px; }
	50% {width: 88px; height: 88px; }
	75% {width: 100px; height: 100px;}
	100% {width: 88px; height: 88px; }
}


/*------------------------------------- #academics -------------------------------------*/
.academics_sns #sns .flex a.wow_link_1{-webkit-animation-name: wow_link_1; animation-name: wow_link_1; }
@-webkit-keyframes wow_link_1 {
	from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes wow_link_1 {
	from {opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
	to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.academics_sns #sns .flex a.wow_link_2{-webkit-animation-name: wow_link_2; animation-name: wow_link_2;}
@-webkit-keyframes wow_link_2 {
	from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
	to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes wow_link_2 {
  from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
}


@media print, screen and (max-width:1200px) {	
	.academics_sns #academics .list_box .flex_left_wow { -webkit-animation-name: flex_left_wow_sp; animation-name: flex_left_wow_sp ;}
	@-webkit-keyframes flex_left_wow_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes flex_left_wow_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0,-100px, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	.academics_sns #academics .list_box .flex_right_wow { -webkit-animation-name: flex_right_wow_sp; animation-name: flex_right_wow_sp;}
	@-webkit-keyframes flex_right_wow_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes flex_right_wow_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	/*------------------------------------- #academics -------------------------------------*/
	.academics_sns #academics .list_box .text_box a.thumb-hover .text_tt{-webkit-animation-name: text_tt_anima_sp 1.5s ease infinite; animation: text_tt_anima_sp 1.5s ease infinite; transition: 0.5s;}
	@-webkit-keyframes text_tt_anima_sp {
		0% {font-size: 14px;}
		25% {font-size:18px;}
		50% {font-size: 14px;}
		75% {font-size:18px;}
		100% {font-size: 14px;}
	}
	@keyframes text_tt_anima_sp {
		0% {font-size: 14px;}
		25% {font-size:18px;}
		50% {font-size: 14px;}
		75% {font-size:18px;}
		100% {font-size: 14px;}
	}
	
	.academics_sns #academics .list_box .text_box a.thumb-hover .ball{-webkit-animation-name: ball_anima_sp 1.5s ease infinite; animation: ball_anima_sp 1.5s ease infinite; transition: 0.5s;}
	@-webkit-keyframes ball_anima_sp {
		0% {width: 75px; height: 75px; }
		25% {width: 85px; height: 85px; }
		50% {width: 75px; height: 75px; }
		75% {width: 85px; height: 85px;}
		100% {width: 75px; height: 75px; }
	}
	@keyframes ball_anima_sp {
		0% {width: 75px; height: 75px; }
		25% {width: 85px; height: 85px; }
		50% {width: 75px; height: 75px; }
		75% {width: 85px; height: 85px;}
		100% {width: 75px; height: 75px; }
	}
	
	
	/*------------------------------------- #academics -------------------------------------*/
	.academics_sns #sns .flex a.wow_link_1{-webkit-animation-name: wow_link_1_sp; animation-name: wow_link_1_sp; }
	@-webkit-keyframes wow_link_1_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes wow_link_1_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	.academics_sns #sns .flex a.wow_link_2{-webkit-animation-name: wow_link_2_sp; animation-name: wow_link_2_sp;}
	@-webkit-keyframes wow_link_2_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes wow_link_2_sp {
		from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
		to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
}