.elementor-588 .elementor-element.elementor-element-6e3fd3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:140px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-6e3fd3e:not(.elementor-motion-effects-element-type-background), .elementor-588 .elementor-element.elementor-element-6e3fd3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-588 .elementor-element.elementor-element-4ca23c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;text-align:center;}.elementor-588 .elementor-element.elementor-element-4ca23c0 .elementor-heading-title{font-size:32px;font-weight:700;color:var( --e-global-color-astglobalcolor0 );}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-588 .elementor-element.elementor-element-4e85790 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-588 .elementor-element.elementor-element-4e85790 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-588 .elementor-element.elementor-element-4e85790 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group > label{font-size:14px;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-type-html{padding-bottom:0px;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group .elementor-field, .elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-subgroup label{font-weight:400;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-button{font-size:16px;font-weight:500;border-radius:50px 50px 50px 50px;}.elementor-588 .elementor-element.elementor-element-4e85790 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-button[type="submit"]{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-588 .elementor-element.elementor-element-4e85790{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-588 .elementor-element.elementor-element-6e3fd3e{--content-width:740px;}}@media(max-width:1024px){.elementor-588 .elementor-element.elementor-element-6e3fd3e{--padding-top:100px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-588 .elementor-element.elementor-element-6e3fd3e{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-588 .elementor-element.elementor-element-4ca23c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-588 .elementor-element.elementor-element-4ca23c0 .elementor-heading-title{font-size:24px;}}/* Start custom CSS for form, class: .elementor-element-4e85790 *//* =========================
   お問い合わせフォーム
========================= */

.contact-form {
  max-width: 1000px;
  margin: 0 auto;
}

/* ラベル */
.contact-form .elementor-field-label {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 8px;
}

/* 入力欄 */
.contact-form input,
.contact-form select,
.contact-form textarea {
  background: #fff;
  border: 0.3px solid #aaa;
  border-radius: 0;
  color: #333;
  font-size: 14px;
}

/* 1行入力 */
.contact-form input,
.contact-form select {
  min-height: 40px;
  padding: 0 18px;
}

/* テキストエリア */
.contact-form textarea {
  min-height: 280px;
  padding: 16px 18px;
  resize: vertical;
}

/* プレースホルダー */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #888;
  opacity: 1;
  font-size: 12px;
}

/* フィールド間 */
.contact-form .elementor-field-group {
  margin-bottom: 16px;
}

.contact-form .elementor-mark-required .elementor-field-label::after {
  content: " ※必須";
  color: #e66;
  font-size: 10px;
  font-weight: 400;
}

.contact-form .elementor-mark-required .elementor-field-label > span {
  display: none;
}

/* 同意チェック全体 */
.contact-form .elementor-field-group-privacy {
  justify-content: center;
  margin-top: 24px;
}

/* チェックボックス＋文言 */
.contact-form .elementor-field-group-privacy .elementor-field-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* チェックボックス */
.contact-form .elementor-field-group-privacy input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-height: auto;
  margin: 0;
}

@media (max-width: 767px) {

  .contact-form .elementor-field-group {
    width: 100% !important;
  }

  .contact-form textarea {
    min-height: 220px;
  }

  .contact-form .elementor-button {
    width: 100%;
    min-width: 0;
  }

  .contact-form .elementor-field-label {
    font-size: 16px;
  }
}

/* =========================
   入力欄の罫線を細く
========================= */

.contact-form input,
.contact-form select,
.contact-form textarea {
  border: 0.3px solid #777 !important;
}


/* =========================
   左右2列の間隔を広げる
========================= */

.contact-form .elementor-form-fields-wrapper {
  justify-content: space-between;
}

/* 50%幅の項目を少しだけ短くする */
.contact-form .elementor-field-group.elementor-col-50 {
  width: calc(50% - 14px) !important;
}


/* =========================
   各入力項目の縦間隔
========================= */

.contact-form .elementor-field-group {
  margin-bottom: 24px !important;
}


/* =========================
   個人情報同意欄
========================= */

.contact-form .elementor-field-group-privacy {
  justify-content: center;

  /* 送信ボタンとの間隔 */
  margin-top: 20px !important;
  margin-bottom: 18px !important;
}


/* チェックボックスと文章 */
.contact-form .elementor-field-group-privacy .elementor-field-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}


/* お問い合わせ種別を左カラムと同じ幅に */
.contact-form .elementor-field-group-inquiry_type {
  width: calc(50% - 14px) !important;
  flex: 0 0 calc(50% - 14px) !important;
}

/* =========================
   スマホ
========================= */

@media (max-width: 767px) {

  .contact-form .elementor-field-group.elementor-col-50 {
    width: 100% !important;
  }

  .contact-form .elementor-field-label {
    white-space: nowrap !important;
  }

  .contact-form .elementor-field-label::after {
    white-space: nowrap !important;
  }
  
}

@media (max-width: 767px) {

  /* お問い合わせ種別のフィールド全体を100%幅に */
  .contact-form
  .elementor-field-group-inquiry_type {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Elementorの50%指定を上書き */
  .contact-form
  .elementor-field-group-inquiry_type.elementor-col-50 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* プルダウンのラッパー */
  .contact-form
  .elementor-field-group-inquiry_type
  .elementor-select-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* select本体 */
  .contact-form
  .elementor-field-group-inquiry_type select {
    width: 100% !important;
    max-width: 100% !important;
  }

}/* End custom CSS */