/* カスタマイズ用CSS */

/* フォームのエラー文言を共通で赤色にする */
.ec-errorMessage {
	color: #972529;
}

/* お名前・お名前カナなど、2つの入力欄を横並びにする */
.p-contactform-input.m-double {
	display: flex;
	gap: 16px;
}
.p-contactform-input.m-double input {
	flex: 1 1 0;
	min-width: 0;
}
@media screen and (min-width: 769px) {
	.p-contactform-input.m-double {
		/* PCでの1欄あたりの幅。ここの数値を変えるだけで調整できます */
		--double-input-width: 35%;
	}
	.p-contactform-input.m-double input {
		flex: 0 1 var(--double-input-width);
	}
}
@media screen and (max-width: 768px) {
	.p-contactform-input.m-double {
		gap: 8px;
	}
}