@charset "UTF-8";
.c-inner dl {
  width: 98%;
  margin: 1vw auto;
  padding: 3vw;
  background-color: #f2f2f2;
  border-radius: 5px 5px;
}
.c-inner dl dt {
  font-weight: 700;
  font-size: 4rem;
  margin-bottom: 1em;
  position: relative;
  display: inline-block;
}
@media (width >= 1024px) {
  .c-inner dl dt {
    font-size: 2rem;
  }
}
.c-inner dl dt.required::after {
  font-size: 2.8rem;
  position: absolute;
  display: block;
  content: "必須";
  color: #fff;
  background-color: #e60013;
  padding: 0.2em 0.5em;
  top: 50%;
  right: -4em;
  transform: translateY(-50%);
}
@media (width >= 1024px) {
  .c-inner dl dt.required::after {
    font-size: 1.5rem;
  }
}
.c-inner dl dd {
  font-size: 4.5rem;
  font-weight: 700;
  margin-bottom: 0.4em;
}
@media (width >= 1024px) {
  .c-inner dl dd {
    font-size: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.c-inner dl dd p {
  width: 100%;
  border: 1px solid #b5a88d;
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px;
  margin-bottom: 0.4em;
}
@media (width >= 1024px) {
  .c-inner dl dd p {
    width: 49%;
    margin-bottom: 0.8em;
    transition: opacity 0.3s;
  }
  .c-inner dl dd p:hover {
    opacity: 0.7;
  }
}
.c-inner dl dd p input {
  zoom: 1.4;
  vertical-align: middle;
}
.c-inner dl dd p label {
  padding-left: 0.5em;
}
.c-inner dl dd > input {
  width: 100%;
  font-size: 4.5rem;
  border: 1px solid #b5a88d;
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px;
}
@media (width >= 1024px) {
  .c-inner dl dd > input {
    font-size: 1.9rem;
  }
}
@media (width >= 1024px) {
  .c-inner dl dd ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
  }
}
.c-inner dl dd ul li {
  margin-bottom: 0.4em;
}
@media (width >= 1024px) {
  .c-inner dl dd ul li {
    width: 40%;
  }
}
.c-inner dl dd ul li input {
  width: 100%;
  font-size: 4.5rem;
  border: 1px solid #b5a88d;
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px;
}
@media (width >= 1024px) {
  .c-inner dl dd ul li input {
    font-size: 1.9rem;
  }
}
.c-inner dl dd div.post p {
  width: 29%;
  display: inline-block;
}
.c-inner dl dd div.post p input {
  width: 100%;
}
.c-inner dl dd div.post span {
  width: 52%;
  display: inline-block;
  border: 1px solid #b5a88d;
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px;
  vertical-align: middle;
}
.c-inner dl dd div.post span select {
  font-size: 4rem;
  width: 100%;
}
@media (width >= 1024px) {
  .c-inner dl dd div.post span select {
    font-size: 2.5rem;
  }
}
.c-inner dl dd textarea {
  width: 100%;
  font-size: 4.5rem;
  border: 1px solid #b5a88d;
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px;
  height: 10em;
}
@media (width >= 1024px) {
  .c-inner dl dd textarea {
    font-size: 2.5rem;
  }
}
@media (width >= 1024px) {
  .c-inner dl dd span {
    font-size: 2rem;
  }
}
.c-inner .consent {
  text-align: center;
  margin: 8rem;
}
.c-inner .consent label {
  font-size: 4rem;
}
@media (width >= 1024px) {
  .c-inner .consent label {
    font-size: 2.5rem;
  }
}
.c-inner .consent label input {
  zoom: 1.5;
  vertical-align: middle;
  margin-right: 0.5em;
}
.c-inner .consent label a {
  text-decoration: underline;
}
.c-inner .submit {
  text-align: center;
}
.c-inner .submit button {
  width: 80%;
  font-size: 4rem;
  color: #fff;
  text-align: center;
  padding: 1.5em;
  background-color: #b5a88d;
  border-radius: 5px;
  position: relative;
}
@media (width >= 1024px) {
  .c-inner .submit button {
    font-size: 2rem;
    width: 400px;
  }
}
.c-inner .submit button::after {
  content: url(../images/contact/arrow.svg);
  display: block;
  width: 1em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
  vertical-align: middle;
}/*# sourceMappingURL=contact.css.map */