@charset "UTF-8";
/****************************************

スクロールアニメーション css

****************************************/
/* ====================================
	general animations
==================================== */

.scAnime0,
.scAnime00,
.scAnime1,
.scAnime1Responsive {
    opacity: 0;
}
/* .opacity_fade {
	-ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -ms-animation-name: opacityAnime;
 animation-name: opacityAnime;
 visibility: visible !important;
}
@keyframes opacityAnime {
 0% { opacity: 1;}
 80% { opacity: 0;}
 100% { opacity: 0;}
} */
.scAnimation0 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -ms-animation-name: scAnime0;
 animation-name: scAnime0;
 visibility: visible !important;
}
@keyframes scAnime0 {
 0% { opacity: 0;}
 20% { opacity: 0;}
 100% { opacity: 1;}
}

.scAnimation00 {
  -ms-animation-fill-mode:both;
  animation-fill-mode:both;
  -ms-animation-duration:2.0s;
  animation-duration:2.0s;
  -ms-animation-name: scAnime00;
  animation-name: scAnime00;
  visibility: visible !important;
  animation-delay:0.2s;
 }
 @keyframes scAnime00 {
  0% { opacity: 0; -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
 }

/*左から*/
.scAnimetion1 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: scAnime1;
	-ms-animation-name: scAnime1;
	animation-name: scAnime1;
	visibility: visible !important;
   }
   @-webkit-keyframes scAnime1 {
	0% { opacity: 0; -webkit-transform: translateX(-50px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
   }
   @keyframes scAnime1 {
	0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
   }

/*下から*/
.scAnimation2 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:2.0s;
 animation-duration:2.0s;
 -ms-animation-name: scAnime2;
 animation-name: scAnime2;
 visibility: visible !important;
}
@keyframes scAnime2 {
 0% { opacity: 0; -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
}

@media screen and (min-width: 768px) {
  .scAnimation2.takumi_nipponmade_txt {
  animation-delay:0.5s;
}
.scAnimation2.takumi_nipponmade_contents_heading,
.scAnimation2.takumi_nipponmade_contents_txt {
  animation-delay:0s;
}
}

/* 下からレスポンシブ */
.scAnimation1_responsive {
  -ms-animation-fill-mode:both;
  animation-fill-mode:both;
  -ms-animation-duration:1.5s;
  animation-duration:1.5s;
  -ms-animation-name: scAnime1Responsive;
  animation-name: scAnime1Responsive;
  visibility: visible !important;
 }
 @keyframes scAnime1Responsive {
  0% { opacity: 0; -ms-transform: translateY(50px); transform: translateY(50px); }
  100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
 }



/*右から*/
.scAnimation3 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -ms-animation-name: scAnime3;
 animation-name: scAnime3;
 visibility: visible !important;
}
@keyframes scAnime3 {
  0% { opacity: 0; -ms-transform: translateX(-50px); transform: translateX(-50px); }
 100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
}

/*浮き上がる*/
.scAnimation4 {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-ms-animation-name: scAnime4;
	animation-name: scAnime4;
	visibility: visible !important;
   }
   @keyframes scAnime4 {
	 0% { opacity: 0;}
   20% { opacity: 0;}
	100% { opacity: 1; }
}

.scAnimation4.takumi_description_img {
  -ms-animation-duration:2.3s;
	animation-duration:2.3s;
}

.scAnimation4.contents_left_inner,
.scAnimation4.takumi_nipponmade_contents_img {
  -ms-animation-duration:1.0s;
	animation-duration:1.0s;
}

@media screen and (min-width: 768px) {
  .contents_right_inner:first-child .scAnimation2,
  .contents_right_inner:first-child .scAnimation4 {
    animation-delay:0.5s;
  }
}


.scAnimation5 .scAnime5_step {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-ms-animation-name: scAnime5;
	animation-name: scAnime5;
	visibility: visible !important;
   }
   @keyframes scAnime5 {
    0% { opacity: 0; }
    20% { opacity: 0;}
    100% { opacity: 1;}
}

.scAnimation5 .scAnime5_step:nth-child(1) {
  animation-delay:0s;
}
.scAnimation5 .scAnime5_step:nth-child(2) {
  animation-delay:0.5s;
}
.scAnimation5 .scAnime5_step:nth-child(3) {
  animation-delay:1.0s;
}

.scAnimation5.trying_on_3merit_area  .scAnime5_step:nth-child(1) {
  animation-delay:0.5s;
}
.scAnimation5.trying_on_3merit_area  .scAnime5_step:nth-child(2) {
  animation-delay:1.0s;
}
.scAnimation5.trying_on_3merit_area  .scAnime5_step:nth-child(3) {
  animation-delay:1.5s;
}

/* .scAnimation5 .scAnanime_img  {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:2.0s;
	animation-duration:2.0s;
	-ms-animation-name: scAnime5;
	animation-name: scAnime5;
	visibility: visible !important;
   }
   @keyframes scAnime5 {
	 0% { opacity: 0;}
	100% { opacity: 1; }
}
.scAnimation5 .age_flex_item:nth-child(3)  {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:2.0s;
	animation-duration:2.0s;
	-ms-animation-name: scAnime5;
	animation-name: scAnime5;
	visibility: visible !important;
	animation-delay:1.3s;
   }
   @keyframes scAnime5 {
	 0% { opacity: 0;}
	100% { opacity: 1; }
} */