@charset "UTF-8";
/*
 * STUDIO IVY テーマで足した CSS（今のサイトの CSS＝krm/css/template.css は手を入れずに、その後ろで読む）
 *
 * 見出しを h1 にした所（docs/wp-design.md 2-8）を、前と同じ見え方にする
 */

/* ページ見出し: 日本語の見出しを h1 にした（前は h2 の中の span）。英字の飾りは h1 の外 */
.krm-s-header .s-header__title > h1 {
  display: block;
  line-height: 1;
  margin-bottom: 0;
}

/* トップのメインビジュアルのコピーを h1 にした（前は h2） */
.krm-s-top-mainvisual .s-top-mainvisual__copyInner > h1 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/*
 * お問い合わせフォーム（Contact Form 7）を、今の LeadGrid のフォームと同じ見え方にする
 * Contact Form 7 は入力欄を span.wpcf7-form-control-wrap で包み、同意欄の文字を span.wpcf7-list-item-label で出すので、その分を合わせる
 */
.krm-c-form .wpcf7-form-control-wrap { display: block; width: 100%; }
.krm-c-form .c-form__checkbox .wpcf7-form-control-wrap,
.krm-c-form .c-form__checkbox .wpcf7-form-control { display: flex; width: auto; }
/* 同意欄: 今のフォームは文が <p>（上下 16px）で、下にエラー表示の欄（上 12px）がある。同じ余白にする */
.krm-c-form .c-form__agreeText_not_scroll { margin: 16px 0; }
.krm-c-form .c-form__checkbox { margin-bottom: 12px; }
.krm-c-form .c-form__checkbox .wpcf7-list-item { display: flex; margin: 0; }
.krm-c-form .c-form__checkbox .wpcf7-list-item-label { display: inline-flex; align-items: center; line-height: 1; font-size: 15px; cursor: pointer; position: relative; margin-left: 10px; }
.krm-c-form .wpcf7-not-valid-tip { color: rgb(211, 86, 69); font-size: 14px; margin-top: 12px; }
/*
 * 入力の誤りの表示は、欄の下の余白（次の欄まで 42px）に重ねて出し、下の部品を押し下げない。
 * Contact Form 7 は、直した欄から離れた瞬間に表示を消す。押し下げる作りだと、直してすぐ送信ボタンを押したときに
 * ボタンが上に動いて押せず、送られない（10/9 に試して分かった）
 */
.krm-c-form .wpcf7-form-control-wrap { position: relative; }
.krm-c-form .wpcf7-not-valid-tip { position: absolute; top: 100%; left: 0; }
.krm-c-form .wpcf7 form .wpcf7-response-output { margin: 24px 0 0; padding: 12px 16px; border-radius: 5px; font-size: 14px; text-align: center; }
.krm-c-form .wpcf7-spinner { display: none; }
/* 迷惑送信の対策（Turnstile）の確認の枠。ふだんは出ず、人の操作が要るときだけ送信ボタンの上の真ん中に出る（appearance:interaction-only） */
.krm-c-form .c-form__turnstile .wpcf7-turnstile { display: flex; justify-content: center; }