/*  ラインアニメーション */
.line:before,
.line:after {
  content: "";
  display: block;
  position: absolute;
  background: #ffef00;
  z-index: -1;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  width: 0%;
}
.swiper-slide .line:before {
  top: 84%;
  left: 5%;
  height: 8%;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.swiper-slide .line::after {
  top: 89%;
  left: 63%;
  height: 8%;
  transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.swiper-slide .line.animation:before {
  width: 55%;
}
.swiper-slide .line.animation:after {
  width: 33%;
}
.one-coin-first .line:before {
  top: 73%;
  left: 2%;
  height: 20%;
}
.one-coin-first .line:after {
  top: 80%;
  left: 61%;
  height: 15%;
  transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
}
.one-coin-first .line.animation:before {
  width: 55%;
}
.one-coin-first .line.animation:after {
  width: 39%;
}
.one-coin-inner > .high_technology h3:before,
.one-coin-inner > .high_technology h3:after {
  height: 10%;
}
.one-coin-inner > .high_technology h3:before {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.one-coin-inner > .high_technology h3:after {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.one-coin-inner > .high_technology h3:before {
  top: 24%;
}
.one-coin-inner > .high_technology h3:after {
  top: 48%;
}
.one-coin-inner > .high_technology h3.animation:before {
  width: 85%;
}
.one-coin-inner > .high_technology h3.animation:after {
  width: 49%;
}


.line {
  position: relative;
  z-index: 0;
}
.line:after {
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  -ms-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}
.gallery_thumbs_wrap ul li:before { 
  height: 1.5vw;
  bottom: 10%;
}
.gallery_thumbs_wrap ul li:nth-of-type(1).animation:before { 
  width: 88%;
}
.gallery_thumbs_wrap ul li:nth-of-type(2):before { 
  -webkit-transition-delay: .6s;
  -moz-transition-delay: .6s;
  -ms-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
}
.gallery_thumbs_wrap ul li:nth-of-type(2).animation:before { 
  width: 70%;
}
.gallery_thumbs_wrap ul li:nth-of-type(3):before { 
  -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  -ms-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}
.gallery_thumbs_wrap ul li:nth-of-type(3).animation:before { 
  width: 72%;
}
.one-coin-inner > .high_technology h3:before,
.one-coin-inner > .high_technology h3:after {
  height: 10%;
}
.one-coin_contet > h3:before,
.one-coin_contet > h3:after {
  height: 25%;
}
.one-coin_contet > h3:before {
  -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  -ms-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}
.one-coin_contet > h3:after {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.one-coin_contet > h3.animation:before, 
.one-coin_contet > h3.animation:after {
  width: 100%;
}
.one-coin_contet > h3.animation:before {
  top: 32%;
}
.one-coin_contet > h3.animation:after {
  top: 80%;
}
.one-coin_corse_wrap > h5:before {
  height: 10%;
  bottom: -10%;
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -ms-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}
.one-coin_corse_wrap > h5.animation:before {
  width: 100%;
  height: 60%
}
.one-coin_corse_wrap > dl dt:before {
  height: 50%;
  bottom: -10%;
}
.one-coin_corse_wrap > dl dt.animation:before {
  width: 100%;
}
.one-coin_corse_wrap > dl dd ul li:first-of-type:before {
  height: 20%;
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  -ms-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}
.one-coin_corse_wrap > dl dd ul li:first-of-type.animation:before {
  width: 75%;
  top: 35%;
  left: 17%;
}
.one-coin_corse_wrap > dl dd ul li:nth-of-type(2):before {
  height: 40%;
  -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  -ms-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}
.one-coin_corse_wrap > dl dd ul li:nth-of-type(2).animation:before {
  width: 42%;
  top: 54%;
  left: 17%;
}
.one-coin_corse_wrap > dl dd ul li:nth-of-type(3):before {
  height: 40%;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.one-coin_corse_wrap > dl dd ul li:nth-of-type(3).animation:before {
  width: 39%;
  top: 55%;
  left: 54%;
}



/*  ヒューマンアニメーション */
.human_load_left,.human_load_right {
  opacity: 0;
}
.human_load_left.human_loaded {
  opacity: 1;
  -webkit-animation-name: rightToCenter;
  -moz-animation-name: rightToCenter;
  -o-animation-name: rightToCenter;
  animation-name: rightToCenter;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.human_load_right.human_loaded {
  opacity: 1;
  -webkit-animation-name: leftToCenter;
  -moz-animation-name: leftToCenter;
  -o-animation-name: leftToCenter;
  animation-name: leftToCenter;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.rightToCenter {
	-webkit-animation: rightToCenter 1s ease 0s 1 normal both;
	-moz-animation: rightToCenter 1s ease 0s 1 normal both;
	-o-animation: rightToCenter 1s ease 0s 1 normal both;
	animation: rightToCenter 1s ease 0s 1 normal both;
}
@-webkit-keyframes rightToCenter {
	0% { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); }
	100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes rightToCenter {
	0% { opacity: 0; -moz-transform: translateX(50%); transform: translateX(50%); }
	100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes rightToCenter {
	0% { opacity: 0; -o-transform: translateX(50%); transform: translateX(50%); }
	100% { opacity: 1; -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes rightToCenter {
	0% { opacity: 0; transform: translateX(50%); }
	100% { opacity: 1; transform: translateX(0); }
}
.leftToCenter {
	-webkit-animation: leftToCenter 1s ease 0s 1 normal both;
	-moz-animation: leftToCenter 1s ease 0s 1 normal both;
	-o-animation: leftToCenter 1s ease 0s 1 normal both;
	animation: leftToCenter 1s ease 0s 1 normal both;
}
@-webkit-keyframes leftToCenter {
	0% { opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes leftToCenter {
	0% { opacity: 0; -moz-transform: translateX(-50%); transform: translateX(-50%); }
	100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes leftToCenter {
	0% { opacity: 0; -o-transform: translateX(-50%); transform: translateX(-50%); }
	100% { opacity: 1; -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes leftToCenter {
	0% { opacity: 0; transform: translateX(-50%); }
	100% { opacity: 1; transform: translateX(0); }
}



/*  バウンスアニメーション  */
.bounceIn {
  opacity: 0;
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -ms-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}
.bounceIn.bounceIn_loaded {
	opacity: 1;
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  -o-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.one-coin_contet > h3 .bounceIn,
.celebrity_box.bounceIn {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -ms-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}
.course_menu_content_box_title.bounceIn,
.course_menu_postpratum_title.bounceIn,
main > .one-coin > h2 span:first-child.bounceIn {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -ms-animation-delay: .1s;
  -o-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
		-moz-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		-o-transform: scale3d(1.03, 1.03, 1.03);
}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-moz-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-moz-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		-moz-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-moz-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		-moz-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-moz-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		-moz-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
}
}
@-o-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-o-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		-o-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-o-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		-o-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-o-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}