/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2026 | 05:02:33 */
/* しゅうじ窓建 CF7 + Multi-Step 補正 / 2026-10-26 */
/* ページの .contact-cf7 内だけを対象にし、既存の緑色デザインを維持 */
.contact-cf7, .contact-cf7 * { box-sizing: border-box; }
.contact-cf7 .wpcf7-form > p { margin: 0; }
.contact-cf7 .wpcf7-form > p:empty { display: none; }
.contact-cf7 .form_table { width: 100%; }
.contact-cf7 .form_table > tbody > tr > td { overflow-wrap: anywhere; }
.contact-cf7 .form_table input[type="text"],
.contact-cf7 .form_table input[type="email"],
.contact-cf7 .form_table input[type="tel"],
.contact-cf7 .form_table textarea { max-width: 100%; box-sizing: border-box; }
.contact-cf7 .form_table input[name="zip"] { width: 170px !important; max-width: 100% !important; }
.contact-cf7 .form_table input[name="tel"] { width: 100%; }
.contact-cf7 .address_table { width: 100%; }
.contact-cf7 .address_table td input { width: 100%; }
.contact-cf7 .address_table td input[name="zip"] { width: 170px !important; }
.contact-cf7 .wpcf7-form-control-wrap { display: inline-block; width: 100%; max-width: 100%; }
.contact-cf7 .doui_check .wpcf7-form-control-wrap { display: inline; width: auto; }
.contact-cf7 .doui_check .wpcf7-list-item { margin: 0; }
.contact-cf7 .doui_check .wpcf7-list-item > label { display: inline-flex; gap: .5em; align-items: center; padding: .65em 1.4em; background: #f1f1f1; border: 3px solid #d6d6d6; }
.contact-cf7 .wpcf7-not-valid-tip { font-size: 13px; color: #b00020; margin-top: .3em; }
.contact-cf7 .wpcf7-response-output { margin: 1em 0 !important; padding: 1em !important; }
/* 入力画面のボタンも確認画面の戻る・送信も隠さない */
.contact-cf7 .form_btn { text-align: center; }
.contact-cf7 .form_btn p { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 0; }
.contact-cf7 .form_btn p > br { display: none; }
.contact-cf7 .form_btn input[type="submit"],
.contact-cf7 .form_btn input[type="button"],
.contact-cf7 .form_btn button { cursor: pointer; border-radius: 5px; padding: 15px 30px; min-height: 50px; font-size: 18px; }
.contact-cf7 .form_btn input[type="submit"] { background: #4dcb7c; border: 0; color: #fff; }
.contact-cf7 .form_btn input[type="button"],
.contact-cf7 .form_btn button:not([type="submit"]) { background: #777; border: 0; color: #fff; }
.contact-cf7 .form_btn input:hover { opacity: .85; }
/* 確認画面はテキスト表示: .contact-cf7--confirm を固定ページ側に付ける */
.contact-cf7--confirm .form_table > tbody > tr > td { line-height: 1.8; white-space: pre-wrap; }
.contact-cf7--confirm .address_table td { white-space: pre-wrap; }
.contact-cf7--confirm .form_btn input[type="submit"],
.contact-cf7--confirm .form_btn input[type="button"] { min-width: 210px; width: auto; }
@media (max-width: 767px) {
 .contact-cf7 .form_table > tbody > tr > td { padding-left: 0; }
 .contact-cf7 .form_table .address_table th, .contact-cf7 .form_table .address_table td { width: 100%; }
 .contact-cf7 .form_btn input[type="submit"], .contact-cf7 .form_btn input[type="button"] { width: 100%; min-width: 0; }
 .contact-cf7 .form_btn p { flex-direction: column; }
}