@charset "utf-8";
/*
css : contact
*/

div.contact-content {
/*
 width: 80vw !important;
*/
 width: 60%;
 max-width: 60vw !important;
 margin: 0 auto;
 font-size: 16px;
}
div.contact-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
 font-family: 'Nunito', 'Marcellus', 'Noto Sans JP', sans-serif !important;
 font-size: 16px;
}
.contact-content form,
.contact-content dl ,
.contact-content p {
 width: 100% !important;
 max-width: 100% !important;
}
.form-fields {
 color: #000000;
}
.form-fields * {
 color: #000000;
}
.table-dl input {
 display: inline-block;
}
.table-dl input[type="number"] {
 width: 10em;
 text-align: right;
}
.table-dl input[aria-required] {
 width: 80%;
}
.table-dl dd > span + span {
 margin-left: 0.5em;
}
span.wpcf7-list-item-label::before {
 content: "";
}
.buttons .inline-block {
 width: 50% !important;
 max-width: 50% !important;
}
.buttons input[type="submit"],
.buttons input[type="reset"],
.buttons input[type="button"]{
 margin: 0 0.5em;
 padding: 1rem 1.5rem;
 text-decoration: none;
 border-radius: 10px;
}
.buttons input.wpcf7c-elm-step1[type="submit"],
.buttons input[type="reset"],
.buttons input[type="button"]{
 background-color: #2196f3;
}

@media all and (max-width: 1030px) and (orientation: portrait) {
 div.contact-content {
  width: 90% !important;
  max-width: none !important;
 }
 .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
  width: 90% !important;
  max-width: none !important;
 }
 .wp-block-group__inner-container > p {
  width: 90% !important;
 }
  input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
  padding: 0.5rem 0.5rem;
  font-size: 1.0rem;
 }
 input[name="age"]{
  width: 6rem !important;
 }
 .table-dl dt {
  width : 45%;
  font-size: 1.2rem;
  font-weight: bold;
 }
 .table-dl dd {
  width : 54%;
 }
 .table-dl input[aria-required]{
  width: 99% !important;
 }
 .contact-content .required::before {
  content: "\A";
  white-space: normal;
 }
 
}