/* 問い合わせフォーム（ダーク）：映像制作ページ・採用動画LP共通 */
.df{display:grid;gap:clamp(22px,2.6vw,34px);text-align:left}
.df-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,40px)}
.df-field{display:grid;gap:12px;min-width:0}
.df label,.df .df-label{display:flex;align-items:center;gap:12px;margin:0;font-size:clamp(14px,1.3vw,17px);font-weight:700;color:#fff}
.df-req{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:#d9467a;font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff}
.df input[type=text],.df input[type=tel],.df input[type=email],.df select,.df textarea{width:100%;min-height:48px;padding:12px 16px;border:2px solid transparent;border-radius:8px;background:#fff;color:#20283b;font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.df textarea{min-height:120px;resize:vertical}
.df select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23687184' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.df input:focus,.df select:focus,.df textarea:focus{border-color:#7fc4ff;box-shadow:0 0 0 3px rgba(127,196,255,.25)}
.df .is-error{border-color:#ff6b8f !important}
.df .form-error-msg{display:none;margin:0;font-size:12px;color:#ff9db5}
.df .form-error-msg.is-visible{display:block}
.df .form-error-msg:empty{display:none !important}
.df-check{display:flex !important;align-items:center;gap:14px;font-weight:600 !important;font-size:clamp(14px,1.25vw,16px) !important;cursor:pointer}
.df-check input{appearance:none;-webkit-appearance:none;flex:none;width:28px;height:28px;margin:0;border-radius:4px;border:2px solid transparent;background:#fff;cursor:pointer;display:grid;place-items:center}
.df-check input:checked:after{content:"";width:8px;height:14px;margin-top:-2px;border:solid #d9467a;border-width:0 3px 3px 0;transform:rotate(45deg)}
.df-check input.is-error{border-color:#ff6b8f}
.df .form-footer{display:flex;justify-content:center;margin-top:6px}
.df .form-submit{min-width:min(100%,360px)}
@media(max-width:640px){.df-row{grid-template-columns:1fr}.df .form-submit{width:100%}}
/* フォームのカード */
.bv-form-card,.contact--simple .contact-form-box{background:#363b40 !important;color:#fff}
.bv-form-card{max-width:960px}
.contact--simple .contact-form-box{max-width:960px}
.bv-form-card .contact-success,.contact--simple .contact-form-box .contact-success{color:#fff}
.bv-form-card .contact-success-sub,.contact--simple .contact-form-box .contact-success-sub{color:rgba(255,255,255,.75)}
.df-check a{color:#9fd8ff;text-decoration:underline}
