/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 06:40:30 */
/* 木下製作所 CF7 3STEP カスタムCSS FULL | 2026-11-05
 * 適用先: /email_cf/* と /email/* に共通。URL名に依存しません。
 * 既存テーマ .contactform のレイアウトを尊重し、CF7用だけ補正します。
 * 固定ページ側は .kinoshita-cf7 で囲むこと。
 */
.kinoshita-cf7, .kinoshita-cf7 * {box-sizing:border-box;}
.kinoshita-cf7 .wpcf7 {max-width:100%;width:100%;}
.kinoshita-cf7 .contactform {max-width:870px;margin:0 auto;}
.kinoshita-cf7 .contactform dl {display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;}
.kinoshita-cf7 .contactform dt {flex:0 0 35%;max-width:35%;}
.kinoshita-cf7 .contactform dd {flex:0 0 63%;max-width:63%;min-width:0;overflow-wrap:anywhere;}
.kinoshita-cf7 .contactform dd > p,.kinoshita-cf7 .contactform dt > p {margin:0;padding:0;}
.kinoshita-cf7 .contactform dd > p > br {display:none;}
.kinoshita-cf7 .contactform .wpcf7-form-control-wrap {max-width:100%;display:inline-block;width:100%;}
.kinoshita-cf7 .contactform input[type=text],
.kinoshita-cf7 .contactform input[type=email],
.kinoshita-cf7 .contactform input[type=tel],
.kinoshita-cf7 .contactform textarea {width:100%;max-width:100%;font-family:inherit;}
.kinoshita-cf7 .contactform textarea {min-height:155px;resize:vertical;}
.kinoshita-cf7 .contactform input[type=radio] {width:auto;height:auto;max-width:none;vertical-align:middle;}
.kinoshita-cf7 .contactform .wpcf7-list-item {display:inline-block;margin:0 20px 6px 0;}
.kinoshita-cf7 .contactform .wpcf7-list-item label {cursor:pointer;}
.kinoshita-cf7 .contactform .wpcf7-not-valid-tip {display:block;color:#c11928;font-size:14px;margin-top:4px;}
.kinoshita-cf7 .wpcf7-response-output {margin:18px auto!important;padding:12px!important;max-width:870px;}
.kinoshita-cf7 .kinoshita-email-error {font-size:14px;color:#c11928;line-height:1.6;margin:5px 0 0;}
.kinoshita-cf7 .kinoshita-email-invalid {border-color:#c11928!important;outline:2px solid rgba(193,25,40,.15);}
/* 確認表示: テキストは入力欄ではなく値だけ */
.kinoshita-cf7 .kinoshita-confirm-value {display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:10px 0;}
.kinoshita-cf7 .kinoshita-confirm-value--message {min-height:60px;}
/* CF7が自動生成する p / br を含めボタンを横並びに */
.kinoshita-cf7 .kinoshita-buttons {display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;width:100%;margin:28px auto 0!important;text-align:center;}
.kinoshita-cf7 .kinoshita-buttons > p {display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-direction:row!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;width:100%;}
.kinoshita-cf7 .kinoshita-buttons br {display:none!important;}
.kinoshita-cf7 .kinoshita-buttons input[type=submit],
.kinoshita-cf7 .kinoshita-buttons input.wpcf7-previous,
.kinoshita-cf7 .kinoshita-buttons input[type=button] {position:static!important;float:none!important;display:inline-block!important;flex:0 1 250px;box-sizing:border-box!important;width:250px!important;min-width:0!important;max-width:100%!important;min-height:55px!important;height:auto!important;margin:0!important;padding:10px 18px!important;font-size:18px!important;line-height:1.5!important;border-radius:3px!important;cursor:pointer;}
.kinoshita-cf7 .kinoshita-buttons input[type=submit] {color:#fff!important;background:#4c5c9b!important;border:3px solid #10267a!important;}
.kinoshita-cf7 .kinoshita-buttons input.wpcf7-previous,
.kinoshita-cf7 .kinoshita-buttons input[type=button] {color:#333!important;background:#eee!important;border:2px solid #bbb!important;}
.kinoshita-cf7 .kinoshita-buttons input:disabled {opacity:.55;cursor:wait;}
.kinoshita-cf7 .kinoshita-buttons .wpcf7-spinner {margin:0 4px!important;}
.kinoshita-step {display:flex;justify-content:center;gap:0;max-width:870px;margin:0 auto 24px;padding:0;list-style:none;}
.kinoshita-step li {flex:1;text-align:center;font-size:15px;background:#e5e7ed;color:#555;padding:13px 6px;border-right:2px solid #fff;}
.kinoshita-step li.is-current {background:#4c5c9b;color:#fff;font-weight:bold;}
.kinoshita-step li:last-child {border-right:0;}
.kinoshita-step-note {max-width:870px;margin:12px auto 24px;line-height:1.8;font-size:16px;}
.kinoshita-complete {max-width:870px;margin:0 auto;background:#fff;padding:45px 26px;text-align:center;line-height:2;}
.kinoshita-complete a {display:inline-block;color:#fff;background:#4c5c9b;border:3px solid #10267a;padding:10px 28px;margin-top:25px;text-decoration:none;}
@media (max-width:767px) {
 .kinoshita-cf7 .contactform dl {display:block;}
 .kinoshita-cf7 .contactform dt,.kinoshita-cf7 .contactform dd {display:block;max-width:none;flex:none;width:100%;}
 .kinoshita-cf7 .contactform dt {padding:12px 0 5px;min-height:0;}
 .kinoshita-cf7 .contactform dd {padding:5px 0 14px;min-height:0;}
 .kinoshita-cf7 .kinoshita-buttons > p {gap:10px!important;}
 .kinoshita-cf7 .kinoshita-buttons input[type=submit],
 .kinoshita-cf7 .kinoshita-buttons input.wpcf7-previous,
 .kinoshita-cf7 .kinoshita-buttons input[type=button] {flex:1 1 130px;width:auto!important;font-size:16px!important;}
 .kinoshita-step li {font-size:12px;padding:12px 3px;}
}