/*
 * 既存Contact Form 7（ID 167）の見た目を、現行 /contact/ と同じに保つための移植CSS。
 * フォーム定義・項目・文言・メール設定は一切変更していない。
 * 2026-09-23 に現行 /contact/ で実際にフォーム要素へ適用されていた規則を、
 * 読み込み順のまま #webmix-overview .wm-form 配下に限定して再掲したもの。
 * 出典：SWELL main.css / SWELL inline / Contact Form 7 styles.css / SWELL CHILD style.css / Contactページ個別CSS
 */
/* 現行ページでフォームの親要素から継承していた値 */
#webmix-overview .wm-form{--color_link:#1176d4;--swl-list-padding--left:1.5em;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:1.8;letter-spacing:normal;color:rgb(51, 51, 51);text-align:start;word-break:normal;overflow-wrap:break-word;line-break:auto;font-feature-settings:normal;text-transform:none;-webkit-font-smoothing:auto;text-rendering:auto;font-variant-ligatures:normal;word-spacing:0px}
/* /wp-content/themes/swell/build/css/main.css */
#webmix-overview .wm-form :is(*){margin: 0px; padding: 0px;}
#webmix-overview .wm-form :is(*){box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: inherit;}
#webmix-overview .wm-form ::after,#webmix-overview .wm-form ::before{box-sizing: inherit; text-decoration: inherit; vertical-align: inherit;}
#webmix-overview .wm-form :is(:where(ul:not([type]))){list-style: none;}
#webmix-overview .wm-form :is(input),#webmix-overview .wm-form :is(select),#webmix-overview .wm-form :is(textarea){font-family: inherit; font-size: inherit; line-height: inherit;}
#webmix-overview .wm-form :is(input){overflow: visible;}
#webmix-overview .wm-form :is(select){text-transform: none;}
#webmix-overview .wm-form :is([type="submit"]){appearance: button; cursor: pointer; display: inline-block;}
#webmix-overview .wm-form :is(fieldset){padding: 0.35em 0.75em 0.625em;}
#webmix-overview .wm-form :is(input),#webmix-overview .wm-form :is(select),#webmix-overview .wm-form :is(textarea){background-color: rgb(247, 247, 247); border: 1px solid rgba(199, 199, 199, 0.5); border-radius: 0px; color: rgb(51, 51, 51); padding: 0.25em 0.5em;}
#webmix-overview .wm-form :is(a){color: var(--color_link);}
#webmix-overview .wm-form :is(div > :first-child){margin-top: 0px !important;}
#webmix-overview .wm-form :is(div > :last-child){margin-bottom: 0px !important;}
#webmix-overview .wm-form :is(:where(ul:not([type]))){list-style: disc;}
#webmix-overview .wm-form :is(ul){padding-left: var(--swl-list-padding--left);}
/* ブラウザ標準で入力欄は太さ400（承認CSSの font:inherit で500になるのを現行どおりに戻す） */
#webmix-overview .wm-form :is(input,select,textarea,button){font-weight:400}
/* inline#swell_custom-inline-css */
#webmix-overview .wm-form :is(a){text-decoration: none;}
/* /wp-content/plugins/contact-form-7/includes/css/styles.css */
#webmix-overview .wm-form :is(.wpcf7 .screen-reader-response){position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; overflow-wrap: normal !important; word-break: normal !important;}
#webmix-overview .wm-form :is(.wpcf7 .hidden-fields-container){display: none;}
#webmix-overview .wm-form :is(.wpcf7 form .wpcf7-response-output){margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid rgb(0, 160, 210);}
#webmix-overview .wm-form :is(.wpcf7 form.init .wpcf7-response-output),#webmix-overview .wm-form :is(.wpcf7 form.resetting .wpcf7-response-output),#webmix-overview .wm-form :is(.wpcf7 form.submitting .wpcf7-response-output){display: none;}
#webmix-overview .wm-form :is(.wpcf7 form.sent .wpcf7-response-output){border-color: rgb(70, 180, 80);}
#webmix-overview .wm-form :is(.wpcf7 form.failed .wpcf7-response-output),#webmix-overview .wm-form :is(.wpcf7 form.aborted .wpcf7-response-output){border-color: rgb(220, 50, 50);}
#webmix-overview .wm-form :is(.wpcf7 form.spam .wpcf7-response-output){border-color: rgb(245, 110, 40);}
#webmix-overview .wm-form :is(.wpcf7 form.invalid .wpcf7-response-output),#webmix-overview .wm-form :is(.wpcf7 form.unaccepted .wpcf7-response-output),#webmix-overview .wm-form :is(.wpcf7 form.payment-required .wpcf7-response-output){border-color: rgb(255, 185, 0);}
#webmix-overview .wm-form :is(.wpcf7-form-control-wrap){position: relative;}
#webmix-overview .wm-form :is(.wpcf7-not-valid-tip){color: rgb(220, 50, 50); font-size: 1em; font-weight: normal; display: block;}
#webmix-overview .wm-form :is(.use-floating-validation-tip .wpcf7-not-valid-tip){position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid rgb(220, 50, 50); background: rgb(255, 255, 255); padding: 0.2em 0.8em; width: 24em;}
#webmix-overview .wm-form :is(.wpcf7-list-item){display: inline-block; margin: 0px 0px 0px 1em;}
#webmix-overview .wm-form :is(.wpcf7-list-item-label)::before,#webmix-overview .wm-form :is(.wpcf7-list-item-label)::after{content: " ";}
#webmix-overview .wm-form :is(.wpcf7-spinner){visibility: hidden; display: inline-block; background-color: rgb(35, 40, 45); opacity: 0.75; width: 24px; height: 24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100%; padding: 0px; margin: 0px 24px; position: relative;}
#webmix-overview .wm-form :is(form.submitting .wpcf7-spinner){visibility: visible;}
#webmix-overview .wm-form :is(.wpcf7-spinner)::before{content: ""; position: absolute; background-color: rgb(251, 251, 252); top: 4px; left: 4px; width: 6px; height: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite;}
@media (prefers-reduced-motion: reduce){#webmix-overview .wm-form :is(.wpcf7-spinner)::before{animation-name: blink; animation-duration: 2000ms;}}
#webmix-overview .wm-form :is(.wpcf7 [inert]){opacity: 0.5;}
#webmix-overview .wm-form :is(.wpcf7 input[type="file"]){cursor: pointer;}
#webmix-overview .wm-form :is(.wpcf7 input[type="file"]:disabled){cursor: default;}
#webmix-overview .wm-form :is(.wpcf7 .wpcf7-submit:disabled){cursor: not-allowed;}
#webmix-overview .wm-form :is(.wpcf7 input[type="url"]),#webmix-overview .wm-form :is(.wpcf7 input[type="email"]),#webmix-overview .wm-form :is(.wpcf7 input[type="tel"]){direction: ltr;}
#webmix-overview .wm-form :is(.wpcf7-reflection > output){display: list-item; list-style: none;}
#webmix-overview .wm-form :is(.wpcf7-reflection > output[hidden]){display: none;}
/* /wp-content/themes/swell_child/style.css */
#webmix-overview .wm-form :is(input),#webmix-overview .wm-form :is(select),#webmix-overview .wm-form :is(textarea){font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;}
#webmix-overview .wm-form :is(.container){width: 100%; max-width: 1160px; margin-inline: auto; padding-inline: 16px;}
#webmix-overview .wm-form :is(.req-badge){display: inline-block; margin-left: 0.6em; padding: 0.15em 0.6em; border-radius: 3px; font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 0.04em; vertical-align: middle; white-space: nowrap;}
#webmix-overview .wm-form :is(.req-badge.is-required){background: rgb(192, 57, 43); color: rgb(255, 255, 255);}
#webmix-overview .wm-form :is(.req-badge.is-optional){background: rgb(232, 234, 237); color: rgb(95, 99, 104);}
#webmix-overview .wm-form :is(.form-section-privacy .req-badge){margin-left: 0px; margin-right: 0.6em;}
#webmix-overview .wm-form :is(.req-badge){padding: 0.1em 0.55em; font-weight: 600; background: transparent;}
#webmix-overview .wm-form :is(.req-badge.is-required){border: 1px solid rgb(192, 57, 43); color: rgb(192, 57, 43); background: transparent;}
#webmix-overview .wm-form :is(.req-badge.is-optional){border: 1px solid rgb(201, 206, 214); color: rgb(107, 115, 120); background: transparent;}
/* inline#swell_custom_css（Contactページ個別CSS） */
#webmix-overview .wm-form :is(.contact-form-wrapper){background-color: white; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; padding: 40px; margin: 30px auto; max-width: 650px; transition: 0.3s;}
#webmix-overview .wm-form :is(.contact-form-wrapper:hover){box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px;}
#webmix-overview .wm-form :is(.form-header){text-align: center; margin-bottom: 30px;}
#webmix-overview .wm-form :is(.form-header h2){color: rgb(52, 58, 64); font-weight: 600; margin-bottom: 15px;}
#webmix-overview .wm-form :is(.contact-form-wrapper label){display: block; font-weight: 500; margin-bottom: 10px; color: rgb(73, 80, 87);}
#webmix-overview .wm-form :is(.contact-form-wrapper input[type="text"]),#webmix-overview .wm-form :is(.contact-form-wrapper input[type="email"]),#webmix-overview .wm-form :is(.contact-form-wrapper textarea){width: 100%; padding: 5px 15px; border: 2px solid rgb(233, 236, 239); margin-bottom: 25px; transition: 0.3s; font-size: 16px;}
#webmix-overview .wm-form :is(.contact-form-wrapper textarea){min-height: 150px; resize: vertical;}
#webmix-overview .wm-form :is(.contact-form-wrapper input[type="submit"]){background-color: rgb(4, 56, 76); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; padding: 12px 30px; font-size: 16px; font-weight: 500; cursor: pointer; display: block; width: 100%; transition: 0.3s; box-shadow: rgba(0, 123, 255, 0.2) 0px 4px 15px;}
#webmix-overview .wm-form :is(.contact-form-wrapper input[type="submit"]:hover){background-color: rgb(0, 105, 217); box-shadow: rgba(0, 123, 255, 0.3) 0px 8px 25px; transform: translateY(-3px);}
#webmix-overview .wm-form :is(.contact-form-wrapper input[type="submit"]:active){transform: translateY(0px);}
#webmix-overview .wm-form :is(.form-section){position: relative; margin-bottom: 5px;}
#webmix-overview .wm-form :is(.form-footer){margin-top: 25px; text-align: center; font-size: 14px; color: rgb(108, 117, 125);}
@media (max-width: 768px){#webmix-overview .wm-form :is(.contact-form-wrapper){padding: 30px 20px;}}
/* 電話番号欄：ページ個別CSSの幅指定から漏れており、スマートフォンで画面外にはみ出すため、枠内に収める（2026-09-23 ユーザー指示） */
#webmix-overview .wm-form :is(.contact-form-wrapper input[type="tel"]){max-width:100%}