@charset "utf-8";
/* CSS Document */

/* ==========================================================================//
//
//　SP 480px以下
//
// ========================================================================== */

@media screen and (max-width: 480px) {
  /* area_inquiry
  ---------------------------------------------------------- */
  .area_inquiry {
    margin: 70px auto 70px;
  }
  /* box_inquiry
  -------------------------------------------------------- */
  .box_inquiry {
    padding: 0 10px;
    margin: 0 auto 0;
    gap: 30px 0 ;
  }

  .box_inquiry_item{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .box_inquiry_ttl{
    grid-area: 1 / 1 / 2 / 2;
  }

  .box_inquiry_must{
    margin: 3px 0 0;
    grid-area: 1 / 2 / 2 / 3;
  }

  .box_inquiry_field{
    grid-area: 2 / 1 / 3 / 3;
  }
  .box_inquiry_field input.input--160{
    max-width: none;
  }

  .box_inquiry_field input.input--330{
    max-width: none;
  }

/* .btn_submit button {
  font-size: 17px;
  display: block;
  color: #ffffff;
  background: linear-gradient(45deg, rgba(136,197,52,1) 0%, rgba(56,164,56,1) 100%);
  width: 260px;
  margin: 0 auto;
  padding: 25px;
  letter-spacing: 0.1em;
  position: relative;
  cursor:pointer;
  outline: none;
  border: none;
}
.btn_submit button::after {
  content: '\f054';
  position: absolute;
  top: 40%;
  right: 8%;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1em;
  color: #ffffff;
}
.btn_submit button:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.7;
} */

}