.nf-form-cont .renewal-contact-confirmation {
	width: 100%;
	box-sizing: border-box;
	padding: clamp(12px, 2vw, 24px) 0;
	line-height: 1.65;
	overflow-wrap: anywhere;
}
.nf-form-cont .renewal-contact-confirmation p {
	margin: 0;
}

.nf-form-cont .nf-field-container.renewal-exhibition-conditional-field {
	display: none;
	clear: both;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px !important;
}

.nf-form-cont .nf-field-container.renewal-exhibition-conditional-field.renewal-exhibition-visible {
	display: block;
}

.nf-form-cont .renewal-exhibition-fields-group {
	display: none;
	box-sizing: border-box;
	container-type: inline-size;
	width: 100%;
	max-width: 100%;
	margin: 4px 0 28px;
	padding: clamp(18px, 2.5vw, 28px);
	border: 1px solid var(--renewal-surface-border, #262626);
	border-radius: 6px;
	background: var(--renewal-surface-dark, #121212);
}

.nf-form-cont .renewal-exhibition-fields-group.renewal-exhibition-visible {
	display: grid;
	gap: 20px;
}

.nf-form-cont .renewal-exhibition-fields-group .nf-field-container {
	margin: 0 !important;
}

.nf-form-cont .renewal-exhibition-business-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px;
}

.nf-form-cont .renewal-exhibition-business-row .renewal-exhibition-business-type-field {
	flex: 1 1 260px;
	min-width: 0;
}

.nf-form-cont .renewal-exhibition-business-row .renewal-exhibition-business-other-field {
	flex: 1 1 180px;
	min-width: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.nf-form-cont .renewal-exhibition-business-other-field.renewal-exhibition-visible {
		animation: renewal-exhibition-reveal 160ms ease-out;
	}
}

@keyframes renewal-exhibition-reveal {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.nf-form-cont .renewal-exhibition-fields-group .nf-field,
.nf-form-cont .renewal-exhibition-fields-group .field-wrap,
.nf-form-cont .renewal-exhibition-fields-group .nf-field-element,
.nf-form-cont .renewal-exhibition-fields-group .nf-field-element input,
.nf-form-cont .renewal-exhibition-fields-group .nf-field-element select {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.nf-form-cont .renewal-exhibition-fields-group .nf-field-element input[type="text"],
.nf-form-cont .renewal-exhibition-fields-group .nf-field-element select {
	width: 100%;
}

.nf-form-cont .renewal-exhibition-required .nf-field-label label:not(:has(.ninja-forms-req-symbol))::after,
.nf-form-cont .renewal-exhibition-required .nf-field-label .nf-label-span:not(:has(.ninja-forms-req-symbol))::after {
	content: " *";
	color: #d93025;
	font-weight: 700;
}

/* NF may render the editor's required marker before the inquiry is selected. */
.nf-form-cont .renewal-exhibition-business-name-field:not(.renewal-exhibition-required) .ninja-forms-req-symbol,
.nf-form-cont .renewal-exhibition-phone-number-field:not(.renewal-exhibition-required) .ninja-forms-req-symbol {
	display: none;
}

.nf-form-cont .renewal-exhibition-times {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	width: 100%;
}

.nf-form-cont .renewal-exhibition-time-part {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 8px;
	min-width: 0;
}

.nf-form-cont .renewal-exhibition-times .nf-field-label label {
	white-space: nowrap;
}

.nf-form-cont .renewal-exhibition-time-part .nf-field-container {
	min-width: 0;
}



.nf-form-cont .renewal-exhibition-business-type-field .nf-field-element ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
	gap: 8px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nf-form-cont .renewal-exhibition-business-type-field .nf-field-element li {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.nf-form-cont .renewal-exhibition-business-type-field .nf-field-element input[type="checkbox"] {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
}

.nf-form-cont .renewal-exhibition-business-type-field .nf-field-element label {
	min-width: 0;
	margin: 0;
	line-height: 1.35;
}

.nf-form-cont .renewal-exhibition-fields-group .nf-error-msg,
.nf-form-cont .renewal-exhibition-business-name-field .nf-error-msg,
.nf-form-cont .renewal-exhibition-phone-number-field .nf-error-msg,
.nf-form-cont .renewal-exhibition-fields-group .renewal-exhibition-date-warning {
	margin-top: 5px;
	color: var(--renewal-contact-error-color);
}

/* Match the medium-weight Product heading in the Support container. */
html .nf-form-cont .renewal-exhibition-fields-group .nf-field-label label,
html .nf-form-cont .renewal-exhibition-fields-group .nf-field-label .nf-label-span,
html .nf-form-cont :is(.renewal-exhibition-name-field, .renewal-exhibition-business-name-field, .renewal-exhibition-phone-number-field) .nf-field-label :is(label, .nf-label-span),
html[lang|="ja"] .nf-form-cont .renewal-support-equipment-field > .nf-field > .field-wrap > .nf-field-label label,
html[lang|="ja"] .nf-form-cont .renewal-support-equipment-field > .nf-field > .field-wrap > .nf-field-label .nf-label-span {
	font-family: "Montserrat-Medium", "Montserrat-Regular", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	font-weight: 600;
}

html[lang|="en"] .nf-form-cont .renewal-exhibition-fields-group .nf-field-label label,
html[lang|="en"] .nf-form-cont .renewal-exhibition-fields-group .nf-field-label .nf-label-span,
html[lang|="en"] .nf-form-cont :is(.renewal-exhibition-name-field, .renewal-exhibition-business-name-field, .renewal-exhibition-phone-number-field) .nf-field-label :is(label, .nf-label-span) {
	font-family: "Montserrat-Medium", "Montserrat-Regular", Helvetica, Arial, sans-serif;
}

#ui-datepicker-div.renewal-exhibition-calendar {
	z-index: 9999 !important;
	box-sizing: border-box;
	width: 320px;
	max-width: calc(100vw - 24px);
	padding: 16px;
	border: 1px solid #444;
	border-radius: 12px;
	background: #1c1c1c;
	color: #f5f5f5;
	font: 400 14px/1.5 "Montserrat-Regular", "Yu Gothic", Meiryo, sans-serif;
	box-shadow: 0 12px 32px #0008;
}

#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-header {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 36px;
	align-items: center;
	gap: 6px;
	padding: 0;
	margin: 0 0 12px;
	border: 0;
	background: transparent;
	color: inherit;
}

#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-title {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: 0;
	min-width: 0;
}

#ui-datepicker-div.renewal-exhibition-calendar select {
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	max-width: 60%;
	height: 36px;
	padding: 4px;
	border: 1px solid #666;
	border-radius: 6px;
	background: #292929;
	color: #fff;
	font: inherit;
}

#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-prev,
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-next {
	position: static;
	grid-row: 1;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 6px;
	background: #292929;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-prev { grid-column: 1; }
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-next { grid-column: 3; }
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-prev::after { content: "‹"; font-size: 24px; }
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-next::after { content: "›"; font-size: 24px; }
#ui-datepicker-div.renewal-exhibition-calendar .ui-icon { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

#ui-datepicker-div.renewal-exhibition-calendar table {
	width: 100%;
	table-layout: fixed;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 2px;
	background: transparent;
	color: inherit;
}

#ui-datepicker-div.renewal-exhibition-calendar th,
#ui-datepicker-div.renewal-exhibition-calendar td {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	text-align: center;
}

#ui-datepicker-div.renewal-exhibition-calendar th { padding-bottom: 6px; font-weight: 400; color: #bbb; }
#ui-datepicker-div.renewal-exhibition-calendar td a,
#ui-datepicker-div.renewal-exhibition-calendar td span {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	min-height: 36px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: #f5f5f5;
	font-weight: 400;
	text-decoration: none;
}

#ui-datepicker-div.renewal-exhibition-calendar td .ui-state-highlight { border-color: #aaa; }
#ui-datepicker-div.renewal-exhibition-calendar td a:hover { background: #444; }
#ui-datepicker-div.renewal-exhibition-calendar td .ui-state-active { background: #b8201b; color: #fff; }
#ui-datepicker-div.renewal-exhibition-calendar :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-buttonpane { display: flex; justify-content: flex-end; border: 0; margin-top: 10px; padding: 0; }
#ui-datepicker-div.renewal-exhibition-calendar button { border: 1px solid #666; border-radius: 6px; padding: 6px 12px; background: #292929; color: #fff; font: inherit; cursor: pointer; opacity: 1; }

@container (max-width: 500px) {
	.nf-form-cont .renewal-exhibition-times {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 640px) {
	.nf-form-cont .renewal-exhibition-fields-group {
		padding: 16px;
	}
}

/* Keep calendar controls in the same typography, including native option lists. */
#ui-datepicker-div.renewal-exhibition-calendar .ui-datepicker-title,
#ui-datepicker-div.renewal-exhibition-calendar select,
#ui-datepicker-div.renewal-exhibition-calendar option { font: inherit; }
#ui-datepicker-div.renewal-exhibition-calendar select { cursor: pointer; transition: background-color .15s, border-color .15s; }
#ui-datepicker-div.renewal-exhibition-calendar select:hover { background-color: #383838; border-color: #999; }
#ui-datepicker-div.renewal-exhibition-calendar select:focus { background-color: #444; border-color: #ddd; }
#ui-datepicker-div.renewal-exhibition-calendar td.ui-datepicker-other-month a { color: #777; }
.renewal-exhibition-date-warning[hidden] { display: none; }