/*
 * お問い合わせフォーム（Contact Form 7）の見た目（このテーマで書いたもの。10/9）
 *
 * 今のフォームと同じ見え方になるよう、本番の /contact の表示（大きさ・色・余白）を見て書いた。LeadGrid のフォーム部品は使わない。
 * クラス名（leadgrid-form__…・c-form__…）は、今のサイトのデザイン（template.css）がフォームに使っている名前に合わせている。
 * 読む順番は今と同じ（template.css より後ろ）。Contact Form 7 が足す部品の分は studio-ivy.css で合わせている
 */
.leadgrid-form__row { display: flex; flex-wrap: wrap; }
.leadgrid-form__row + .leadgrid-form__row { margin-top: 42px; }
.leadgrid-form__label { display: flex; align-items: center; font-size: 18px; font-weight: 700; margin-bottom: 16px; box-sizing: border-box; width: 100%; }
.leadgrid-form__label::before { content: ""; display: block; font-size: 13px; font-weight: 700; height: 26px; line-height: 26px; white-space: nowrap; padding: 0px 12px; border-radius: 5px; margin-right: 16px; box-sizing: border-box; }
.leadgrid-form__label.-required::before { content: "必須"; color: var(--color-base-primaryInside, #ffffff); background-color: var(--color-base-primary, #d35645); }
.leadgrid-form__label:not(.-required)::before { content: "任意"; color: rgb(27, 27, 27); background-color: rgb(245, 245, 245); }
.leadgrid-form__input, .leadgrid-form__textarea { appearance: none; box-sizing: border-box; border: 0px; padding: 0px; margin: 0px; width: 100%; background-color: rgb(245, 245, 245); border-radius: 5px; font-size: 15px; font-family: inherit; }
.leadgrid-form__input { height: 50px; padding: 0px 30px; }
.leadgrid-form__textarea { min-height: 300px; padding: 30px; }
.leadgrid-form__input::placeholder, .leadgrid-form__textarea::placeholder { color: rgb(153, 153, 153); opacity: 1; }
.leadgrid-form__error { color: rgb(211, 86, 69); font-size: 14px; margin-top: 12px; }
.leadgrid-form__agree { width: 100%; }
.c-form__agree { overflow: visible !important; margin-top: 0px !important; }