/* Miura visible header contract 1 — static pilot. */
.miura-hdr,
.miura-hdr *,
.miura-hdr *::before,
.miura-hdr *::after {
	box-sizing: border-box;
}

.miura-hdr {
	--miura-hdr-ink: #211319;
	--miura-hdr-muted: #5f4a51;
	--miura-hdr-border: rgba(33, 19, 25, 0.18);
	--miura-hdr-focus: #005fcc;
	--miura-hdr-phone: #b34700;
	--miura-hdr-line: #137a3a;
	--miura-hdr-service: #0b6ea7;
	--miura-hdr-accent: #4c8dff;
	--miura-hdr-soft: #eaf5fc;
	position: relative;
	z-index: 10;
	width: 100%;
	margin: 0;
	border: 0;
	border-bottom: 3px solid var(--miura-hdr-accent);
	background: #fff;
	color: var(--miura-hdr-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}

.miura-hdr[data-miura-site="hp"] {
	--miura-hdr-service: #0b6ea7;
	--miura-hdr-accent: #4c8dff;
	--miura-hdr-soft: #eaf5fc;
}

.miura-hdr[data-miura-site="jutaku"] {
	--miura-hdr-service: #8a6400;
	--miura-hdr-accent: #f1b400;
	--miura-hdr-soft: #fff6d5;
}

.miura-hdr[data-miura-site="oil"] {
	--miura-hdr-service: #b0003a;
	--miura-hdr-accent: #ed576b;
	--miura-hdr-soft: #fff0f4;
}

.miura-hdr[data-miura-site="real-estate"] {
	--miura-hdr-service: #137a3a;
	--miura-hdr-accent: #28ba62;
	--miura-hdr-soft: #eaf8ef;
}

.miura-hdr[data-miura-site="shop"] {
	--miura-hdr-service: #6b3f98;
	--miura-hdr-accent: #9163b2;
	--miura-hdr-soft: #f6f0fa;
}

.miura-hdr a,
.miura-hdr button {
	font: inherit;
}

.miura-hdr a {
	color: inherit;
	text-decoration: none;
}

.miura-hdr button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	box-shadow: none;
	background-image: none;
	text-transform: none;
}

.miura-hdr__inner {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: min(100%, 76rem);
	min-height: 60px;
	margin: 0 auto;
	padding: 0.5rem 0.75rem;
}

.miura-hdr__brand {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	min-width: 0;
	min-height: 48px;
	gap: 0.625rem;
	border-radius: 0.5rem;
}

.miura-hdr__logo {
	flex: 0 0 auto;
	display: block;
	width: 32px;
	height: 31px;
	max-width: none;
	margin: 0;
}

.miura-hdr__brand-text {
	display: flex;
	min-width: 0;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
	gap: 0.0625rem;
}

.miura-hdr__company,
.miura-hdr__service {
	display: block;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.miura-hdr__company {
	color: var(--miura-hdr-ink);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.miura-hdr__service {
	color: var(--miura-hdr-service);
	font-size: 0.9375rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.miura-hdr__desktop-nav,
.miura-hdr__action--line,
.miura-hdr__action-long {
	display: none;
}

.miura-hdr__actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.375rem;
}

.miura-hdr__action,
.miura-hdr__menu-button,
.miura-hdr__close-button,
.miura-hdr__panel-action,
.miura-hdr__panel-link,
.miura-hdr__desktop-link {
	-webkit-tap-highlight-color: transparent;
}

.miura-hdr__action,
.miura-hdr__menu-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	min-height: 48px;
	padding: 0.375rem 0.5rem;
	border: 1px solid var(--miura-hdr-border);
	border-radius: 0.625rem;
	background: #fff;
	font-size: 0.75rem;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	cursor: pointer;
}

.miura-hdr__action--phone {
	border-color: var(--miura-hdr-phone);
	color: var(--miura-hdr-phone);
}

.miura-hdr__action.miura-hdr__action--line {
	display: none;
}

.miura-hdr__menu-button {
	display: none;
	flex-direction: column;
	gap: 0.1875rem;
	color: var(--miura-hdr-ink);
}

.miura-hdr__menu-icon {
	display: grid;
	width: 1.125rem;
	gap: 0.1875rem;
}

.miura-hdr__menu-icon > span {
	display: block;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
}

.miura-hdr__menu-label {
	font-size: 0.625rem;
	line-height: 1;
}

.miura-hdr__panel {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	color: var(--miura-hdr-ink);
	font: inherit;
}

.miura-hdr__panel-inner {
	width: 100%;
	padding: 0.875rem;
	border-top: 1px solid var(--miura-hdr-border);
	background: #fff;
}

.miura-hdr__panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.75rem;
}

.miura-hdr__panel-title,
.miura-hdr__panel-heading {
	margin: 0;
}

.miura-hdr__panel-title {
	color: var(--miura-hdr-service);
	font-size: 1rem;
	font-weight: 800;
}

.miura-hdr__close-button {
	display: none;
	min-width: 48px;
	min-height: 48px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--miura-hdr-border);
	border-radius: 0.5rem;
	background: #fff;
	color: var(--miura-hdr-ink);
	font-weight: 700;
	cursor: pointer;
}

.miura-hdr__panel-contact {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.miura-hdr__panel-action {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.75rem 1rem;
	border: 2px solid currentColor;
	border-radius: 0.625rem;
	background: #fff;
	font-weight: 800;
	text-align: center;
}

.miura-hdr__panel-action--phone {
	color: var(--miura-hdr-phone);
}

.miura-hdr__panel-action--line {
	color: var(--miura-hdr-line);
}

.miura-hdr__panel-group + .miura-hdr__panel-group {
	margin-top: 1rem;
}

.miura-hdr__panel-heading {
	padding-left: 0.625rem;
	border-left: 4px solid var(--miura-hdr-service);
	font-size: 0.875rem;
	font-weight: 800;
}

.miura-hdr__panel-list,
.miura-hdr__desktop-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.miura-hdr__panel-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	margin-top: 0.625rem;
}

.miura-hdr__panel-item,
.miura-hdr__desktop-item {
	margin: 0;
	padding: 0;
}

.miura-hdr__panel-link {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0.625rem 0.75rem;
	border: 1px solid var(--miura-hdr-border);
	border-radius: 0.5rem;
	background: var(--miura-hdr-soft);
	color: var(--miura-hdr-ink);
	font-size: 0.875rem;
	font-weight: 700;
}

.miura-hdr :where(a, button):focus-visible {
	outline: 3px solid var(--miura-hdr-focus);
	outline-offset: 3px;
}

@supports selector(:popover-open) {
	.miura-hdr__panel:not(:popover-open) {
		display: none;
	}

	@media (max-width: 71.999rem) {
		.miura-hdr__menu-button,
		.miura-hdr__close-button {
			display: inline-flex;
		}

		.miura-hdr__panel:popover-open {
			position: fixed;
			inset: max(0.75rem, env(safe-area-inset-top, 0px)) 0.75rem auto;
			width: min(calc(100% - 1.5rem), 30rem);
			max-height: min(70dvh, 36rem);
			margin: 0 auto;
			overflow: auto;
			border: 1px solid var(--miura-hdr-border);
			border-radius: 0.875rem;
			box-shadow: 0 1rem 3rem rgba(33, 19, 25, 0.2);
		}

		.miura-hdr__panel:popover-open .miura-hdr__panel-inner {
			border-top: 0;
			border-radius: inherit;
		}

		.miura-hdr__panel::backdrop {
			background: rgba(33, 19, 25, 0.12);
		}
	}
}

@media (min-width: 40rem) {
	.miura-hdr__panel-contact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 72rem) {
	.miura-hdr__inner {
		min-height: 72px;
		gap: 1rem;
		padding: 0.625rem 1rem;
	}

	.miura-hdr__brand {
		flex: 0 0 auto;
	}

	.miura-hdr__logo {
		width: 38px;
		height: auto;
	}

	.miura-hdr__company {
		font-size: 0.8125rem;
	}

	.miura-hdr__service {
		font-size: 1rem;
	}

	.miura-hdr__desktop-nav {
		display: block;
		min-width: 0;
		margin-left: auto;
	}

	.miura-hdr__desktop-list {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 0.125rem;
	}

	.miura-hdr__desktop-link {
		display: inline-flex;
		align-items: center;
		min-height: 48px;
		padding: 0.5rem 0.625rem;
		border-radius: 0.5rem;
		font-size: 0.875rem;
		font-weight: 700;
	}

	.miura-hdr__desktop-link:hover {
		background: var(--miura-hdr-soft);
		color: var(--miura-hdr-service);
	}

	.miura-hdr__actions {
		gap: 0.5rem;
	}

	.miura-hdr__action {
		min-width: 0;
		min-height: 48px;
		padding: 0.625rem 0.875rem;
		font-size: 0.875rem;
	}

	.miura-hdr__action.miura-hdr__action--line {
		display: inline-flex;
		border-color: var(--miura-hdr-line);
		color: var(--miura-hdr-line);
	}

	.miura-hdr__action-short,
	.miura-hdr__menu-button,
	.miura-hdr__panel {
		display: none !important;
	}

	.miura-hdr__action-long {
		display: inline;
	}
}

@media (max-width: 21.5rem) {
	.miura-hdr__inner {
		padding-inline: 0.5rem;
	}

	.miura-hdr__company {
		font-size: 0.6875rem;
	}

	.miura-hdr__service {
		font-size: 0.875rem;
	}

	.miura-hdr__actions {
		gap: 0.25rem;
	}
}

@media (forced-colors: active) {
	.miura-hdr,
	.miura-hdr__panel,
	.miura-hdr__panel-inner,
	.miura-hdr__action,
	.miura-hdr__menu-button,
	.miura-hdr__close-button,
	.miura-hdr__panel-action,
	.miura-hdr__panel-link {
		border-color: CanvasText;
		background: Canvas;
		color: CanvasText;
	}

	.miura-hdr__service,
	.miura-hdr__panel-title {
		color: CanvasText;
	}

	.miura-hdr :where(a, button):focus-visible {
		outline-color: Highlight;
	}
}

/* Reflow when a narrow viewport is combined with large user text settings. */
@media (max-width: 21.25rem) {
	.miura-hdr__inner {
		flex-wrap: wrap;
	}

	.miura-hdr__brand {
		flex: 1 1 100%;
	}

	.miura-hdr__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.miura-hdr__action,
	.miura-hdr__menu-button {
		width: 100%;
		min-width: 0;
	}
}

/* Printing: the header is navigation, not content. */
@media print {
	.miura-hdr__actions,
	.miura-hdr__desktop-nav,
	.miura-hdr__panel {
		display: none !important;
	}

	.miura-hdr {
		border-bottom: 1px solid #000;
	}
}

/* Respect a reduced-motion preference. */
@media (prefers-reduced-motion: reduce) {
	.miura-hdr,
	.miura-hdr__panel,
	.miura-hdr__panel-inner {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}

/* MIURA_HEADER_MENU_RETURN_V1_0_0_20261011:BEGIN */
@supports selector(:popover-open) {
	@media (max-width: 71.999rem) {
		.miura-hdr__panel:popover-open {
			display: flex;
			flex-direction: column;
			max-height: min(70dvh, 36rem, calc(100dvh - max(0.75rem, env(safe-area-inset-top, 0px)) - max(0.75rem, env(safe-area-inset-bottom, 0px))));
			overflow: hidden;
		}
		.miura-hdr__panel:popover-open > .miura-hdr__panel-inner {
			display: flex;
			flex: 1 1 auto;
			flex-direction: column;
			min-height: 0;
			overflow: hidden;
			padding-bottom: 0;
		}
		.miura-hdr__panel:popover-open .miura-hdr__panel-head {
			flex: 0 0 auto;
			margin-bottom: 0.375rem;
		}
		.miura-hdr__panel:popover-open .miura-hdr__panel-head > .miura-hdr__close-button {
			flex: 0 0 auto;
			white-space: nowrap;
		}
		.miura-hdr__panel:popover-open .miura-hdr__panel-scroll {
			flex: 1 1 auto;
			min-height: 0;
			margin-inline: -0.375rem;
			padding: 0.375rem 0.375rem max(0.875rem, env(safe-area-inset-bottom, 0px));
			overflow: auto;
			overscroll-behavior: contain;
			-webkit-overflow-scrolling: touch;
			scroll-padding-block: 0.375rem;
		}
		.miura-hdr .miura-hdr__close-button--return {
			width: 100%;
			justify-content: center;
			align-items: center;
			margin-top: 1rem;
		}
	}
}
/* MIURA_HEADER_MENU_RETURN_V1_0_0_20261011:END */