@charset "UTF-8";

/* ======================================================================

  "Energyflex" Inquiry SP Styles

====================================================================== */

/*
  Contents
====================================================================== */
.l-contents { padding: calc(120 / 780 * 100vw) 0 0; }
.l-contents .inner {
  width: calc(740 / 780 * 100%);
  padding: calc(40 / 780 * 100%) calc(40 / 780 * 100%) calc(170 / 780 * 100%);
}

/*
  Inquiry
---------------------------------------------------------------------- */
.inquiry-unit { padding: calc(75 / 780 * 100%) 0 0; }
.inquiry-unit h2 {
  font-size: calc(40 / 780 * 100vw);
  margin: 0 0 calc(100 / 780 * 100%);
}
.inquiry-unit p { font-size: calc(24 / 780 * 100vw); }
.inquiry-tel-num {
  flex-direction: column;
  align-items: flex-start;
  margin: calc(45 / 780 * 100%) 0 calc(120 / 780 * 100%);
}
.inquiry-tel-num img { width: calc(390 / 780 * 100vw); }
.inquiry-tel-num p {
  font-size: calc(20 / 780 * 100vw);
  margin: 0 0 0 -.625em;
}

@media screen and (max-width:480px) {
  .inquiry-unit p { font-size: calc((24 / 780 * 100vw) * 1.15); }
  .inquiry-tel-num p { font-size: calc((20 / 780 * 100vw) * 1.15); }
}

/* Form
---------------------------------------------------------------------- */
.inquiry-form {
  font-size: calc(26 / 780 * 100vw);
  margin: 40px 0 0;
}
.inquiry-form > dl {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 calc(80 / 780 * 100%);
}

.inquiry-form.invalid > dl.pd { margin: 0 0 calc(120 / 780 * 100%); }

.inquiry-form > dl dt {
  width: 100%;
  margin: 0 0 .5em;
}
.inquiry-form > dl dd { width: 100%; }

dl.gender {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 calc(80 / 780 * 100%);
}
dl.gender dt {
  width: 100%;
  margin: 0 0 .5em;
}
dl.gender dd { width: 100%; }


.inquiry-form [type="text"], .inquiry-form [type="email"], .inquiry-form [type="email"] {
  height: calc(90 / 780 * 100vw);
  border-radius: 7.5px;
}
.inquiry-form [type="text"][name="zipcode"] { width: 100%; }
.postalcode-search {
  display: block;
  margin: 1em 0 0;
}
.inquiry-form textarea { border-radius: 7.5px; }
.select-wrap {
  height: calc(90 / 780 * 100vw);
  border-radius: 7.5px;
}
.select-wrap select { height: calc(90 / 780 * 100vw); }

/* Privacy Poricy */
.inquiry-form > dl + p {
  line-height: calc(48 / 26);
  margin: 0 0 calc(45 / 780 * 100%);
}
.privacy-unit {
  height: calc(410 / 780 * 100vw);
  padding: calc(65 / 780 * 100%) calc(35 / 780 * 100%) 0 calc(35 / 780 * 100%);
  margin: 0 0 calc(50 / 780 * 100%);
}
.privacy-unit h3 {
  font-size: calc(24 / 780 * 100vw);
  margin: 0 0 calc(40 / 780 * 100%);
}
.privacy-unit p {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(40 / 24);
}
.privacy-unit dl {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(40 / 24);
}

/* Agreement */
.agreement { font-size: calc(26 / 780 * 100vw); }
.agreement label span::before {
  left: calc(75 / 780 * 100vw * -1);
  width: calc(60 / 780 * 100vw);
  height: calc(60 / 780 * 100vw);
}
.agreement label input[type="checkbox"]:checked + span::after {
  left: calc(75 / 780 * 100vw * -1);
  width: calc(60 / 780 * 100vw);
  height: calc(60 / 780 * 100vw);
}
.agreement + p {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(40 / 26);
  text-align: left;
  margin: calc(50 / 780 * 100%) 0 calc(90 / 780 * 100%);
}

@media screen and (max-width:480px) {
  .privacy-unit h3 { font-size: calc((24 / 780 * 100vw) * 1.15); }
  .privacy-unit p { font-size: calc((24 / 780 * 100vw) * 1.15); }
  .privacy-unit dl { font-size: calc((24 / 780 * 100vw) * 1.15); }
  .agreement { font-size: calc((26 / 780 * 100vw) * 1.15); }
  .agreement + p { font-size: calc((26 / 780 * 100vw) * 1.15); }
}

/* Button
---------------------------------------------------------------------- */
.inquiry-btn-unit {
  max-width: 100%;
  flex-direction: column;
  gap: calc(25 / 780 * 100vw) 0;
}
.inquiry-btn-unit button,
.inquiry-btn-unit .reset-btn {
  width: 100%;
  height: auto;
  font-size: calc(28 / 780 * 100vw);
  line-height: 1.5;
  padding: 1em 0;
}

/* Confirm
---------------------------------------------------------------------- */
.page-id-431 .inquiry-unit p,
.confirm .inquiry-unit p {
  text-align: left;
  line-height: calc(48 / 24);
}

/* Thanks
---------------------------------------------------------------------- */
.page-id-411 .inquiry-unit h2,
.thanks .inquiry-unit h2 { margin: 0 0 calc(55 / 780 * 100%); }
.page-id-411 .inquiry-unit figure,
.thanks .inquiry-unit figure { width: calc(333 / 780 * 100vw); }
.page-id-411 .inquiry-unit p,
.thanks .inquiry-unit p {
  text-align: left;
  line-height: calc(48 / 24);
  margin: 0 0 calc(80 / 780 * 100%);
}

/*
  WordPress "Contact Form 7" Styles
====================================================================== */

/* Button
---------------------------------------------------------------------- */

/* Submit Button */
.submit-btn.wp {
  width: 100%;
  height: auto;
}
.submit-btn.wp input[type="submit"] {
  width: 100%;
  height: auto;
  line-height: 1.5;
  font-size: calc(28 / 780 * 100vw);
  padding: 1em 0;
}

/* Return Button */
.return-btn.wp {
  width: 100%;
  height: auto;
}
.return-btn.wp input[type="button"],
.return-btn.wp .reset-btn {
  width: 100%;
  height: auto;
  line-height: 1.5;
  font-size: calc(28 / 780 * 100vw);
  padding: 1em 0;
}

/* Thanks */
.page-id-411 .inquiry-unit h2,
.post-411 .inquiry-unit h2 { margin: 0 0 calc(55 / 780 * 100%); }
.page-id-411 .inquiry-unit figure,
.post-411 .inquiry-unit figure { width: calc(333 / 780 * 100vw); }
.page-id-411 .inquiry-unit p,
.post-411 .inquiry-unit p {
  text-align: left;
  line-height: calc(48 / 24);
  margin: 0 0 calc(80 / 780 * 100%);
}