@charset "utf-8";
/*body {
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}*/
#page-title, #page-title h2, #page-title h2 span {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
#page-title {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#page-title h2 {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#page-title h2 span {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
/* Gmenu */
#category-nav li a small {
}
#category-nav li a:hover small {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: clip;
	animation-name: clip;
}
@keyframes clip {
 0% {
-webkit-clip-path: inset(0 100% 0 0);
 clip-path: inset(0 100% 0 0);
}
 100% {
-webkit-clip-path: inset(0);
 clip-path: inset(0);
}
}
@-webkit-keyframes clip {
 0% {
-webkit-clip-path: inset(0 100% 0 0);
 clip-path: inset(0 100% 0 0);
}
 100% {
-webkit-clip-path: inset(0);
 clip-path: inset(0);
}
}
#category-nav-sub li {
	padding: 0 10px;
}
/*#category-nav-sub li a:before {
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	transition: all .5s;
}*/
#category-nav-sub li a:hover {
	color: #cce5dc;
}
#category-nav-sub li a:hover:before {
	border-top: solid 1px #cce5dc;
	border-right: solid 1px #cce5dc;
}
/* hover */
.feature-box a:hover, .subject-box a:hover {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: hover;
	animation-name: hover;
}
a {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
/* scroll animation */
.fromTopIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}
.fromTopOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, -10px);
	opacity: 0.0;
}
article h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
article h2.motion {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 -ms-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
/* index */
#home #page-title h2 {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
#home #page-title h2 small {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
#main #page-title h2:before {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
#main #page-title h2 .border {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
#main #page-title h2 .s-txt {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: .1.6s;
	animation-delay: 1.6s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.news-box01, .news-box02, .news-box03, .news-box04 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}
.news-box01.motion, .news-box02.motion, .news-box03.motion, .news-box04.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.news-box01.motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.news-box02.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.news-box03.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.news-box04.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.home-box02 .event-box,
.sp02 .event-box {
	--webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.home-box02 .event-box.motion,
.sp-box02 .event-box.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.home-box02 .event-box:nth-child(1).motion,
.sp-box02 .event-box:nth-child(1).motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.home-box02 .event-box:nth-child(2).motion,
.sp-box02 .event-box:nth-child(2).motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.home-box02 .event-box:nth-child(3).motion,
.sp-box02 .event-box:nth-child(3).motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.home-box02 .event-box:nth-child(4).motion,
.sp-box02 .event-box:nth-child(4).motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.link-box01, .link-box02, .link-box03, .link-box04 {
	--webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.link-box01.motion, .link-box02.motion, .link-box03.motion, .link-box04.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.link-box01.motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.link-box02.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.link-box03.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.link-box04.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.content-box02, .content-box03, .content-box04, .content-box05, .content-box06, .content-box07, .content-box08 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.content-box02.motion, .content-box03.motion, .content-box04.motion, .content-box05.motion, .content-box06.motion, .content-box07.motion, .content-box08.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.content-box02.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.content-box03.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.content-box04.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.content-box05.motion {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.content-box06.motion {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.content-box07.motion {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.content-box08.motion {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.calendar-list01, .calendar-list02, .calendar-list03, .calendar-list04, .calendar-list05, .calendar-list06, .calendar-list07, .calendar-list08, .calendar-list09, .calendar-list10, .calendar-list11, .calendar-list12 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.calendar-list01.motion, .calendar-list02.motion, .calendar-list03.motion, .calendar-list04.motion, .calendar-list05.motion, .calendar-list06.motion, .calendar-list07.motion, .calendar-list08.motion, .calendar-list09.motion, .calendar-list10.motion, .calendar-list11.motion, .calendar-list12.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.calendar-list01 .cal-date, .calendar-list02 .cal-date, .calendar-list03 .cal-date, .calendar-list04 .cal-date, .calendar-list05 .cal-date, .calendar-list06 .cal-date, .calendar-list07 .cal-date, .calendar-list08 .cal-date, .calendar-list09 .cal-date, .calendar-list10 .cal-date, .calendar-list11 .cal-date, .calendar-list12 .cal-date {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.calendar-list01.motion .cal-date, .calendar-list02.motion .cal-date, .calendar-list03.motion .cal-date, .calendar-list04.motion .cal-date, .calendar-list05.motion .cal-date, .calendar-list06.motion .cal-date, .calendar-list07.motion .cal-date, .calendar-list08.motion .cal-date, .calendar-list09.motion .cal-date, .calendar-list10.motion .cal-date, .calendar-list11.motion .cal-date, .calendar-list12.motion .cal-date {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

/* For Graduates */
.interview1,
.interview2,
.interview3,
.interview4,
.interview5 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.interview1.motion, .interview2.motion, .interview3.motion, .interview4.motion, .interview5.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.interview1.motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.interview2.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.interview3.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.interview4.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.interview5.motion {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.links01, .links02 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.links01.motion, .links02.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.links01.motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.links02.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}

/* For Prospective Students */

.prospective-box02 .topic {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.prospective-box02 .topic.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.prospective-box02 .topic01.motion {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.prospective-box02 .topic02.motion {
	-webkit-animation-delay:.2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.prospective-box02 .topic03.motion {
	-webkit-animation-delay:.4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}

.prospective-box05 .links,
#prospective04,
#prospective06 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.prospective-box05 .links.motion,
#prospective04.motion,
#prospective06.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fuwafuwa {
 0% {
-webkit-transform:translate(0, 0);
}
 50% {
-webkit-transform:translate(0, -10px);
}
 100% {
-webkit-transform:translate(0, 0);
}
}
@-moz-keyframes fuwafuwa {
 0% {
-moz-transform:translate(0, 0);
}
 50% {
-moz-transform:translate(0, -10px);
}
 100% {
-moz-transform:translate(0, 0);
}
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 10deg);
 transform: rotate3d(0, 0, 1, 10deg)
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -8deg);
 transform: rotate3d(0, 0, 1, -8deg)
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg)
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg)
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 10deg);
 -ms-transform: rotate3d(0, 0, 1, 10deg);
 transform: rotate3d(0, 0, 1, 10deg)
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -8deg);
 -ms-transform: rotate3d(0, 0, 1, -8deg);
 transform: rotate3d(0, 0, 1, -8deg)
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 -ms-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg)
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 -ms-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg)
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 -ms-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg)
}
}
 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
 50% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1)
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
 50% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 -ms-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1)
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
.subject09 .inner img.photo {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.subject09 .inner.motion img.photo {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.subject09 .inner img.item01 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.subject09 .inner.motion img.item01 {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
.subject10 .inner img.item01 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.subject10 .inner.motion img.item01 {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
.subject10 a:hover .inner.motion img.item01 {
	-webkit-animation: spin 7s linear infinite;
	-moz-animation: spin 7s linear infinite;
	-ms-animation: spin 7s linear infinite;
	-o-animation: spin 7s linear infinite;
	animation: spin 7s linear infinite;
}
@-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
 0% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
 0% {
-ms-transform: rotate(0deg);
}
 100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes spin {
 0% {
-o-transform: rotate(0deg);
}
 100% {
-o-transform: rotate(360deg);
}
}
@keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
.activities01, .activities02, .activities03, .activities04, .activities05, .activities06, .activities07, .activities08, .activities09, .activities10, .activities11, .activities12, .activities13, .activities14, .activities15, .activities-more {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.activities01.motion, .activities02.motion, .activities03.motion, .activities04.motion, .activities05.motion, .activities06.motion, .activities07.motion, .activities08.motion, .activities09.motion, .activities10.motion, .activities11.motion, .activities12.motion, .activities13.motion, .activities14.motion, .activities15.motion, .activities-more.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.tit-club-news:before {
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.tit-club-news:before.motion {
 transform: scale(1, 1);
}
.activities01 .inner, .activities02 .inner, .activities03 .inner, .activities04 .inner, .activities05 .inner, .activities06 .inner, .activities07 .inner, .activities08 .inner, .activities09 .inner, .activities10 .inner, .activities11 .inner, .activities12 .inner, .activities13 .inner, .activities14 .inner, .activities15 .inner {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.activities01.motion .inner, .activities02.motion .inner, .activities03.motion .inner, .activities04.motion .inner, .activities05.motion .inner, .activities06.motion .inner, .activities07.motion .inner, .activities08.motion .inner, .activities09.motion .inner, .activities10.motion .inner, .activities11.motion .inner, .activities12.motion .inner, .activities13.motion .inner, .activities14.motion .inner, .activities15.motion .inner {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
.column-3:nth-of-type(1), .column-3:nth-of-type(2), .column-3:nth-of-type(3), .column-3:nth-of-type(4) {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.column-3:nth-of-type(1).motion, .column-3:nth-of-type(2).motion, .column-3:nth-of-type(3).motion, .column-3:nth-of-type(4).motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.building01, .building02, .building03, .building04, .building05, .building06, .building07, .building-ssc {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.building01.motion, .building02.motion, .building03.motion, .building04.motion, .building05.motion, .building06.motion, .building07.motion, .building-ssc.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* prospective */
.prospective02-1, .prospective02-2, .prospective02-3, .prospective02-4 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.prospective02-1.motion, .prospective02-2.motion, .prospective02-3.motion, .prospective02-4.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.prospective02-1.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.prospective02-2.motion {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.prospective02-3.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.prospective02-4.motion {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.prospective3-box, .prospective5-box, .prospective6a-box a, .prospective6b-box a, .prospective6c-box a, .prospective7-box {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.prospective3-box.motion, .prospective5-box.motion, .prospective6a-box a.motion, .prospective6b-box a.motion, .prospective6c-box a.motion, .prospective7-box.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.prospective05-1,.prospective05-2,.prospective05-3,.prospective05-4,.prospective05-5{
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.prospective05-1.motion,.prospective05-2.motion,.prospective05-3.motion,.prospective05-4.motion,.prospective05-5.motion,.interest-more{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.interest-imagination {
    -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.interest-imagination {
    -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.interest-more, .interest-more:hover, .interest-more:focus {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.interest-more.motion, .interest-more.motion:hover, .interest-more.motion:focus  {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.prospective6a-box a:nth-of-type(1).motion {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
.prospective6a-box a:nth-of-type(2).motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.prospective6a-box a:nth-of-type(3).motion {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.prospective6a-box a:nth-of-type(4).motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.prospective6a-box a:nth-of-type(5).motion {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.prospective6a-box a:nth-of-type(6).motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.prospective6a-box a:nth-of-type(7).motion {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}
.prospective6a-box a:nth-of-type(8).motion {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.prospective6a-box a:nth-of-type(9).motion {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
}
.prospective6b-box a:nth-of-type(1).motion {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.prospective6b-box a:nth-of-type(2).motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.prospective6b-box a:nth-of-type(3).motion {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.prospective6b-box a:nth-of-type(4).motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.prospective6b-box a:nth-of-type(5).motion {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.prospective6c-box a:nth-of-type(1).motion {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
.prospective6c-box a:nth-of-type(2).motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.prospective6c-box a:nth-of-type(3).motion {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.prospective6c-box a:nth-of-type(4).motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.prospective6c-box a:nth-of-type(5).motion {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.prospective6c-box a:nth-of-type(6).motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.prospective6c-box a:nth-of-type(7).motion {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}
.prospective6c-box a:nth-of-type(8).motion {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.prospective6c-box a:nth-of-type(9).motion {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
}
.prospective6c-box a:nth-of-type(10).motion {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.prospective6c-box a:nth-of-type(11).motion {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.prospective7-box.motion {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
#prospective .num {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#prospective .num.motion {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
#prospective .num p {
    -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#prospective .num p.motion {
    -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* for students and parents */
.club-box {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.club-box.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* school-life */
.school-life3a, .school-life3b, .school-life3c {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.school-life3a.motion, .school-life3b.motion, .school-life3c.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.school-life3a {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
.school-life3b {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.school-life3c {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.clubs-box01, .clubs-box02, .clubs-box03, .clubs-box04 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.clubs-box01.motion, .clubs-box02.motion, .clubs-box03.motion, .clubs-box04.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.clubs-box01 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.clubs-box02 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.clubs-box03 {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.clubs-box04 {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}
#school-links .links01, #school-links .links02, #school-links .links03, #school-links .links04, #school-links .links05, #school-links .links06 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#school-links .links01.motion, #school-links .links02.motion, #school-links .links03.motion, #school-links .links04.motion, #school-links .links05.motion, #school-links .links06.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* admission */
.admission1-content, .event-box, .admission-links .column-4, .admission-links .column-3, .subject .column-3, .faq .column-6 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.admission1-content.motion, .event-box.motion, .admission-links .column-4.motion, .admission-links .column-3.motion, .subject .column-3.motion, .faq .column-6.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* introduction */
.introduction3-box a img {
    -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.introduction2a, .introduction2b, .introduction2c, .introduction3-box div, .introduction04a, .introduction04b, .introduction04c, .introduction04d {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.introduction2a.motion, .introduction2b.motion, .introduction2c.motion, .introduction3-box div.motion, .introduction04a.motion, .introduction04b.motion, .introduction04c.motion, .introduction04d.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.introduction3b img,.introduction3c img,.introduction3d img,.introduction3e img,.introduction3g img,.introduction3i img,.introduction3j img,.introduction3k img {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.introduction3b.motion img,.introduction3c.motion img,.introduction3d.motion img,.introduction3e.motion img,.introduction3g.motion img,.introduction3i.motion img,.introduction3j.motion img,.introduction3k.motion img {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.introduction3b.motion img,.introduction3c.motion img,.introduction3d.motion img {
    -webkit-animation-delay: .0s;
  -moz-animation-delay: .0s;
  -o-animation-delay: .0s;
  animation-delay: .0s;
}
.introduction3e.motion img,.introduction3g.motion img,.introduction3d.motion img {
    -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}
.introduction3i.motion img,.introduction3j.motion img,.introduction3k.motion img {
    -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}
.introduction3a img,.introduction3f img,.introduction3h img, .introduction3l img {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.introduction3a.motion img,.introduction3f.motion img,.introduction3h.motion img, .introduction3l.motion img {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.subject .column-3 a img {
  -webkit-animation: all .3s ease both;
     -moz-animation: all .3s ease both;
       -o-animation: all .3s ease both;
          animation: all .3s ease both;
}
.subject .column-3 a:hover img {
  -webkit-animation-name: pickup;
  animation-name: pickup;
}
@keyframes pickup {
  from {
    transform: translate(0,0) rotate(0deg)
  }
  to {
    transform: translate(-15px,-15px) rotate(-10deg);
  }
}
/* graduates */
#graduates .num {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#graduates .num.motion {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

#graduates .num p {
    -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#graduates .num p.motion {
    -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/* animation */

@-webkit-keyframes shake {
 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0)
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 -ms-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0)
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 -ms-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0)
}
}
@-webkit-keyframes rubberBand {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 transform: scale3d(1.25, .75, 1)
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1)
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 transform: scale3d(1.15, .85, 1)
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1)
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1)
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 -ms-transform: scale3d(1.25, .75, 1);
 transform: scale3d(1.25, .75, 1)
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 -ms-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1)
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 -ms-transform: scale3d(1.15, .85, 1);
 transform: scale3d(1.15, .85, 1)
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1)
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1)
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 -ms-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
@keyframes hover {
 0% {
opacity: 1
}
 100% {
opacity: .75
}
}
@-webkit-keyframes hover {
 0% {
opacity: 1
}
 100% {
opacity: .75
}
}
@keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
@-webkit-keyframes bounceIn {
 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1)
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9)
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03)
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97)
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 -ms-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 -ms-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1)
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 -ms-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9)
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 -ms-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03)
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 -ms-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97)
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
}
 @-webkit-keyframes slideInLeft {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 -ms-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0)
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0)
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0)
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0)
}
 100% {
 -webkit-transform: none;
 transform: none
}
}
@keyframes motion {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 -ms-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0)
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 -ms-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0)
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 -ms-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0)
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 -ms-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0)
}
 100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
 @-webkit-keyframes bounceInRight {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0)
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0)
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0)
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0)
}
 100% {
 -webkit-transform: none;
 transform: none
}
}
@keyframes bounceInRight {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 -ms-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0)
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 -ms-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0)
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 -ms-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0)
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 -ms-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0)
}
 100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
@-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg)
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg)
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg)
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg)
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 -ms-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg)
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 -ms-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg)
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 -ms-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg)
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 -ms-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg)
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 -ms-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg)
}
}