.elementor-3409 .elementor-element.elementor-element-1c4db04{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:200px;--padding-right:0px;}.elementor-3409 .elementor-element.elementor-element-1c4db04:not(.elementor-motion-effects-element-type-background), .elementor-3409 .elementor-element.elementor-element-1c4db04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3409 .elementor-element.elementor-element-bfa1d8a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-ha-cf7 .wpcf7-form-control:not(.wpcf7-submit){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 .wpcf7-submit{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-3409 .elementor-element.elementor-element-bfa1d8a{--content-width:100%;}}@media(max-width:767px){.elementor-3409 .elementor-element.elementor-element-1c4db04{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for ha-cf7, class: .elementor-element-53c53ae *//* =====================================
   Contact Form 7 — 幅広デザイン（作り直し）
   ===================================== */

/* ■ フォーム全体（カード） */
.wpcf7 form {
    max-width: 1000px !important;   /* 横幅 → 広めに設定（調整可） */
    width: 100% !important;
    margin: 40px auto !important;   /* 中央寄せ */
    padding: 40px;
    background: #fff7e6;            /* 指定の背景色 */
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    box-sizing: border-box;
}

/* ■ テーマ側の制限を強制解除 */
.entry-content .wpcf7 form,
.content-area .wpcf7 form,
.post-content .wpcf7 form,
.site-main .wpcf7 form,
#main .wpcf7 form {
    max-width: 1000px !important;
    width: 100% !important;
    margin: 40px auto !important;
}

/* ■ 見出し（ラベル） */
.wpcf7 form label {
    font-weight: bold;
    color: #2a4946;    /* 深緑（指定色） */
    font-size: 17px;
    display: block;
    margin-bottom: 8px;
}

/* ■ 入力欄 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border: 2px solid #2a4946;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 25px;
    box-sizing: border-box;
}

/* フォーカス時の強調（オレンジ色） */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #eb5d39;
    box-shadow: 0 0 6px rgba(235,93,57,0.4);
    outline: none;
}

/* ■ チェックボックスの色（差し色：80cf4a） */
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    accent-color: #80cf4a;
}

/* ■ 送信ボタン */
.wpcf7 input[type="submit"] {
    background: #eb5d39;     /* オレンジ（指定色） */
    color: #fff;
    font-size: 18px;
    padding: 14px 40px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    margin: 30px auto 0;     /* ボタンを中央へ */
    transition: 0.3s;
}

.wpcf7 input[type="submit"]:hover {
    background: #2a4946;     /* 緑にチェンジ */
}

/* ■ エラーメッセージ（見やすい赤） */
.wpcf7-not-valid-tip {
    color: #eb5d39;
    font-weight: bold;
    font-size: 14px;
}

/* ■ 送信完了メッセージ（緑） */
.wpcf7-response-output {
    border-color: #80cf4a !important;
    color: #2a4946 !important;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 8px;
}/* End custom CSS */