@charset "UTF-8";

.contact_section {
  padding-right: calc((100 / var(--view-size)) * 288 * 1vw);
}
.contact_inner {
  padding: calc((100 / var(--view-size)) * 60 * 1vw);
  background-color: #FFE6E0;
  background-image: url(../../../uploads/img/mv-bg-w.png), url(../../../uploads/img/mv-bg-w.png), url(../../../uploads/img/mv-bg-w.png);
  background-size: calc((100 / var(--view-size)) * 266 * 1vw) calc((100 / var(--view-size)) * 198 * 1vw), calc((100 / var(--view-size)) * 266 * 1vw) calc((100 / var(--view-size)) * 198 * 1vw), calc((100 / var(--view-size)) * 266 * 1vw) calc((100 / var(--view-size)) * 198 * 1vw);
  background-position: top calc((100 / var(--view-size)) * 400 * 1vw) left calc((100 / var(--view-size)) * -101 * 1vw), top calc((100 / var(--view-size)) * 30 * 1vw) left calc((100 / var(--view-size)) * 674 * 1vw), top calc((100 / var(--view-size)) * 360 * 1vw) left calc((100 / var(--view-size)) * 844 * 1vw);
  background-repeat: no-repeat, no-repeat, no-repeat;
  border-bottom: solid 2px #656565;
}
.contact_content_title {
  position: relative;
  text-align: center;
  padding-left: calc((100 / var(--view-size)) * 4 * 1vw);
  font-size: calc((100 / var(--view-size)) * 28 * 1vw);
  margin-bottom: calc((100 / var(--view-size)) * 40 * 1vw);
}
.contact_content_title::before {
  content: "";
  position: absolute;
  top: calc(100% + ((100 / var(--view-size)) * 2 * 1vw));
  left: 50%;
  width: calc((100 / var(--view-size)) * 186 * 1vw);
  height: calc((100 / var(--view-size)) * 21 * 1vw);
  transform: translateX(-50%);
  background-image: url(../../../uploads/img/food-title-c.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.contact_content {
  margin-top: calc((100 / var(--view-size)) * 40 * 1vw);
  max-width: calc((100 / var(--view-size)) * 650 * 1vw);
  margin: 0 auto;
}
.contact_table {
  width: 100%;
}
.contact_table th, .contact_table td, .contact_table input, .contact_table textarea {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.contact_table th {
  padding: calc((100 / var(--view-size)) * 30 * 1vw) 0 calc((100 / var(--view-size)) * 6 * 1vw);
  text-align: left;
  line-height: 1;
  font-weight: 700;
}
.contact_table input, .contact_table textarea {
  font-size: calc((100 / var(--view-size)) * 18 * 1vw);
  line-height: calc(36 / 18);
  border: solid 2px #656565;
}
.contact_re {
  margin-top: calc((100 / var(--view-size)) * 10 * 1vw);
}
.contact_re a {
  text-decoration: underline;
}
.contact_btn {
  margin-top: calc((100 / var(--view-size)) * 40 * 1vw);
  width: 100%;
}
.contact_btn p {
  display: flex;
  flex-direction: column;
}
.contact_btn input {
  width: calc((100 / var(--view-size)) * 200 * 1vw);
  margin: 0 auto;
  border: solid 2px #656565;
  background-color: #fff;
  padding-top: calc((100 / var(--view-size)) * 10 * 1vw);
  padding-bottom: calc((100 / var(--view-size)) * 10 * 1vw);
  font-weight: 700;
  cursor: pointer;
}
.contact_btn input:hover {
  background-color: #656565;
  color: #fff;
}


@media (max-width: 670px) {
  .contact_section {
    padding-right: 0;
  }
  .contact_inner {
    padding: calc((100 / var(--view-size)) * 40 * 1vw) calc((100 / var(--view-size)) * 20 * 1vw);
  }
  .contact_content {
    margin-top: calc((100 / var(--view-size)) * 20 * 1vw);
  }
  .contact_table {
    width: 100%;
  }
  .contact_table th {
    padding: calc((100 / var(--view-size)) * 15 * 1vw) 0 calc((100 / var(--view-size)) * 6 * 1vw);
  }
  .contact_table input, .contact_table textarea {
    font-size: calc((100 / var(--view-size)) * 16 * 1vw);
  }
  .contact_btn {
    margin-top: calc((100 / var(--view-size)) * 30 * 1vw);
  }
}