@charset "utf-8";
/* CSS Document */
.anime {
	opacity: 0;
}
.anim01 {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/*-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;*/
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn{
0% {
 opacity:0;
}
100% {
 opacity:1;
}	
}
@keyframes fadeIn {
0% {
 opacity:0;
}
100% {
 opacity:1;
}
}

.anim02 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/*-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;*/
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;	
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
	   opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity:1;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
	  opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity:1;
  }
}

.border{
	position: relative;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.border_anim {
	-webkit-animation-name: border_anim;
	animation-name: border_anim;	
}
@keyframes border_anim {
	0%{
		width: 0%;
		opacity: 1;
	}
	100%{
		width: 100%;
		opacity: 1;
	}
}
/*.about_content01_box .about_content01_box_in:nth-child(2),.about_content01_box .about_content01_box_in:nth-child(4){
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.about_content01_box .about_content01_box_in:nth-child(2) .border,.about_content01_box .about_content01_box_in:nth-child(4) .border{
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}*/

.anim03 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.bounceIn {  
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {
  	0% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.1, 1.1) translate(0%, 0%);
    }
    100% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 1;
    }
}
@keyframes bounceIn {
  	0% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.1, 1.1) translate(0%, 0%);
    }
    100% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 1;
    }
}

.anim04 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.anim05 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
@media (max-width: 768px){
.anim04,.anim05 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: hidden;
	  opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	  opacity: 1;
  }
}
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.anim06 {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes lineLeft {
  from {
    width: 0;
	  opacity: 0;
  }

  to {
    width: 105px;
	  opacity: 1;
  }
}
@keyframes lineLeft {
  from {
    width: 0;
	  opacity: 0;
  }

  to {
    width: 105px;
	  opacity: 1;
  }
}
.lineLeft {
  -webkit-animation-name: lineLeft;
  animation-name: lineLeft;
}
@media (min-width: 769px){
.timeline .history_timebox:nth-child(3) .anim03{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.timeline .history_timebox:nth-child(3) .anim04,.timeline .history_timebox:nth-child(3) .anim05,.timeline .history_timebox:nth-child(3) .anim06,.timeline .history_timebox:nth-child(3) .anim07{
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
}