@charset "utf-8";
/* CSS Document */

/*** 解像度の幅が900px以上 ***************************/
@media all and (min-width:950px), print{
body{-webkit-print-color-adjust:exact;}
.fadeIn_down {
  opacity: 0;
  transform: translateY(-200px);
  transition-delay:0.7s;
	transition-duration:0.8s;
}

.fadeIn_down.is-show {
  transform: translateY(0);
  opacity: 1;
}

.fadeIn_down02 {
  opacity: 0;
  transform: translateY(-100px);
  transition-delay:1.2s;
	transition-duration:1s;
}

.fadeIn_down02.is-show {
  transform: translateY(0);
  opacity: 1;
}


.fadeIn_down03 {
  opacity: 0;
  transform: translateY(-10px);
  transition-delay:0.3s;
	transition-duration:0.5s;
}

.fadeIn_down03.is-show {
  transform: translateY(0);
  opacity: 1;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:2.5s;
	transition-duration:0.8s;
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up002 {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:0.5s;
	transition-duration:0.8s;
}

.fadeIn_up002.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up003 {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:0.8s;
	transition-duration:0.8s;
}

.fadeIn_up003.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up02 {
  opacity: 0;
  transform: translate(0, 40%);
  transition: 1s;
}
.fadeIn_up02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up03 {
  opacity: 0;
  transform: translate(0, 40%);
  transition: 0.6s;
}
.fadeIn_up03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up04 {
  opacity: 0;
  transform: translate(0, 0);
  transition: 3s;
}
.fadeIn_up04.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right02 {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 0.7s;
}
.fadeIn_right02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right002 {
  opacity: 0;
  transform: translate(50%, 0);
  transition-delay:0.5s;
	transition-duration:0.8s;
}
.fadeIn_right002.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right03 {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1s;
}
.fadeIn_right03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left02 {
  opacity: 0;
  transform: translate(-50%, 0);
  transition-delay:0.5s;
  transition-duration:0.8s;
}
.fadeIn_left02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left03 {
  opacity: 0;
  transform: translate(-20%, 0);
  transition: 0.8s;
}
.fadeIn_left03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

}

@media screen and (min-width:600px) and (max-width:949px){
	.fadeIn_down {
  opacity: 0;
  transform: translateY(-200px);
  transition-delay:0.7s;
	transition-duration:0.8s;
}

.fadeIn_down.is-show {
  transform: translateY(0);
  opacity: 1;
}

.fadeIn_down02 {
  opacity: 0;
  transform: translateY(-100px);
  transition-delay:1.2s;
	transition-duration:1s;
}

.fadeIn_down02.is-show {
  transform: translateY(0);
  opacity: 1;
}


.fadeIn_down03 {
  opacity: 0;
  transform: translateY(-10px);
  transition-delay:0.3s;
	transition-duration:0.5s;
}

.fadeIn_down03.is-show {
  transform: translateY(0);
  opacity: 1;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:2.5s;
	transition-duration:0.8s;
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up002 {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:0.5s;
	transition-duration:0.8s;
}

.fadeIn_up002.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up003 {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:0.8s;
	transition-duration:0.8s;
}

.fadeIn_up003.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up02 {
  opacity: 0;
  transform: translate(0, 40%);
  transition: 1s;
}
.fadeIn_up02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up03 {
  opacity: 0;
  transform: translate(0, 40%);
  transition: 0.6s;
}
.fadeIn_up03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up04 {
  opacity: 0;
  transform: translate(0, 0);
  transition: 3s;
}
.fadeIn_up04.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right02 {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 0.7s;
}
.fadeIn_right02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right002 {
  opacity: 0;
  transform: translate(50%, 0);
  transition-delay:0.5s;
	transition-duration:0.8s;
}
.fadeIn_right002.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right03 {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1s;
}
.fadeIn_right03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left02 {
  opacity: 0;
  transform: translate(-50%, 0);
  transition-delay:0.5s;
  transition-duration:0.8s;
}
.fadeIn_left02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left03 {
  opacity: 0;
  transform: translate(-20%, 0);
  transition: 0.8s;
}
.fadeIn_left03.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

}
@media screen and (max-width:599px){
			
	.fadeIn_down {
  opacity: 0;
  transform: translateY(-50px);
  transition-delay:0.7s;
	transition-duration:0.8s;
}

.fadeIn_down.is-show {
  transform: translateY(0);
  opacity: 1;
}

.fadeIn_down02 {
  opacity: 0;
  transform: translateY(-20px);
  transition-delay:1.2s;
	transition-duration:1s;
}

.fadeIn_down02.is-show {
  transform: translateY(0);
  opacity: 1;
}

	
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 40%);
/*  transition: 0.7s;*/
  transition-delay:2.5s;
	transition-duration:0.8s;
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
	
			}