@charset "utf-8";

/* --------------------------------------------------------------------------- */
/* アニメーション */
/* --------------------------------------------------------------------------- */

/* ディレイ設定 
#pc_slot h3 { transition-delay: .4s }
#pc_slot h4 { transition-delay: .8s }
#pc_toku p.toku { transition: 1s !important; transition-delay: 1s }
#pc_toku h4 { transition-delay: .2s }
#pc_toku p.tel { transition-delay: .4s }
#pc_prg li:nth-child(2) { transition-delay: .4s }
#pc_prg li:nth-child(3) { transition-delay: .6s }
#pc_support p:nth-child(2) { transition-delay: .4s }
#pc_support p:nth-child(4) { transition-delay: .4s }
#pc_member p.kind { transition: 1s !important }

#sp_slot h3 { transition-delay: .4s }
#sp_slot h4 { transition-delay: .8s }
#sp_toku p.toku { transition: 1s !important }
#sp_support p:nth-child(2) { transition-delay: .4s }
#sp_support p:nth-child(3) { transition-delay: .6s }
#sp_support p:nth-child(4) { transition-delay: .8s }
#sp_member p.kind { transition: 1s !important }
#sp_easy p:nth-child(2) { transition-delay: .4s }
#sp_easy p:nth-child(3) { transition-delay: .6s }*/


/* --------------------------------------------------------------------------- */
/* フェードイン */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeIn {
  transition: .8s;
	opacity: 0
}
/* エンド */
.fadeIn {
	opacity: 1
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン2 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeIn2 {
  transition: .8s;
	opacity: 0
}
/* エンド */
.fadeIn2 {
	opacity: 1
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン3 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeIn3 {
  transition: .8s;
	opacity: 0
}
/* エンド */
.fadeIn3 {
	opacity: 1
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン + 下移動 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInDown {
	opacity: 0;
	transform: translate(0, -200px);
	-webkit-transform: translate(0, -200px);
  transition: .6s;
  transition-delay: .8s;
}
/* エンド */
.fadeInDown {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動2 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp2 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp2 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動3 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp3 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp3 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動4 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp4 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp4 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動5 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp5 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp5 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動6 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp6 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp6 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 上移動7 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInUp7 {
	opacity: 0;
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInUp7 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/* --------------------------------------------------------------------------- */
/* フェードイン + 左移動 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInLeft {
	opacity: 0;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInLeft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン + 左移動2 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInLeft2 {
	opacity: 0;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInLeft2 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン + 左移動3 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInLeft3 {
	opacity: 0;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
  transition: 0.8s;
  transition-delay: .2s;
}
/* エンド */
.fadeInLeft3 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/* 
--------------------------------------------------------------------------- */
/* フェードイン + 右移動 */
/* --------------------------------------------------------------------------- */
/* スタート */
.inviewfadeInRight {
	opacity: 0;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
  transition: .6s;
  transition-delay: .2s;
}
/* エンド */
.fadeInRight {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}