@charset "utf-8";

/* ========================================
   フォームページ 固有アニメーションCSS
   ======================================== */

/* 利用規約ボタン ホバー */
.terms{
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.terms:hover{
  opacity: 0.6;
}

/* 申し込みボタン ホバー */
.button1{
  transition: background 0.8s;
  cursor: pointer;
}
.button1:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* 確認画面ボタン ホバー */
.button2{
  transition: background 0.8s;
  cursor: pointer;
}
.button2:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* 内容変更ボタン ホバー */
.button3{
  transition: background 0.8s;
  cursor: pointer;
}
.button3:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* 取り消しリンク ホバー */
.coverBt2 a{
  transition: background 0.8s;
  cursor: pointer;
}
.coverBt2 a:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* 完了画面topに戻る ホバー */
.done a{
  transition: background 0.8s;
  cursor: pointer;
}
.done a:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* h2Topアニメーション */
.h2Top{
  animation: titleAnimation 1.5s;
}