/*
 * 資料請求ページとお問い合わせページ（2026-10-24 代表の依頼）。文字の大きさ・太さを「見出し／小見出し／本文・フォーム」の
 * 3段階にそろえる。書体はページ全体と同じ（Noto Sans JP。fonts.css）。テーマ style.css・cf7.css の .contact-form__*・.form__* を上書きする。
 * フォームのあるページだけで読み込む（layouts/Base.astro の hasForm）。30分無料相談（data-xk-form="service"）には効かない
 */
.contact-form__sentence .contact-form__title {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.6;
}
.contact-form__sentence .contact-form__support {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.7;
	text-align: left;
}
.contact-form__sentence :is(.contact-form__head, .contact-form__head-text, .contact-form__itemization-text, .contact-form__text, .contact-form__precautions) {
	font-size: 0.9375rem;
	line-height: 2;
}
.contact-form__sentence .contact-form__head-text {
	font-weight: 700;
}
.contact-form__sentence .contact-form__precautions {
	font-weight: 400;
}
:is([data-xk-form="information"], [data-xk-form="contact"]) .form__item > label {
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.6;
}
:is([data-xk-form="information"], [data-xk-form="contact"]) :is(.form__input, textarea.wpcf7-form-control, input.wpcf7-form-control) {
	font-size: 0.9375rem;
}
:is([data-xk-form="information"], [data-xk-form="contact"]) .form__item--radio--design-a [type="radio"] + span,
:is([data-xk-form="information"], [data-xk-form="contact"]) .form-privacy {
	font-size: 0.9375rem;
	line-height: 1.6;
}
/* お問い合わせの「お問い合わせ内容」の選択ボタン（テーマでは 10〜12px と小さかった。本文より一回り小さくして、ボタンが大きくなりすぎないようにする） */
[data-xk-form="contact"] .form-category__text {
	font-size: 0.8125rem;
	padding: 0.25rem 0.875rem;
}
/* 必須の表示（lib/forms.ts の markRequired） */
:is([data-xk-form="information"], [data-xk-form="contact"]) .xk-required {
	color: #c8102e;
	font-size: 0.75rem;
	font-weight: 400;
	margin-left: 0.5em;
}
@media screen and (min-width: 768px) {
	.contact-form__sentence .contact-form__title {
		font-size: 1.75rem;
	}
	.contact-form__sentence .contact-form__support {
		font-size: 1.5rem;
	}
	.contact-form__sentence :is(.contact-form__head, .contact-form__head-text, .contact-form__itemization-text, .contact-form__text, .contact-form__precautions),
	:is([data-xk-form="information"], [data-xk-form="contact"]) .form__item > label,
	:is([data-xk-form="information"], [data-xk-form="contact"]) :is(.form__input, textarea.wpcf7-form-control, input.wpcf7-form-control),
	:is([data-xk-form="information"], [data-xk-form="contact"]) .form__item--radio--design-a [type="radio"] + span,
	:is([data-xk-form="information"], [data-xk-form="contact"]) .form-privacy {
		font-size: 1rem;
	}
	[data-xk-form="contact"] .form-category__text {
		font-size: 0.875rem;
		padding: 0.25rem 1rem;
	}
}
