@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.page-form textarea,
.page-form input[type="text"],
.page-form input[type="email"],
.page-form input[type="number"],
.page-form input[type="url"],
.page-form input[type="date"],
.page-form input[type="tel"],
.page-form select {
  width: 100%;
  height: 60px;
  background: #fff;
  border: #a0a0a0 1px solid;
  border-radius: 4px;
  padding: 12px 18px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2em;
  letter-spacing: 0.03em;
  font-weight: 500;
  color: #222; }
  @media (max-width: 1023px) {
    .page-form textarea,
    .page-form input[type="text"],
    .page-form input[type="email"],
    .page-form input[type="number"],
    .page-form input[type="url"],
    .page-form input[type="date"],
    .page-form input[type="tel"],
    .page-form select {
      width: 100%;
      max-width: 100%; } }

.page-form select {
  width: 333px;
  padding-right: 50px;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: top 26px right 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8492 0.707786L7.77817 7.77885L0.707107 0.707786' stroke='%23A0A0A0' stroke-width='2'/%3E%3C/svg%3E%0A"); }
  @media (min-width: 1024px) {
    .page-form select {
      margin-bottom: 10px;
      background-position: center right 12px; } }

.page-form textarea {
  height: 210px;
  margin-top: 7px;
  margin-bottom: -4px; }
  @media (max-width: 1023px) {
    .page-form textarea {
      height: 180px;
      margin-top: 5px;
      margin-bottom: -9px; } }

.page-form .form-block {
  margin: 0 auto;
  max-width: 880px; }

@media (max-width: 1023px) {
  .page-form .hs-form {
    border-top: 1px solid #c1c1c1; } }

.page-form .hs-form .hs-form-field {
  position: relative;
  border-bottom: 1px solid #c5c5c5;
  padding: 30px 0 30px 260px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 1023px) {
    .page-form .hs-form .hs-form-field {
      display: block;
      padding: 16px 0 26px;
      border-bottom-color: #c1c1c1; } }
  @media (min-width: 1024px) {
    .page-form .hs-form .hs-form-field:first-child > label {
      top: 43px; } }
  .page-form .hs-form .hs-form-field > label {
    font-weight: bold;
    position: relative;
    margin-bottom: 16px;
    display: block; }
    @media (min-width: 1024px) {
      .page-form .hs-form .hs-form-field > label {
        position: absolute;
        top: 36px;
        left: 0;
        margin-bottom: 0; } }
    .page-form .hs-form .hs-form-field > label > span {
      padding-left: 80px; }
      @media (max-width: 1023px) {
        .page-form .hs-form .hs-form-field > label > span {
          padding-left: 74px;
          display: block; } }
      .page-form .hs-form .hs-form-field > label > span.hs-form-required {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 10px; }
        .page-form .hs-form .hs-form-field > label > span.hs-form-required:before {
          content: "必須";
          position: absolute;
          top: 2px;
          left: 0;
          width: 64px;
          height: 30px;
          background: #ff5e00;
          border-radius: 30px;
          color: #fff;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 1023px) {
            .page-form .hs-form .hs-form-field > label > span.hs-form-required:before {
              top: 1px;
              left: 1px; } }
  .page-form .hs-form .hs-form-field .input {
    width: 100%; }
  .page-form .hs-form .hs-form-field .hs-error-msgs {
    position: absolute;
    left: 260px;
    top: 36px;
    background: #154086;
    padding: 2px 20px;
    color: #fff;
    font-size: 14px; }
    @media (max-width: 1023px) {
      .page-form .hs-form .hs-form-field .hs-error-msgs {
        left: 0;
        top: 78px; } }
    .page-form .hs-form .hs-form-field .hs-error-msgs li:last-child label {
      margin-bottom: 0; }
  .page-form .hs-form .hs-form-field.hs_request_catalog > label > span, .page-form .hs-form .hs-form-field.hs_message > label > span {
    padding-left: 80px;
    position: relative; }
    .page-form .hs-form .hs-form-field.hs_request_catalog > label > span:before, .page-form .hs-form .hs-form-field.hs_message > label > span:before {
      content: "任意";
      position: absolute;
      top: -1px;
      left: 0;
      width: 64px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #a0a0a0;
      border-radius: 30px;
      color: #fff; }
  .page-form .hs-form .hs-form-field .hs-field-desc {
    color: #959595;
    margin-top: 7px; }
    @media (max-width: 1023px) {
      .page-form .hs-form .hs-form-field .hs-field-desc {
        margin-top: -7px; } }
    .page-form .hs-form .hs-form-field .hs-field-desc + * {
      margin-top: 8px; }
    .page-form .hs-form .hs-form-field .hs-field-desc[style^="display: none;"] + * {
      margin-top: 0; }
  .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    @media (min-width: 1024px) {
      .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list {
        margin-top: 7px; } }
    .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label {
      display: block;
      position: relative; }
      .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span {
        letter-spacing: 0.05em;
        position: relative;
        margin-left: -14px;
        padding-left: 38px; }
        .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span::before, .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span::after {
          content: "";
          position: absolute;
          border-radius: 50%;
          top: 50%;
          margin-top: -15px; }
        .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span::before {
          width: 30px;
          height: 30px;
          background: #fff;
          border: 1px solid #a0a0a0;
          left: 0; }
        .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span::after {
          width: 16px;
          height: 16px;
          background: #ff5e00;
          left: 7px;
          top: 50%;
          margin-top: -8px;
          transform: scale(0);
          transition: 0.3s ease-in-out; }
          @media (max-width: 1023px) {
            .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label span::after {
              top: 7px; } }
      .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label input {
        opacity: 0;
        visibility: hidden; }
      .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label input:checked ~ span::after {
        transform: scale(1);
        transition: 0.3s ease-in-out; }
      .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list label input:checked ~ span::before {
        border: 1px solid #ff5e00; }
    .page-form .hs-form .hs-form-field.hs_request_catalog .inputs-list .hs-form-radio + .hs-form-radio {
      margin-left: 27px; }
  @media (max-width: 1023px) {
    .page-form .hs-form .hs-form-field.hs-message .hs-field-desc {
      line-height: 28px; }
      .page-form .hs-form .hs-form-field.hs-message .hs-field-desc br {
        display: none; } }
  .page-form .hs-form .hs-form-field.hs_inquiry .hs-error-msgs {
    top: -10px; }
    @media (max-width: 1023px) {
      .page-form .hs-form .hs-form-field.hs_inquiry .hs-error-msgs {
        top: 40px; } }

.page-form .hs-form .hs-richtext {
  padding: 54px 0 47px; }
  @media (max-width: 1023px) {
    .page-form .hs-form .hs-richtext {
      padding: 33px 0; } }
  .page-form .hs-form .hs-richtext strong {
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    color: #154086; }
    @media (max-width: 1023px) {
      .page-form .hs-form .hs-richtext strong {
        margin: 0 -20px 22px;
        padding-left: 20px;
        height: 55px;
        background: #154086;
        color: #fff;
        display: flex;
        align-items: center;
        letter-spacing: 0.05em; } }
  .page-form .hs-form .hs-richtext a {
    text-decoration: underline; }

.page-form .hs-form .hs-agree_form {
  background: #f0ede9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none; }
  @media (max-width: 1023px) {
    .page-form .hs-form .hs-agree_form {
      flex-direction: row;
      height: 82px; }
      .page-form .hs-form .hs-agree_form .hs-form__field__label {
        background: transparent;
        color: #383838;
        margin-bottom: 0;
        padding-left: 0; } }
  .page-form .hs-form .hs-agree_form label {
    position: relative;
    background: #f0ede9;
    height: 100px;
    align-items: center;
    display: flex;
    flex: none;
    justify-content: center;
    background: none;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.77778em;
    letter-spacing: 0.03em;
    font-weight: bold; }
    @media (max-width: 1023px) {
      .page-form .hs-form .hs-agree_form label {
        height: 82px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2em; } }
    .page-form .hs-form .hs-agree_form label span {
      position: relative;
      padding-left: 47px; }
      @media (max-width: 1023px) {
        .page-form .hs-form .hs-agree_form label span {
          padding-left: 41px; } }
      .page-form .hs-form .hs-agree_form label span::before, .page-form .hs-form .hs-agree_form label span::after {
        content: "";
        position: absolute; }
      .page-form .hs-form .hs-agree_form label span::before {
        width: 30px;
        height: 30px;
        background: #fff;
        border: 1px solid #c5c5c5;
        top: 1px;
        left: 0; }
      .page-form .hs-form .hs-agree_form label span::after {
        width: 30px;
        height: 30px;
        background-color: #ff5e00;
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1696 1.52504C14.3554 4.75509 8.46974 13.9434 8.46974 13.9434L3.15859 7.91381L0 10.9285L7.67989 20.4749L10.4793 20.3674C14.0686 9.59981 22 2.38643 22 2.38643L20.1696 1.52504Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        top: 1px;
        left: 0;
        opacity: 0;
        transition: 0.3s; }
    .page-form .hs-form .hs-agree_form label input {
      opacity: 0;
      visibility: hidden;
      position: absolute; }
    .page-form .hs-form .hs-agree_form label input:checked ~ span::after {
      transform: scale(1);
      opacity: 1; }
  .page-form .hs-form .hs-agree_form .hs-form-required {
    display: none; }
  .page-form .hs-form .hs-agree_form .hs-error-msgs {
    display: none; }

.page-form .hs-form .hs_error_rollup {
  border: 2px solid #fab700;
  margin-top: 40px;
  padding: 15px 20px; }

.page-form .hs-form .actions {
  position: relative;
  margin: 47px auto;
  max-width: 376px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background 0.3s;
  background-color: #ff5e00;
  background-repeat: no-repeat;
  background-position: center right 34px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1425_15740)'%3E%3Cpath d='M7.12655 0L5.93889 1.18767L11.4111 6.66021H0.373125V8.3398H11.4111L5.93889 13.8123L7.12655 15L14.6269 7.5L7.12655 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1425_15740'%3E%3Crect width='15' height='15' rx='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  border-radius: 40px;
  cursor: pointer;
  cursor: pointer; }
  @media (max-width: 1023px) {
    .page-form .hs-form .actions {
      max-width: 310px;
      width: 100%;
      margin: 45px auto 50px;
      height: 64px;
      background-position: center right 24px; } }
  @media only screen and (min-width: 1025px) {
    .page-form .hs-form .actions:hover {
      background-color: #ff8c00; } }
  .page-form .hs-form .actions .hs-button {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.27273em;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #fff;
    background: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 100%; }
    @media (max-width: 1023px) {
      .page-form .hs-form .actions .hs-button {
        font-size: 18px; } }

.page-form .hs-form .hs-form__virality-link {
  display: none; }

.page-form .form-note {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2em;
  letter-spacing: 0.03em;
  font-weight: 500;
  max-width: 672px;
  margin: 0 auto 112px;
  position: relative;
  text-align: center; }
  @media (max-width: 1023px) {
    .page-form .form-note {
      text-align: left;
      margin-bottom: 45px; } }
  .page-form .form-note a {
    text-decoration: underline; }

.page-form .form-footer {
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.8em;
  letter-spacing: 0.03em;
  font-weight: 500;
  padding-bottom: 20px; }
  @media (max-width: 1023px) {
    .page-form .form-footer {
      padding-bottom: 16px; } }

.page-form #footer {
  display: none; }

.page-thanks .thanks-step {
  margin-top: 20px;
  text-align: center; }

.page-thanks .thanks-desc {
  margin: 60px 0 100px; }
  @media (max-width: 1023px) {
    .page-thanks .thanks-desc {
      margin: 32px 0 60px; } }
  .page-thanks .thanks-desc a {
    text-decoration: underline; }

/*# sourceMappingURL=maps/form.min.css.map */