/* WordPress版 Contact：WPForms の見た目を、サイトのデザインに揃えるための上書き。
   works.css の「.yb-form …」の規則を、WPFormsの標準CSSに負けないよう優先度を上げて再掲し、
   ご用件のセレクトボックスなど、足りなかった部分を足しています。 */
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-container{display:grid;gap:26px}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field{padding:0;min-width:0}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;letter-spacing:.03em;line-height:1.5}
html body .yb-form .wpforms-container .wpforms-form .wpforms-required-label{font-size:0;line-height:1}
html body .yb-form .wpforms-container .wpforms-form .wpforms-required-label::after{content:"必須";display:inline-block;font-size:10px;font-weight:400;letter-spacing:.06em;padding:3px 7px 2px;border-radius:999px;background:var(--wk-ink);color:var(--wk-paper)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-description{margin-top:8px;font-size:12px;line-height:1.7;color:var(--wk-muted)}
html body .yb-form .wpforms-container .wpforms-form input[type=text],html body .yb-form .wpforms-container .wpforms-form input[type=email],html body .yb-form .wpforms-container .wpforms-form textarea{display:block;width:100%;max-width:none;min-height:52px;padding:13px 16px;font:inherit;font-size:16px;line-height:1.6;color:var(--wk-ink);background:#fff;border:1px solid #c9cbc3;border-radius:6px;box-shadow:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
html body .yb-form .wpforms-container .wpforms-form textarea{min-height:180px;resize:vertical}
html body .yb-form .wpforms-container .wpforms-form ::placeholder{color:#a3a69e}
html body .yb-form .wpforms-container .wpforms-form input:focus,html body .yb-form .wpforms-container .wpforms-form textarea:focus{outline:none;border-color:var(--wk-ink);box-shadow:0 0 0 3px rgba(226,255,114,.9)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox li{margin:0;padding:0}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox input{position:absolute;opacity:0;width:1px;height:1px}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-label-inline{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid #c9cbc3;border-radius:999px;background:#fff;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-label-inline::before{content:"";width:14px;height:14px;border:1px solid currentColor;border-radius:3px;flex:0 0 auto}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox input:checked+.wpforms-field-label-inline{background:var(--wk-ink);border-color:var(--wk-ink);color:var(--wk-paper)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox input:checked+.wpforms-field-label-inline::before{background:var(--wk-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2 5.8 10 11 4' fill='none' stroke='%2330332f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--wk-lime)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox input:focus-visible+.wpforms-field-label-inline{box-shadow:0 0 0 3px rgba(226,255,114,.9);border-color:var(--wk-ink)}
html body .yb-form .wpforms-container .wpforms-form em.wpforms-error{display:block;margin-top:8px;font-style:normal;font-size:12px;color:#c0392b}
html body .yb-form .wpforms-container .wpforms-form input.wpforms-error,html body .yb-form .wpforms-container .wpforms-form textarea.wpforms-error{border-color:#c0392b}
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit-container{margin-top:36px;padding:0}
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit{display:inline-flex;align-items:center;gap:18px;min-height:64px;padding:8px 8px 8px 30px;border:0;border-radius:999px;background:var(--wk-ink);color:var(--wk-paper);font:inherit;font-size:16px;font-weight:600;letter-spacing:.06em;cursor:pointer}
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit::after{content:"";width:48px;height:48px;border-radius:50%;background:var(--wk-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 16h22M17 7l10 9-10 9' fill='none' stroke='%2330332f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;transition:transform .2s ease}
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit:focus-visible{outline:3px solid var(--wk-ink);outline-offset:4px}
@media(hover:hover){html body .yb-form .wpforms-container .wpforms-form .wpforms-submit:hover::after{transform:translateX(4px)}}
html body .yb-form .wpforms-confirmation-container-full{padding:32px 30px;border-radius:8px;background:var(--wk-ink);color:var(--wk-paper);font-size:15px;line-height:2}
html body .yb-form .wpforms-confirmation-container-full p{margin:0}
html body .yb-form .wpforms-confirmation-container-full p+p{margin-top:8px}
html body .yb-form .wpforms-confirmation-container-full small{font-size:11px;color:var(--wk-on-muted)}
/* ご用件（セレクトボックス） */
html body .yb-form .wpforms-container .wpforms-form select{display:block;width:100%;max-width:none;min-height:52px;padding:13px 44px 13px 16px;font:inherit;font-size:16px;line-height:1.6;color:var(--wk-ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%2330332f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/14px no-repeat;border:1px solid #c9cbc3;border-radius:6px;box-shadow:none;-webkit-appearance:none;appearance:none}
html body .yb-form .wpforms-container .wpforms-form select:focus{outline:none;border-color:var(--wk-ink);box-shadow:0 0 0 3px rgba(226,255,114,.9)}
/* 送信ボタン（WPFormsの標準の色・枠に負けないように） */
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit,html body .yb-form .wpforms-container .wpforms-form button[type=submit]{background-color:var(--wk-ink)!important;color:var(--wk-paper)!important;border:0!important;box-shadow:none!important;text-shadow:none!important;font-weight:600!important;border-radius:0 999px 999px 0!important;min-height:64px!important;height:auto!important;padding:8px 8px 8px 30px!important}
html body .yb-form .wpforms-container .wpforms-form .wpforms-submit-container{margin-top:36px;padding:0}
/* 標準CSSを読み込まない設定でも、これだけは必要 */
html body .yb-form .wpforms-field-hp{display:none!important;position:absolute!important;left:-9999px!important}
html body .yb-form .wpforms-hidden,html body .yb-form .wpforms-field-hidden{display:none!important}
html body .yb-form .wpforms-form .wpforms-field-label-inline{font-weight:400}
@media(max-width:760px){html body .yb-form .wpforms-container .wpforms-form .wpforms-submit{width:100%!important;justify-content:space-between!important}}

/* ご用件を「ひとつ選ぶ」形式（ラジオボタン）にしたとき：チェックボックスと同じ丸いチップにする */
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio li{margin:0;padding:0}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio input{position:absolute;opacity:0;width:1px;height:1px}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio input:checked+.wpforms-field-label-inline{background:var(--wk-ink);border-color:var(--wk-ink);color:var(--wk-paper)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio input:checked+.wpforms-field-label-inline::before{background:var(--wk-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2 5.8 10 11 4' fill='none' stroke='%2330332f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--wk-lime)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio input:focus-visible+.wpforms-field-label-inline{box-shadow:0 0 0 3px rgba(226,255,114,.9);border-color:var(--wk-ink)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio .wpforms-field-label-inline::before{border-radius:50%}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio input:checked+.wpforms-field-label-inline::before{background:var(--wk-lime) radial-gradient(circle,var(--wk-ink) 0,var(--wk-ink) 3px,transparent 3.5px);border-color:var(--wk-lime)}
html body .yb-form .wpforms-container .wpforms-form .wpforms-field-checkbox li,html body .yb-form .wpforms-container .wpforms-form .wpforms-field-radio li{position:relative}

/* 送信後の完了メッセージも、サイトと同じゴシック体にそろえる（明朝になるのを防ぐ） */
html body .yb-form .wpforms-confirmation-container-full,
html body .yb-form .wpforms-confirmation-container-full *,
html body .yb-form .wpforms-confirmation-container,
html body .yb-form .wpforms-confirmation-container *{font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif!important}

/* 送信後の完了メッセージ：文字色・背景・枠を、サイトのデザインにそろえる（WPFormsの標準色に負けないように） */
html body .yb-form .wpforms-confirmation-container-full,
html body .yb-form .wpforms-confirmation-container{background:var(--wk-ink)!important;border:0!important;border-radius:8px!important;color:var(--wk-paper)!important}
html body .yb-form .wpforms-confirmation-container-full *,
html body .yb-form .wpforms-confirmation-container *{color:var(--wk-paper)!important}