@charset "utf-8";
/* ------------------------------------------------------------------
   お問い合わせフォーム（入力 → 確認 → 完了）

   表・入力欄・ボタンは main.css の既存スタイル（.tb-primary / .inp-size-* /
   .tx-center / .alert-error）がそのまま効くので、ここは
   「旧サイトに無かった要素」だけを補う。
   ------------------------------------------------------------------ */

/* ハニーポット。人には見せず、bot には普通の入力欄に見えるようにする。
   display:none だと「非表示の欄は埋めない」bot に見抜かれるため、
   画面外へ飛ばす方法をとっている。 */
.ik-guard {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* 確認画面の「入力画面に戻る」「送信する」を横並びにする。
   旧 confirm.html が form に class="inline" を付けて並べていたのと同じ。 */
.tx-center form.inline {
  display: inline-block;
  margin: 0;
}

@media screen and (max-width: 767px) {
  /* スマホでは縦積みにして押しやすくする */
  .tx-center form.inline {
    display: block;
    margin: 0.6rem 0;
  }
  .tx-center form.inline input[type="submit"] {
    width: 100%;
  }
}

/* 項目ごとのエラー文。main.css の .tx-require（赤字）を流用している */
.tb-primary .tx-require em {
  font-style: normal;
}