.elementor-3209 .elementor-element.elementor-element-c56dfbd{--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;}.elementor-3209 .elementor-element.elementor-element-1f76af3{--display:flex;--min-height:450px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3209 .elementor-element.elementor-element-1f76af3:not(.elementor-motion-effects-element-type-background), .elementor-3209 .elementor-element.elementor-element-1f76af3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kiaola-inc.com/wp-content/uploads/2026/08/KIAOLA-ページ-FV-1.jpg");}.elementor-3209 .elementor-element.elementor-element-b378873{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3209 .elementor-element.elementor-element-b378873.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3209 .elementor-element.elementor-element-10c14c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;}.elementor-3209 .elementor-element.elementor-element-10c14c9 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:56px;font-weight:900;letter-spacing:3px;}.elementor-3209 .elementor-element.elementor-element-dfbc9c4{text-align:center;}.elementor-3209 .elementor-element.elementor-element-dfbc9c4 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;font-weight:600;letter-spacing:2px;color:#1677FF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3209 .elementor-element.elementor-element-83ab1fa{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3209 .elementor-element.elementor-element-83ab1fa .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-3209 .elementor-element.elementor-element-83ab1fa .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3209 .elementor-element.elementor-element-8956b84{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );}.elementor-3209 .elementor-element.elementor-element-3f2339c{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3209 .elementor-element.elementor-element-1dde992{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3209 .elementor-element.elementor-element-587c38f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;}.elementor-3209 .elementor-element.elementor-element-587c38f .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:50px;font-weight:800;letter-spacing:3px;color:#000B3D;}.elementor-3209 .elementor-element.elementor-element-058789e{text-align:center;}.elementor-3209 .elementor-element.elementor-element-058789e .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:16px;font-weight:600;letter-spacing:2px;color:var( --e-global-color-secondary );}.elementor-3209 .elementor-element.elementor-element-4926ec9{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3209 .elementor-element.elementor-element-4926ec9 .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-3209 .elementor-element.elementor-element-4926ec9 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-3209 .elementor-element.elementor-element-4f02321{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:3px 0px;--row-gap:3px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3209 .elementor-element.elementor-element-9972c33{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:18px;font-weight:500;letter-spacing:0.4px;color:var( --e-global-color-primary );}.elementor-3209 .elementor-element.elementor-element-9972c33 p{margin-block-end:0px;}.elementor-3209 .elementor-element.elementor-element-9e74edb{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:35px;--padding-right:35px;}.elementor-3209 .elementor-element.elementor-element-9e74edb:not(.elementor-motion-effects-element-type-background), .elementor-3209 .elementor-element.elementor-element-9e74edb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fcbc61d );}.elementor-3209 .elementor-element.elementor-element-9e74edb.e-con{--align-self:center;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3209 .elementor-element.elementor-element-a424137 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-3209 .elementor-element.elementor-element-b378873{--width:90%;}.elementor-3209 .elementor-element.elementor-element-9e74edb{--width:60%;}}@media(max-width:1024px){.elementor-3209 .elementor-element.elementor-element-1f76af3:not(.elementor-motion-effects-element-type-background), .elementor-3209 .elementor-element.elementor-element-1f76af3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kiaola-inc.com/wp-content/uploads/2026/10/ChatGPT-画像-2026年10月2日-23_43_01.png");background-position:center center;background-size:cover;}.elementor-3209 .elementor-element.elementor-element-9972c33{font-size:18px;}}@media(max-width:767px){.elementor-3209 .elementor-element.elementor-element-1f76af3:not(.elementor-motion-effects-element-type-background), .elementor-3209 .elementor-element.elementor-element-1f76af3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kiaola-inc.com/wp-content/uploads/2026/10/ChatGPT-画像-2026年10月3日-00_13_36.png");background-size:cover;}.elementor-3209 .elementor-element.elementor-element-b378873{--width:90%;}.elementor-3209 .elementor-element.elementor-element-10c14c9 .elementor-heading-title{font-size:30px;}.elementor-3209 .elementor-element.elementor-element-8956b84{font-size:14px;}.elementor-3209 .elementor-element.elementor-element-1dde992{--width:90%;}.elementor-3209 .elementor-element.elementor-element-1dde992.e-con{--align-self:center;}.elementor-3209 .elementor-element.elementor-element-587c38f .elementor-heading-title{font-size:34px;}.elementor-3209 .elementor-element.elementor-element-9972c33{text-align:start;font-size:16px;}.elementor-3209 .elementor-element.elementor-element-9e74edb{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3209 .elementor-element.elementor-element-a424137{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-3209 .elementor-element.elementor-element-a424137.elementor-element{--align-self:center;}}/* Start custom CSS for heading, class: .elementor-element-10c14c9 */@media (max-width: 767px) {

    .kiaola-fv-title-fit {
        width: 90vw !important;
        max-width: 90vw !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: visible !important;
    }

    .kiaola-fv-title-fit .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: visible !important;
    }

    .kiaola-fv-title-fit .elementor-heading-title {
        display: block !important;

        width: max-content !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        white-space: nowrap !important;

        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-a424137 *//*
 * KIAOLA お問い合わせフォーム用スタイル
 *
 * 【使い方】
 * 1. Elementorでフォームを囲む親コンテナを選択
 * 2. 「高度な設定」→「CSSクラス」に
 *    kiaola-contact-form
 *    と入力（先頭の . は付けない）
 *
 * 3. Fluent Formsのラベルには
 *    「必須」「任意」の文字を直接入れない
 *
 * 4. 必須項目はFluent Forms側で「必須」を有効にする
 *
 * 5. 必須・任意バッジはCSSで自動表示
 *
 * メインブルー：#1677FF
 * フォームIDには依存しません
 */


/* ========================================
   フォーム全体
======================================== */

.kiaola-contact-form .fluentform,
.kiaola-contact-form .ff-default {
  width: 100%;
  max-width: 100%;
}

.kiaola-contact-form .ff-el-group {
  margin-bottom: 30px !important;
}


/* ========================================
   ラベル
======================================== */

.kiaola-contact-form .ff-el-input--label {
  margin-bottom: 12px !important;
}

.kiaola-contact-form .ff-el-input--label label {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;

  color: #292929 !important;

  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.04em !important;
}


/* ========================================
   必須バッジ
======================================== */

/* アスタリスクが右側の場合 */

.kiaola-contact-form
.ff-el-input--label.ff-el-is-required.asterisk-right
label::after {
  content: "必須" !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 48px;
  height: 26px;

  margin-left: 12px !important;
  padding: 0 9px;

  border: 1px solid #1677FF;
  border-radius: 0;

  background-color: #1677FF !important;
  color: #fff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;

  box-sizing: border-box;
}


/* アスタリスクが左側の場合 */

.kiaola-contact-form
.ff-el-input--label.ff-el-is-required.asterisk-left
label::before {
  content: "必須" !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 48px;
  height: 26px;

  margin-right: 12px !important;
  padding: 0 9px;

  border: 1px solid #1677FF;
  border-radius: 0;

  background-color: #1677FF !important;
  color: #fff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;

  box-sizing: border-box;
}


/* ========================================
   任意バッジ
======================================== */

/*
 * 入力欄を持つ必須ではない通常項目に
 * 「任意」を自動表示
 *
 * チェックボックス・送信ボタンは対象外
 */

.kiaola-contact-form
.ff-el-group:not(:has(.ff-el-is-required))
:not(:has(input[type="checkbox"]))
:not(:has(button[type="submit"]))
> .ff-el-input--label label::after {
  content: "任意" !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 48px;
  height: 26px;

  margin-left: 12px !important;
  padding: 0 9px;

  border: 1px solid #1677FF;
  border-radius: 0;

  background-color: transparent !important;
  color: #1677FF !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;

  box-sizing: border-box;
}


/* ========================================
   入力欄
======================================== */

.kiaola-contact-form input[type="text"],
.kiaola-contact-form input[type="email"],
.kiaola-contact-form input[type="number"],
.kiaola-contact-form input[type="tel"],
.kiaola-contact-form input[type="url"],
.kiaola-contact-form input[type="date"],
.kiaola-contact-form textarea,
.kiaola-contact-form select {
  width: 100% !important;
  min-height: 62px !important;

  padding: 14px 20px !important;

  border: 1px solid #d5dce3 !important;
  border-radius: 4px !important;

  background: #fff !important;
  color: #292929 !important;

  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  box-shadow: none !important;
  box-sizing: border-box !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}


/* ご相談内容 */

.kiaola-contact-form textarea {
  min-height: 180px !important;
  padding-top: 16px !important;
  resize: vertical;
}


/* ========================================
   プレースホルダー
======================================== */

.kiaola-contact-form input::placeholder,
.kiaola-contact-form textarea::placeholder {
  color: #9299a3 !important;

  font-weight: 400 !important;

  opacity: 1 !important;
}


/* ========================================
   入力中
======================================== */

.kiaola-contact-form input:focus,
.kiaola-contact-form textarea:focus,
.kiaola-contact-form select:focus {
  border-color: #1677FF !important;

  outline: none !important;

  box-shadow:
    0 0 0 1px #1677FF !important;
}


/* ========================================
   プライバシーポリシー
======================================== */

/* チェックボックス上の不要なラベルを非表示 */

.kiaola-contact-form
.ff-el-group:has(input[type="checkbox"])
> .ff-el-input--label {
  display: none !important;
}


/* チェックボックス行 */

.kiaola-contact-form .ff-el-form-check {
  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
}


/* チェックボックス */

.kiaola-contact-form input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;

  margin: 0 10px 0 0 !important;

  accent-color: #1677FF;

  cursor: pointer;
}


/* 同意テキスト */

.kiaola-contact-form .ff-el-form-check-label {
  margin: 0 !important;

  color: #292929 !important;

  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;

  cursor: pointer;
}


/* プライバシーポリシーリンク */

.kiaola-contact-form .ff-el-form-check-label a {
  color: #1677FF !important;

  text-decoration: underline;
  text-underline-offset: 3px;

  transition: opacity 0.2s ease;
}

.kiaola-contact-form .ff-el-form-check-label a:hover {
  opacity: 0.7;
}


/* ========================================
   送信ボタン
======================================== */

.kiaola-contact-form .ff_submit_btn_wrapper {
  margin-top: 55px !important;

  text-align: center !important;
}


.kiaola-contact-form .ff-btn-submit,
.kiaola-contact-form .ff-btn,
.kiaola-contact-form button[type="submit"] {
  display: block !important;

  width: min(100%, 420px) !important;
  min-height: 64px !important;

  margin: 0 auto !important;
  padding: 18px 32px !important;

  border: 1px solid #1677FF !important;
  border-radius: 4px !important;

  background: #1677FF !important;
  background-image: none !important;

  color: #fff !important;

  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;

  box-shadow: none !important;

  opacity: 1 !important;

  cursor: pointer !important;

  box-sizing: border-box !important;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}


/* ホバー */

.kiaola-contact-form .ff-btn-submit:hover,
.kiaola-contact-form .ff-btn:hover,
.kiaola-contact-form button[type="submit"]:hover {
  border-color: #1677FF !important;

  background: #fff !important;

  color: #1677FF !important;

  transform: translateY(-2px);

  opacity: 1 !important;
}


/* キーボード操作時 */

.kiaola-contact-form .ff-btn-submit:focus,
.kiaola-contact-form .ff-btn:focus,
.kiaola-contact-form button[type="submit"]:focus {
  border-color: #1677FF !important;

  outline: none !important;
}


/* ========================================
   エラー表示
======================================== */

/*
 * エラーはブランドカラーではなく
 * 視認性を優先して赤
 */

.kiaola-contact-form .error,
.kiaola-contact-form .text-danger,
.kiaola-contact-form .ff-el-is-error .text-danger {
  margin-top: 7px !important;

  color: #d63638 !important;

  font-size: 13px !important;
  font-weight: 500 !important;
}


.kiaola-contact-form .ff-el-is-error input,
.kiaola-contact-form .ff-el-is-error textarea,
.kiaola-contact-form .ff-el-is-error select {
  border-color: #d63638 !important;
}


/* ========================================
   タブレット
======================================== */

@media screen and (max-width: 1024px) {

  .kiaola-contact-form .ff-btn-submit,
  .kiaola-contact-form .ff-btn,
  .kiaola-contact-form button[type="submit"] {
    width: min(80%, 420px) !important;
    min-height: 64px !important;
  }

}


/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {

  /* 項目間 */

  .kiaola-contact-form .ff-el-group {
    margin-bottom: 22px !important;
  }


  /* ラベル */

  .kiaola-contact-form .ff-el-input--label {
    margin-bottom: 9px !important;
  }

  .kiaola-contact-form .ff-el-input--label label {
    font-size: 16px !important;
  }


  /* 必須・任意バッジ */

  .kiaola-contact-form
  .ff-el-input--label.ff-el-is-required.asterisk-right
  label::after,

  .kiaola-contact-form
  .ff-el-input--label.ff-el-is-required.asterisk-left
  label::before,

  .kiaola-contact-form
  .ff-el-group:not(:has(.ff-el-is-required))
  :not(:has(input[type="checkbox"]))
  :not(:has(button[type="submit"]))
  > .ff-el-input--label label::after {
    min-width: 42px;

    height: 22px;

    padding: 0 6px;

    font-size: 11px !important;
  }


  /* 右側バッジの間隔 */

  .kiaola-contact-form
  .ff-el-input--label.ff-el-is-required.asterisk-right
  label::after,

  .kiaola-contact-form
  .ff-el-group:not(:has(.ff-el-is-required))
  :not(:has(input[type="checkbox"]))
  :not(:has(button[type="submit"]))
  > .ff-el-input--label label::after {
    margin-left: 9px !important;
  }


  /* 入力欄 */

  .kiaola-contact-form input[type="text"],
  .kiaola-contact-form input[type="email"],
  .kiaola-contact-form input[type="number"],
  .kiaola-contact-form input[type="tel"],
  .kiaola-contact-form input[type="url"],
  .kiaola-contact-form input[type="date"],
  .kiaola-contact-form textarea,
  .kiaola-contact-form select {
    min-height: 54px !important;

    padding: 12px 14px !important;

    font-size: 16px !important;
  }


  /* ご相談内容 */

  .kiaola-contact-form textarea {
    min-height: 150px !important;
  }


  /* チェックボックス */

  .kiaola-contact-form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }


  /* 同意文 */

  .kiaola-contact-form .ff-el-form-check-label {
    font-size: 14px !important;
  }


  /* ボタンとの間隔 */

  .kiaola-contact-form .ff_submit_btn_wrapper {
    margin-top: 40px !important;
  }


  /* 送信ボタン */

  .kiaola-contact-form .ff-btn-submit,
  .kiaola-contact-form .ff-btn,
  .kiaola-contact-form button[type="submit"] {
    width: 100% !important;

    min-height: 60px !important;

    padding: 14px 20px !important;

    font-size: 17px !important;
  }

}


/* ========================================
   プライバシーポリシーリンク
   クリック時の不要な点線を削除
======================================== */

.kiaola-contact-form
a[href*="/privacy-policy/"]:focus,

.kiaola-contact-form
a[href*="/privacy-policy/"]:active {
  outline: none !important;

  box-shadow: none !important;
}/* End custom CSS */