@charset "UTF-8";

/* フォーム画面のベーススタイル */
.form-input-screen,
.form-confirm-screen,
.form-thanks-screen {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 0;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* アクティブな画面のスタイル */
.form-screen-active {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  position: relative;
  height: auto;
}

.form-screen-inactive {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* フォーム送信後のコンテンツエリア */
.form-content-area.form-screen-inactive {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output {
  display: none;
}