@charset "UTF-8";

/* ========== ========== ==========
変数定義
========== ========== ========== */
/* ========== ========== ==========
ここから共通部
========== ========== ========== */
/* 共通部ここまで
---------- ---------- */
.confirmation,
.thanks,
.failed {
  margin-top: clamp(60px, calc(129/1280*100vw), 129px);
  margin-bottom: clamp(30px, calc(100/1280*100vw), 100px);
  width: 100%;
  display: flex;
  justify-content: center;
}

.thanks .sectionWrap,
.failed .sectionWrap {
  text-align: center;
  font-size: clamp(18px, calc(26/1000*100vw), 26px);
  font-weight: bold;
}

/* ========== ========== ==========
個別部ここから
========== ========== ========== */

/* confirmatino */
.confirmationWrap {
  width: min(90vw, 800px);
  text-align: center;
}

.confirmation .section_title {
  margin-bottom: 30px;
}

.confirmation .form_item {
  align-items: center;
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .confirmation .form_item {
    align-items: flex-start;
  }
}

/* failed */
.failed .thanks_text1{
  margin-bottom: 40px;
}

/* 個別部ここまで
---------- ---------- */