@charset "UTF-8";
input[type=text],
input[type=tel],
input[type=email],
textarea {
  font-size: 1.5rem;
  line-height: 1.5;
  width: 100%;
  padding: 0.5em;
  background-color: #F0F7DF;
  border-radius: 6px;
  border: solid 1px #C3C4C4;
}
input[type=text]:active,
input[type=tel]:active,
input[type=email]:active,
textarea:active {
  border: none;
}

input[type=text].inline {
  margin-right: 1em;
}

textarea {
  height: 20em;
}

.btn {
  margin: 0 1em;
}
.btn.back {
  background-color: darkgray;
  transition: opacity 0.3s;
}
.btn.back:hover {
  opacity: 0.7;
}
.btn.back::after {
  display: none;
}

#sec-contact {
  display: none;
}

.contactWrap .formTable .req::after {
  content: "※必須";
  color: #D70051;
  font-size: 0.8em;
  margin-left: 0.5em;
}
.contactWrap .formTable table {
  table-layout: fixed;
}
.contactWrap .formTable table tr:nth-child(odd) {
  background-color: white;
}
.contactWrap .formTable table th, .contactWrap .formTable table td {
  display: block;
}
.contactWrap .formTable table th {
  padding-left: 0;
  padding-bottom: 0;
}
.contactWrap .formTable table td {
  padding-right: 0;
}
.contactWrap .formTable table td .inline:not(:last-of-type) {
  margin-bottom: 1em;
}
.contactWrap .btnWrap br {
  display: none;
}
.contact-done .contactWrap .inner-box {
  text-align: center;
}

@media print, screen and (min-width: 600px) {
  input[type=text].inline {
    width: 20rem;
  }

  .contactWrap .formTable table {
    table-layout: auto;
  }
  .contactWrap .formTable table th, .contactWrap .formTable table td {
    font-size: 1.6rem;
    display: table-cell;
  }
  .contactWrap .formTable table th {
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .contactWrap .formTable table td {
    padding: 1em;
  }
  .contactWrap .formTable table td .inline:not(:last-of-type) {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=contact.css.map */