/* 表示アニメーション */
.logo1.fade-in {
  opacity: 1;
}

.logo1.slide-up {
  animation: slideUp 0.4s ease forwards;
}

@keyframes slideUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-40px); }
}

.logo2.fade-in {
  opacity: 1;
  transform: scale(1);
  transition: opacity 1s ease, transform 1s ease;
}
/* メインコンテンツは非表示にしておく */
.container {
  opacity: 0;
  transition: opacity 1s ease;
}
.home {
	width: 100%;
}
/*
* 立ち上がりフェードインの記載
*/
/*フェードアニメーション*/
.open-fade-up {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUP 1s ease forwards;
}
.open-fade-right {
	opacity: 0;
	transform: translateX(30px);
	animation: fadeInRight 1s ease forwards;
}
.open-fade-left {
	opacity: 0;
	transform: translateX(-30px);
	animation: fadeInLeft 1s ease forwards;
}
.open-fade-in {
	opacity: 0;
	animation: fadeIn 1s ease forwards;
}
.delay-1 {
	animation-delay: 0.3s;
}
.delay-2 {
	animation-delay: 0.7s;
}
.delay-3 {
	animation-delay: 1.1s;
}
.delay-4 {
	animation-delay: 1.5s;
}
.delay-5 {
	animation-delay: 1.9s;
}

@keyframes fadeInUP {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}