@charset "UTF-8";
/*=======================================
contact
=========================================*/
.p-contact {
  padding: calc(100 / 1920 * 100vw) 0;
}
.p-contact .send-wrap {
  text-align: center;
  margin-top: calc(40 / 1920 * 100vw);
}
.p-contact .send-wrap .send-btn {
  display: inline-block;
}
.p-contact input[type="submit"] {
  background-color: #8ECBC8;
  width: calc(320 / 1920 * 100vw);
  color: #fff;
  border: none;
  border-radius: calc(20 / 1920 * 100vw);
  padding: calc(10 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.p-contact input[type="submit"]:hover {
  background-color: #6bbbb7;
  transform: scale(1.02);
}
.p-contact input[type="submit"]:active {
  transform: scale(0.98);
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-contact {
    padding: 100px 0 0;
  }
  .p-contact .send-wrap {
    text-align: center;
    margin-top: 30px;
  }
  .p-contact .send-wrap .send-btn {
    display: inline-block;
  }
  .p-contact input[type="submit"] {
    background-color: #8ECBC8;
    width: 300px;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }
  .p-contact input[type="submit"]:hover {
    background-color: #6bbbb7;
    transform: scale(1.02);
  }
  .p-contact input[type="submit"]:active {
    transform: scale(0.98);
  }
}