@charset "utf-8";
/* CSS Document */
.fade-in-left {
	opacity: 0;               /* 初期は透明 */
	transform: translateX(-50px); /* 左から50pxずらす */
	animation: slideInLeft 1s forwards; /* アニメーション1秒で実行 */
	margin-right: 0px;
}

@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0); /* 元の位置に戻す */
  }
}
/* 下から上にフェードインするアニメーション */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px); /* 下から20px */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* アニメーションを適用 */
.fade-up {
  opacity: 0; /* 初期は非表示 */
  animation: fadeUp 0.8s ease-out forwards;
}