/**
 * Contact Form 7 — 営業お断りブロックの中央配置・必須エラー（フキダシ）
 *
 * @package Sankoudenki
 */

.recruit-entry-form .entry-form-notice,
.contact-inquiry-form .contact-cf7-notice {
	box-sizing: border-box;
	width: min(100%, 34rem);
	margin-inline: auto;
	text-align: left;
}

.recruit-entry-form .entry-form-notice > p,
.contact-inquiry-form .contact-cf7-notice > p {
	margin: 0;
	text-align: left;
}

.recruit-entry-form .entry-form-notice .wpcf7-form-control-wrap,
.contact-inquiry-form .contact-cf7-notice .wpcf7-form-control-wrap {
	margin-top: 0.75rem;
}

.contact-inquiry-form .contact-cf7-acceptance-line {
	display: block;
}

.contact-inquiry-form .contact-cf7-acceptance-line .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	margin-top: 0;
}

.contact-inquiry-form .contact-cf7-acceptance-line .wpcf7-acceptance {
	display: block;
	width: 100%;
}

.contact-inquiry-form .contact-cf7-acceptance-line .wpcf7-list-item {
	display: block;
	margin: 0;
}

.contact-inquiry-form .contact-cf7-acceptance-required {
	display: inline;
	margin-left: 0.15rem;
	vertical-align: baseline;
}

.contact-inquiry-form .contact-cf7-notice .wpcf7-not-valid-tip {
	width: 100%;
	max-width: 100%;
	margin-top: 0.75rem;
	clear: both;
}

.contact-inquiry-form .contact-cf7-notice .wpcf7-not-valid-tip[aria-hidden="true"] {
	display: none !important;
}

.contact-inquiry-form .contact-cf7-notice .wpcf7-form-control-wrap.is-acceptance-invalid .wpcf7-not-valid-tip,
.contact-inquiry-form .contact-cf7-notice .wpcf7-form-control-wrap:has(.wpcf7-acceptance.wpcf7-not-valid) .wpcf7-not-valid-tip,
.contact-inquiry-form .contact-cf7-notice .wpcf7-form-control-wrap:has(input.wpcf7-not-valid) .wpcf7-not-valid-tip,
.contact-inquiry-form .contact-cf7-acceptance-line.is-acceptance-invalid .wpcf7-not-valid-tip {
	display: block;
}

.contact-inquiry-form .contact-cf7-acceptance-line.is-acceptance-invalid label {
	outline: 2px solid #dc2626;
	outline-offset: 3px;
	border-radius: 0.125rem;
}

.contact-inquiry-form .contact-cf7-notice .contact-cf7-acceptance-line.is-acceptance-invalid .wpcf7-form-control.wpcf7-not-valid,
.contact-inquiry-form .contact-cf7-notice .contact-cf7-acceptance-line.is-acceptance-invalid input.wpcf7-not-valid {
	border-color: transparent !important;
	box-shadow: none !important;
}

.contact-inquiry-form .contact-cf7-acceptance-alert {
	display: none !important;
	box-sizing: border-box;
	width: min(100%, 34rem);
	margin: 0.75rem auto 0;
	padding: 0.625rem 0.875rem;
	font-size: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
	font-weight: 700;
	line-height: 1.45;
	color: #991b1b;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 0.375rem;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
	text-align: center;
	position: relative;
}

.contact-inquiry-form .contact-cf7-acceptance-alert.is-visible {
	display: block !important;
	visibility: visible !important;
}

.contact-inquiry-form .contact-cf7-acceptance-alert::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #fecaca transparent;
	transform: translateX(-50%);
}

.contact-inquiry-form .contact-cf7-acceptance-alert::after {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #fef2f2 transparent;
	transform: translateX(-50%);
}

.contact-inquiry-form .contact-cf7-acceptance label .wpcf7-not-valid-tip {
	flex: 0 0 100%;
	width: 100%;
	margin-top: 0.625rem;
	order: 99;
}

.recruit-entry-form .wpcf7-form-control.wpcf7-not-valid,
.contact-inquiry-form .wpcf7-form-control.wpcf7-not-valid,
.recruit-entry-form fieldset.wpcf7-not-valid,
.contact-inquiry-form fieldset.wpcf7-not-valid {
	border-color: #dc2626 !important;
	box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.15);
}

.recruit-entry-form .wpcf7-not-valid-tip,
.contact-inquiry-form .wpcf7-not-valid-tip {
	position: relative;
	display: none;
	width: fit-content;
	max-width: min(100%, 22rem);
	margin: 0.5rem 0 0;
	padding: 0.5rem 0.75rem;
	font-size: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
	font-weight: 700;
	line-height: 1.45;
	color: #991b1b;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 0.375rem;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
	text-align: left;
}

.recruit-entry-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid) .wpcf7-not-valid-tip,
.contact-inquiry-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid) .wpcf7-not-valid-tip,
.recruit-entry-form fieldset.wpcf7-not-valid .wpcf7-not-valid-tip,
.contact-inquiry-form fieldset.wpcf7-not-valid .wpcf7-not-valid-tip {
	display: block;
}

/* CF7 が aria-hidden で制御する場合もフキダシを表示 */
.recruit-entry-form .wpcf7-not-valid-tip[aria-hidden="false"],
.contact-inquiry-form .wpcf7-not-valid-tip[aria-hidden="false"] {
	display: block;
}

.recruit-entry-form .wpcf7-not-valid-tip::before,
.contact-inquiry-form .wpcf7-not-valid-tip::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 1rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #fecaca transparent;
}

.recruit-entry-form .wpcf7-not-valid-tip::after,
.contact-inquiry-form .wpcf7-not-valid-tip::after {
	content: "";
	position: absolute;
	top: -5px;
	left: calc(1rem + 1px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #fef2f2 transparent;
}