@charset "UTF-8";

/*================
  確認ページ
================*/
/* PC */
.form {
  padding-top: 10rem;
  margin-inline: auto;
  width: 40rem;
}
.form .form-inner .form-item-input {
  padding: .813rem 1rem;
}
.form .form-submit {
  display: flex;
}
.form .form-submit input[type=button], button[type=button] {
  margin-inline: auto;
  display: block;
  color: #fff;
  background-color: #a30707;
  transition: background-color .3s;
}
@media (width >= 751px) {
  .form .form-submit input[type=button], button[type=button] {
    width: 12.5rem;
    height: 3rem;
    font-size: 1rem;
    border-radius: 1.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .form .form-submit input[type=button]:hover, button[type=button]:hover {
    background-color: #171717;
  }
}
/* SP */
@media (width <= 750px) {
  .form {
    padding-top: 25vw;
    margin-inline: 5.3333333333vw;
    width: auto;
  }
  .form .form-inner .form-item-input {
    padding: 3.47vw 4.2666666667vw 3.47vw 0;
  }
  .form .form-submit input[type=button], button[type=button] {
    width: 37vw;
    border-radius: 6.4vw;
  }
  .form .form-submit input[type=submit], button[type=submit] {
    width: 37vw;
  }
}
/*================
サンクスページ
================*/
/* PC */
@media (width >= 751px) {
  .page > p {
    font-size: 1.8rem;
    padding-top: 20rem;
    text-align: center;
  }
}
/* SP */
@media (width <= 750px) {
  .page > p {
    padding: 40vw 0;
    text-align: center;
  }
}