@charset "utf-8";
/* ============================================================================
CSS information
 style info :  サイト全体の共通構造
/* ============================================================================

/*webフォント読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');

html{ font-size: 62.5%;scroll-behavior: smooth;}
body{
  font-family: 'Noto Sans JP', sans-serif,"游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans";
  font-size: 1.4rem;
  font-weight: 500;
  font-feature-settings:"palt"; /*自動カーニング*/
  letter-spacing: .05em; /*自動カーニングで詰まりすぎに感じたので*/
  color: #333;
}

/*リンク*/
a{
	text-decoration: none;
	cursor: pointer!important;
}

/*PC/SP 表示切り替え*/
.sp-show{
	display:none !important;
}
@media screen and (max-width: 599px){
	.pc-show{
		display:none!important;
	}
	.sp-show{
		display:block!important;
	}
}
/*animation*/
.fadeIn{
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
  }
  @keyframes fadeInAnime{
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
  }
  
  .fadeUpTrigger{
	opacity: 0;
	}
  
  .mv_logo.fadeUp {
	animation-name: fadeUpAnimeMv;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity: 0;
  }
  @keyframes fadeUpAnimeMv{
  from {
	opacity: 0;
	transform: translate(-50%,-40%);
  }
  to {
	opacity: 1;
	transform: translate(-50%,-53%);
  }
  }
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity: 0;
  }
  @keyframes fadeUpAnime{
  from {
	opacity: 0;
	transform: translateY(40px);
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
  }