input[type="text"].hc-text-field,
input[type="email"].hc-text-field,
input[type="tel"].hc-text-field {
	max-width: 100%;
	width: 100%;
	height: 48px;
	font-size: 16px;
	font-family: 'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic',メイリオ,Meiryo,sans-seri;
	padding: 14px 16px 12px !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 6px;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}

@media screen and (max-width: 767px) {
	input[type="text"].hc-text-field,
	input[type="email"].hc-text-field,
	input[type="tel"].hc-text-field {
		height: 40px;
		font-size: 14px;
		padding: 12px 16px 10px !important;
	}
}

.hc-text-field {
	background-image: none !important;
}

input .hc-text-field::placeholder {
	color: #999;
}

input[type="text"].hc-text-field::-webkit-contacts-auto-fill-button {
	visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input[type="text"].hc-text-field:focus-visible,
input[type="email"].hc-text-field:focus-visible,
input[type="tel"].hc-text-field:focus-visible {
	border: 2px solid var(--border-color) !important;
	outline: none;
}

input[type="text"].hc-text-field.is-error,
input[type="email"].hc-text-field.is-error,
input[type="tel"].hc-text-field.is-error {
	border: 1px solid var(--main-color) !important;
	background: #FEF2F2;
}

input[type="text"].hc-text-field + p {
	font-size: var(--sp-font-size);
	line-height: var(--sp-line-height);
	margin: 16px 0 0 0;
}

@media screen and (max-width: 767px) {
	input[type="text"].hc-text-field + p {
		font-size: 14px;
		line-height: 1.67;
		margin-top: 12px;
	}
}