:root {
	--brand-blue: #0068b5;
	--light-blue: #bff4ee;
	--deep-blue: #0e5fac;
	--cta-orange: #ff552f;
	--cta-red: #ff3d26;
	--cream: #fffdf4;
	--ink: #173250;
	--top-yellow-edge: #f8cc41;
	--pc-max: 1440px;
	--lp-frame-height: 8032;
	--lp-unit: 0.2cqw;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-x: hidden;
	background: #ffffff;
	color: var(--ink);
	font-family: "Noto Sans JP", system-ui, sans-serif;
	letter-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea {
	font: inherit;
	letter-spacing: 0;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.skip-link {
	position: fixed;
	z-index: 100;
	top: 12px;
	left: 12px;
	padding: 10px 14px;
	border-radius: 6px;
	background: var(--brand-blue);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	transform: translateY(-150%);
	transition: transform 0.16s ease;
}

.skip-link:focus-visible {
	transform: translateY(0);
}

:where(a, button, input, textarea):focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px rgba(23, 108, 183, 0.42);
}

.site-main:focus {
	outline: 0;
}

.summer-page {
	position: relative;
	min-height: 100dvh;
	background: #ffffff;
}

.pc-background,
.pc-stage {
	display: none;
}

.entry-notice {
	position: fixed;
	z-index: 70;
	right: 16px;
	bottom: 16px;
	margin: 0;
	padding: 12px 16px;
	border-radius: 6px;
	background: var(--brand-blue);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.thanks-page {
	display: grid;
	min-height: 100dvh;
	padding: 40px 18px;
	place-items: center;
	background-color: var(--light-blue);
	background-image: url("../images/top-background-figma-source.png");
	background-image: image-set(
		url("../images/top-background-figma-source.webp") type("image/webp"),
		url("../images/top-background-figma-source.png") type("image/png")
	);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.thanks-page__card {
	width: min(100%, 560px);
	padding: clamp(36px, 8vw, 64px) clamp(22px, 6vw, 48px);
	border: 6px solid var(--brand-blue);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 12px 28px rgba(30, 97, 126, 0.16);
	color: #313131;
	text-align: center;
}

.thanks-page__kicker {
	margin: 0 0 12px;
	color: var(--brand-blue);
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(18px, 5vw, 28px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-decoration: underline;
	text-underline-position: from-font;
}

.thanks-page h1 {
	margin: 0 0 22px;
	color: #313131;
	font-size: clamp(27px, 7vw, 40px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
}

.thanks-page__lead {
	margin: 0 0 10px;
	color: var(--brand-blue);
	font-size: clamp(20px, 5vw, 28px);
	font-weight: 700;
	line-height: 1.45;
}

.thanks-page__body {
	margin: 0;
	color: #555555;
	font-size: clamp(15px, 4vw, 18px);
	font-weight: 500;
	line-height: 1.7;
}

.thanks-page__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 320px);
	min-height: 56px;
	margin-top: 32px;
	border-radius: 10px;
	background: var(--brand-blue);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.22);
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.33;
}

.sp-page {
	position: relative;
	width: 100%;
	margin: 0;
	aspect-ratio: 500 / 8730;
	line-height: normal;
	background: #ffffff;
}

body[data-form-mode="meeting"] .sp-page {
	aspect-ratio: 500 / 9385;
}

.lp-visual-frame {
	position: relative;
	overflow: hidden;
	container-type: inline-size;
	background: #ffffff;
}

.lp-native-top {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(2512.5 * var(--lp-unit));
	overflow: hidden;
	color: #ffffff;
	line-height: 1;
}

.lp-native-top img {
	display: block;
}

.lp-top-hero-picture,
.lp-top-logo,
.lp-top-availability,
.lp-top-mini-cta,
.lp-top-yellow,
.lp-top-illustration,
.lp-top-satisfaction,
.lp-chip,
.lp-top-heading,
.lp-top-lead,
.lp-top-subheading,
.lp-top-photo-frame {
	position: absolute;
}

.lp-top-hero-picture {
	z-index: 2;
	top: calc(1 * var(--lp-unit));
	left: 0;
	width: 100%;
	height: calc(600 * var(--lp-unit));
	overflow: hidden;
}

.lp-top-hero-image {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.lp-top-logo {
	z-index: 4;
	top: calc(6 * var(--lp-unit));
	left: 2%;
	width: 36.0631%;
	height: calc(29 * var(--lp-unit));
	display: block;
	line-height: 0;
}

.lp-top-logo img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

.lp-top-availability {
	z-index: 5;
	top: calc(198 * var(--lp-unit));
	left: 63%;
	width: 34%;
	height: calc(111 * var(--lp-unit));
	overflow: hidden;
	border-radius: calc(10 * var(--lp-unit));
	background: #ffffff;
	box-shadow: calc(3 * var(--lp-unit)) calc(3 * var(--lp-unit)) calc(4 * var(--lp-unit)) #ffefbe;
	color: #555555;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}

.lp-top-availability__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(25 * var(--lp-unit));
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(10 * var(--lp-unit)) calc(10 * var(--lp-unit)) 0 0;
	background: #f9bd00;
	color: #ffffff;
	font-size: calc(18 * var(--lp-unit));
	font-weight: 700;
	letter-spacing: calc(6.3 * var(--lp-unit));
	line-height: 1.55;
	text-align: center;
	text-indent: calc(6.3 * var(--lp-unit));
	white-space: nowrap;
}

.lp-top-availability__list,
.lp-top-availability__row,
.lp-top-availability__row dt,
.lp-top-availability__row dd {
	margin: 0;
	padding: 0;
}

.lp-top-availability__row {
	position: absolute;
	left: 0;
	width: 100%;
	height: calc(27 * var(--lp-unit));
}

.lp-top-availability__row--sales {
	top: calc(24 * var(--lp-unit));
}

.lp-top-availability__row--web {
	top: calc(51 * var(--lp-unit));
}

.lp-top-availability__row--service {
	top: calc(74 * var(--lp-unit));
}

.lp-top-availability__row dt {
	position: absolute;
	top: calc(6 * var(--lp-unit));
	left: calc(7 * var(--lp-unit));
	width: calc(101 * var(--lp-unit));
	color: #555555;
	font-size: calc(16 * var(--lp-unit));
	font-weight: 700;
	line-height: 1.55;
	white-space: nowrap;
}

.lp-top-availability__row--web dt {
	letter-spacing: calc(-0.64 * var(--lp-unit));
}

.lp-top-availability__row--sales dd,
.lp-top-availability__row--web dd {
	left: calc(109 * var(--lp-unit));
	justify-content: center;
}

.lp-top-availability__row dd {
	position: absolute;
	top: 0;
	left: calc(108 * var(--lp-unit));
	width: calc(56 * var(--lp-unit));
	height: calc(34 * var(--lp-unit));
	display: flex;
	align-items: baseline;
	gap: calc(3 * var(--lp-unit));
	color: #555555;
	font-size: calc(13 * var(--lp-unit));
	font-weight: 700;
	line-height: 1.55;
	white-space: nowrap;
}

.lp-top-availability__row strong {
	color: #ff5a1c;
	font-size: calc(22 * var(--lp-unit));
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.55;
}

.lp-top-availability__row strong.lp-top-availability__full {
	color: #777777;
	font-size: calc(18 * var(--lp-unit));
	letter-spacing: calc(0.9 * var(--lp-unit));
}

.lp-top-availability__row--service strong {
	color: #e60012;
	letter-spacing: 0;
}

.lp-top-satisfaction {
	z-index: 3;
	top: calc(450 * var(--lp-unit));
	left: 49.2%;
	width: calc(253.5581 * var(--lp-unit));
	height: calc(221 * var(--lp-unit));
	pointer-events: none;
}

.lp-top-satisfaction-crop {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
}

.lp-top-satisfaction-crop picture {
	display: contents;
}

.lp-top-satisfaction-crop img {
	position: absolute;
	top: -26.14%;
	left: 0;
	width: 104.67%;
	height: 152.28%;
	max-width: none;
}

.lp-top-satisfaction-line,
.lp-top-satisfaction-spark {
	position: absolute;
	z-index: 2;
	max-width: none;
}

.lp-top-satisfaction-line {
	top: 81.6154%;
	left: 43.1888%;
	width: 28.2653%;
	height: 14.6466%;
}

.lp-top-satisfaction-spark {
	top: 54.9104%;
	left: 77.8219%;
	width: 3.891%;
	height: 4.4631%;
}

.lp-top-mini-cta {
	z-index: 5;
	top: 0.4058%;
	left: 55.2%;
	width: 32.8%;
	height: 3.0714%;
	color: #ffffff;
}

.lp-top-mini-cta::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 84.5%;
	border-radius: 7px;
	background: linear-gradient(180deg, #ff6c3f 0%, var(--cta-orange) 62%, var(--cta-red) 100%);
	box-shadow: 0 2px 5px rgba(108, 42, 13, 0.22);
	content: "";
}

.lp-top-mini-badge {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 4.4%;
	width: 36.3%;
	height: 27.4%;
	border: 1px solid rgba(0, 104, 181, 0.24);
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	color: var(--brand-blue);
	font-size: 6px;
	font-size: clamp(5px, 1.2cqw, 7px);
	font-weight: 900;
	line-height: 1.45;
	text-align: center;
}

.lp-top-mini-text {
	position: absolute;
	z-index: 1;
	top: 27.5%;
	left: 18.9%;
	width: 62.2%;
	height: 63.4%;
	display: grid;
	place-items: center;
	font-size: 8px;
	font-size: clamp(7px, 1.55cqw, 10px);
	font-weight: 900;
	line-height: 1.25;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}

.lp-top-mini-arrow {
	position: absolute;
	z-index: 1;
	top: 51.8%;
	right: 4.8%;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	transform: translateY(-50%);
}

.lp-top-yellow {
	z-index: 1;
	top: calc(600 * var(--lp-unit));
	left: 0;
	width: 100%;
	height: calc(1592 * var(--lp-unit));
	background-color: #0068b5;
	background-image: linear-gradient(
		180deg,
		#ffffff 0%,
		#87cddf 18.397%,
		#109ac0 58.315%,
		#0068b5 72.2%
	);
}

.lp-top-illustration {
	z-index: 2;
	top: 20.7792%;
	left: 57.4%;
	width: 48.4%;
	height: 13.8799%;
	object-fit: contain;
}

.lp-chip {
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	border-radius: 7px;
	background: #ffffff;
	color: #434343;
	font-size: 26.586px;
	font-size: clamp(18px, 5.3172cqw, 29.909px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-chip-text {
	display: block;
}

.lp-chip-em {
	color: var(--brand-blue);
}

.lp-chip-choice {
	top: calc(663 * var(--lp-unit));
	left: 3.6%;
	width: 54.8%;
	height: calc(43 * var(--lp-unit));
	font-size: 26.586px;
	font-size: clamp(18px, 5.3172cqw, 29.909px);
}

.lp-chip-satisfaction {
	top: 28.9717%;
	left: 1.4%;
	width: 29.1683%;
	height: 3.5143%;
}

.lp-chip-fukuoka {
	top: calc(607 * var(--lp-unit));
	left: 3.6%;
	width: 32.3585%;
	height: calc(43.297 * var(--lp-unit));
}

.lp-chip-direct {
	top: calc(714 * var(--lp-unit));
	left: 3.2%;
	width: 92.8%;
	height: calc(43 * var(--lp-unit));
	font-size: 26.586px;
	font-size: clamp(18px, 5.3172cqw, 29.909px);
}

.lp-top-heading {
	z-index: 3;
	top: calc(786 * var(--lp-unit));
	left: 3%;
	width: 94%;
	height: calc(94 * var(--lp-unit));
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	color: #ffffff;
	font-size: 35px;
	font-size: clamp(24px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	text-align: center;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-top-lead {
	z-index: 3;
	top: 48.2143%;
	left: 4.4%;
	width: 94.2%;
	height: 14.6104%;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	color: #ffffff;
	font-size: 20px;
	font-size: clamp(13px, 4cqw, 22.5px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.51;
	text-align: center;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-top-lead-line {
	display: block;
}

.lp-top-subheading {
	z-index: 3;
	top: 65.2597%;
	left: 0;
	width: 100%;
	height: 3.8769%;
	margin: 0;
	color: #ffffff;
	font-size: 43px;
	font-size: clamp(25.5px, 8.6cqw, 48.375px);
	font-weight: 700;
	letter-spacing: -0.09em;
	line-height: 1.12;
	text-align: center;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-top-subheading span {
	display: inline-block;
	transform: skewX(-8deg) scaleX(0.95);
	transform-origin: center center;
}

.lp-top-photo-frame {
	z-index: 2;
	top: 71.1851%;
	left: 5.2%;
	width: 89.8%;
	height: 27.354%;
	overflow: visible;
}

.lp-top-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp-top-photo-label {
	position: absolute;
	top: 6.5282%;
	left: 55.902%;
	width: 49.4432%;
	height: 8.9021%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border-radius: 5px 0 0 5px;
	background: #ffffff;
	color: var(--brand-blue);
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: 23px;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-decoration: underline;
	text-underline-position: from-font;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-section {
	position: absolute;
	z-index: 1;
	top: calc(var(--y) * var(--lp-unit));
	left: 0;
	width: 100%;
	height: calc(var(--h) * var(--lp-unit));
	overflow: hidden;
	container-type: inline-size;
	line-height: 1.33;
}

.lp-section h2,
.lp-section h3,
.lp-section p,
.lp-section ul,
.lp-section dl,
.lp-section dd {
	margin: 0;
}

.lp-section img {
	display: block;
}

.lp-kicker {
	color: var(--brand-blue);
	font-size: clamp(15px, 4.6cqw, 27px);
	font-weight: 900;
	line-height: 1.25;
	text-decoration: underline;
	text-align: center;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-cta {
	position: absolute;
	z-index: 4;
	left: 13.8%;
	width: 72.8%;
	height: 10.26%;
	border-radius: 15px;
	color: #ffffff;
	text-align: center;
}

.lp-cta::before {
	position: absolute;
	top: 15.4762%;
	left: 0;
	width: 100%;
	height: 84.5238%;
	border-radius: 15px;
	background: #ff5a1c;
	box-shadow: 3px 5px 3.5px rgba(0, 0, 0, 0.25);
	content: "";
}

.lp-cta__badge {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 4.3956%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36.2637%;
	height: 27.381%;
	border: 1px solid rgba(0, 104, 181, 0.28);
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
	color: var(--brand-blue);
	font-size: clamp(9px, 3cqw, 16.875px);
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.33;
}

.lp-cta__badge::after {
	position: absolute;
	z-index: -1;
	top: 56.5217%;
	left: 31.4848%;
	width: 11.5812%;
	height: 69.2478%;
	background: url("../images/cta-badge-tail.svg") center / 100% 100% no-repeat;
	content: "";
	transform: rotate(165.63deg);
	transform-origin: 50% 50%;
}

.lp-cta__text {
	position: absolute;
	top: 27.381%;
	left: 18.956%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62.3626%;
	height: 64.2857%;
	font-size: clamp(13px, 4cqw, 22.5px);
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-cta__arrow {
	position: absolute;
	top: 59.5238%;
	right: 4.1%;
	width: 4.1209%;
	height: 17.1702%;
	background: url("../images/cta-arrow.svg") center / 100% 100% no-repeat;
	transform: translateY(-50%) scaleX(-1);
	transform-origin: 50% 50%;
}

.lp-intro {
	overflow: visible;
	background: transparent;
}

.lp-intro::before,
.lp-intro::after {
	position: absolute;
	z-index: 0;
	background: #ffffff;
	content: "";
}

.lp-intro::before {
	top: calc(47 * var(--lp-unit));
	right: 0;
	bottom: 0;
	left: 0;
}

.lp-intro::after {
	top: calc(3 * var(--lp-unit));
	left: 2.4%;
	width: 51.4%;
	height: calc(82 * var(--lp-unit));
}

.lp-intro-heading-backdrop {
	position: absolute;
	z-index: 1;
	top: calc(47 * var(--lp-unit));
	left: 4.8%;
	width: 86.6%;
	height: calc(54 * var(--lp-unit));
	background: #ffffff;
}

.lp-intro-title {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 4.8607%;
	width: 88.4607%;
	height: calc(94 * var(--lp-unit));
	padding: 0;
	background: transparent;
	color: #434343;
	font-size: 35px;
	font-size: clamp(24px, 7cqw, 39.375px);
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-intro-title-line {
	display: block;
}

.lp-intro-title .lp-text-blue,
.lp-feature-list span {
	color: var(--brand-blue);
}

.lp-feature-list {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	list-style: none;
}

.lp-feature-list li {
	position: absolute;
	left: 3%;
	width: 94%;
	padding-left: 8%;
	color: #434343;
}

.lp-feature-list li:nth-child(1) {
	top: calc(124 * var(--lp-unit));
}

.lp-feature-list li:nth-child(2) {
	top: calc(229 * var(--lp-unit));
}

.lp-feature-list li:nth-child(3) {
	top: calc(334 * var(--lp-unit));
}

.lp-feature-list li:nth-child(4) {
	top: calc(439 * var(--lp-unit));
}

.lp-feature-list li::before {
	position: absolute;
	top: 1cqw;
	left: 0;
	width: 5.4cqw;
	aspect-ratio: 1;
	border-radius: 999px;
	background: #f9bd00;
	content: "";
}

.lp-feature-list strong {
	display: block;
	font-size: clamp(18px, 5cqw, 28.125px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-feature-list em {
	display: block;
	margin-top: 0.46em;
	font-size: clamp(13px, 4cqw, 22.5px);
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.1em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-work {
	overflow: visible;
	background: transparent;
}

.lp-work::before {
	content: none;
}

.lp-bbq {
	background: transparent;
}

.lp-work .lp-kicker {
	position: absolute;
	z-index: 2;
	top: -2.451%;
	left: 31.4%;
	width: 37.2%;
	color: var(--brand-blue);
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(14px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-align: left;
}

.lp-work-title {
	position: absolute;
	z-index: 1;
	top: 0.4902%;
	left: 12.2%;
	width: 75.6%;
	height: 13.3578%;
	padding: 0.8cqw 0 0 4.762%;
	background: #ffffff;
	color: #434343;
	font-size: clamp(24px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-work-title-blue {
	color: var(--brand-blue);
}

.lp-work-title-dark {
	color: #434343;
}

.lp-work-card {
	position: absolute;
	z-index: 1;
	left: 8.6%;
	width: 83%;
	height: calc(182 * var(--lp-unit));
	overflow: hidden;
	border-radius: 0;
	background: #0d6aa9;
}

.lp-work-card-service {
	top: calc(409 * var(--lp-unit));
}

.lp-work-card-sales {
	top: 0;
}

.lp-work-card-web {
	top: calc(204 * var(--lp-unit));
	height: calc(183 * var(--lp-unit));
}

.lp-work-card img {
	position: absolute;
	max-width: none;
	object-fit: fill;
	cursor: pointer;
}

.lp-work-card-service img {
	top: 0.13%;
	left: -30%;
	width: 130%;
	height: 217%;
	transform: scaleX(-1);
}

.lp-work-card-sales img {
	top: -26.72%;
	left: -7.16%;
	width: 112.29%;
	height: 186.66%;
	object-fit: fill;
}

.lp-work-card-web img {
	top: -50.27%;
	left: -2.76%;
	width: 117.8%;
	height: 150.27%;
}

.lp-work-card strong {
	position: absolute;
	top: 5.4945%;
	left: 2.8916%;
	display: flex;
	align-items: center;
	height: 16.4835%;
	padding: 0 0 0.08em 2.4%;
	border-radius: 5px;
	background: #ffffff;
	color: var(--brand-blue);
	font-size: clamp(17px, 4.6cqw, 25.875px);
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.15em;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-work-card-service strong {
	width: 41.6867%;
}

.lp-work-card-sales strong {
	top: 6.5934%;
	left: 4.8193%;
	width: 30.6024%;
}

.lp-work-card-web strong {
	top: 7.1038%;
	left: 3.1325%;
	width: 75.9036%;
}

.lp-work-card a,
.lp-work-card button {
	position: absolute;
	right: 1.2048%;
	bottom: 2.7473%;
	display: block;
	width: 29.6386%;
	height: 15.3846%;
	padding: 0;
	appearance: none;
	border: 0;
	border-radius: clamp(8px, 2.4cqw, 13.5px);
	background: #ff5a1c;
	color: #ffffff;
	font-family: inherit;
	font-size: clamp(12px, 3.4cqw, 19.125px);
	font-weight: 700;
	letter-spacing: -0.08em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
	cursor: pointer;
}

.lp-work-card a span,
.lp-work-card button span {
	position: absolute;
	top: 7.1429%;
	left: 10.5691%;
}

.lp-work-card a i,
.lp-work-card button i {
	position: absolute;
	top: 14.2857%;
	left: 75.6098%;
	width: 16.2602%;
	height: 71.4286%;
}

.lp-work-card a i::before,
.lp-work-card button i::before {
	position: absolute;
	top: 22.5%;
	left: 22.5%;
	width: 67.5%;
	height: 65%;
	background: url("../images/work-plus.svg") center / 100% 100% no-repeat;
	content: "";
}

.lp-work-modal {
	width: fit-content;
	max-width: calc(100vw - 20px);
	padding: 0;
	border: 0;
	border-radius: 18px;
	background: transparent;
	color: #313131;
	overflow: visible;
}

.lp-work-modal::backdrop {
	background: rgba(0, 41, 74, 0.52);
	backdrop-filter: blur(4px);
}

.lp-work-modal__panel {
	position: relative;
	max-width: 100%;
	padding: 34px 34px 36px;
	border: 5px solid var(--brand-blue);
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(0, 49, 91, 0.28);
}

.lp-work-modal__close-form {
	position: absolute;
	top: 12px;
	right: 12px;
	margin: 0;
}

.lp-work-modal__close {
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--brand-blue);
	cursor: pointer;
}

.lp-work-modal__close::before,
.lp-work-modal__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: #ffffff;
	content: "";
}

.lp-work-modal__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.lp-work-modal__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.lp-work-modal__kicker {
	margin: 0 0 8px;
	color: var(--brand-blue);
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.lp-work-modal__title {
	margin: 0 44px 18px 0;
	color: var(--brand-blue);
	font-size: clamp(24px, 5vw, 34px);
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0.02em;
}

.lp-work-modal__copy {
	margin: 0;
	color: #313131;
	font-size: clamp(15px, 3.4vw, 16px);
	font-weight: 600;
	line-height: 1.85;
	letter-spacing: 0;
}

.lp-work-modal__highlight {
	color: #f9bd00 !important;
}

/* SP（モーダル幅=88vw）: 指定の改行を維持したまま比率を保って伸縮し、横幅いっぱいに */
@media (max-width: 700px) {
	.lp-work-modal__panel {
		padding: 16px 11px 18px;
	}

	.lp-work-modal__title {
		margin-right: 38px;
		font-size: clamp(19px, 5.2vw, 24px);
		letter-spacing: 0;
		line-height: 1.3;
	}

	.lp-work-modal__copy {
		font-size: clamp(12px, 3.55vw, 15px);
		line-height: 1.75;
	}
}

.lp-bbq-photos {
	position: absolute;
	top: 0;
	left: 6.8%;
	width: 87.7018%;
	height: calc(272 * var(--lp-unit));
}

.lp-bbq-meat {
	position: absolute;
	top: 0;
	left: 0;
	width: 51.65%;
	height: 100%;
	object-fit: cover;
}

.lp-bbq-sea {
	position: absolute;
	top: 9.9%;
	right: 0;
	width: 58.49%;
	height: 55.9%;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.lp-bbq-title {
	position: absolute;
	top: calc(207 * var(--lp-unit));
	left: 22.2%;
	display: flex;
	align-items: center;
	width: 77.6%;
	height: calc(55 * var(--lp-unit));
	padding: 0 0 0 3.2%;
	border-radius: 5px 0 0 5px;
	background: #ffffff;
	color: #434343;
	font-size: clamp(23px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.09em;
	line-height: 1.12;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-bbq-title-text {
	display: inline-block;
	transform: skewX(-5.68deg);
}

.lp-bbq-title .lp-bbq-accent {
	color: #f9bd00;
}

.lp-bbq-copy {
	position: absolute;
	top: calc(298 * var(--lp-unit));
	left: 1.6%;
	width: 96.8%;
	color: #ffffff;
	font-size: clamp(13px, 3.8cqw, 21.375px);
	font-weight: 500;
	letter-spacing: -0.08em;
	line-height: 1.33;
	text-align: left;
}

.lp-cta-bbq {
	top: 76.7%;
	height: 15.6%;
}

.lp-for-you {
	background: #ffffd9;
	color: #313131;
}

.lp-for-you .lp-kicker {
	position: absolute;
	top: 2.4283%;
	left: 0;
	width: 100%;
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.lp-for-you h2 {
	position: absolute;
	top: 6.2914%;
	left: 0;
	width: 100%;
	color: #434343;
	font-size: clamp(21px, 5cqw, 28.125px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-for-you h2 strong {
	display: block;
	margin-top: 0;
	font-size: clamp(26px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.4;
}

.lp-for-you h2 span {
	position: relative;
	display: table;
	margin: 0 auto;
	color: var(--brand-blue);
	text-decoration: none;
}

.lp-for-you h2 span::after {
	position: absolute;
	z-index: -1;
	right: 3.7%;
	bottom: 0.12em;
	left: 1.9%;
	height: 0.26em;
	border-radius: 2px;
	background: #f9bd00;
	content: "";
}

.lp-for-you-copy {
	position: absolute;
	top: 22.5166%;
	left: 2.6%;
	width: 96%;
	font-size: clamp(12px, 3.2cqw, 18px);
	font-weight: 400;
	letter-spacing: -0.08em;
	line-height: 1.33;
	text-align: center;
}

.lp-tag-list {
	position: absolute;
	top: 31.2362%;
	left: 7.6%;
	display: flex;
	gap: 1.8%;
	width: 84.8%;
	padding: 0;
	list-style: none;
}

.lp-tag-list li {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	height: 33px;
	border: 1px solid var(--brand-blue);
	border-radius: 999px;
	background: #ffffff;
	font-size: clamp(10px, 3.2cqw, 18px);
	letter-spacing: -0.08em;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-tag-list li:nth-child(1) {
	width: 14cqw;
}

.lp-tag-list li:nth-child(2) {
	width: 19.8cqw;
}

.lp-tag-list li:nth-child(3),
.lp-tag-list li:nth-child(4) {
	width: 22.8cqw;
}

.lp-down {
	position: absolute;
	top: 35.9823%;
	left: 46.1%;
	width: 7.4%;
	aspect-ratio: 1;
	background: url("../images/for-you-down.svg") center / 100% 100% no-repeat;
}

.lp-strength-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lp-strength-grid article {
	position: relative;
	position: absolute;
	overflow: hidden;
	width: 45.8%;
	height: 20.3091%;
	border-radius: 15px;
	background: #ffffff;
	box-shadow: 3px 5px 4px #ffefbd;
	padding: 0;
}

.lp-strength-grid article:nth-child(1) {
	top: 40.9492%;
	left: 3.2%;
}

.lp-strength-grid article:nth-child(2) {
	top: 40.9492%;
	left: 50.6%;
}

.lp-strength-grid article:nth-child(3) {
	top: 63.3554%;
	left: 3.2%;
}

.lp-strength-grid article:nth-child(4) {
	top: 63.3554%;
	left: 50.6%;
}

.lp-strength-grid article::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8.1395%;
	background: #f9bd00;
	content: "";
}

.lp-strength-icon {
	position: absolute;
	top: 19.5652%;
	left: 6.1135%;
	width: 31.441%;
	height: 39.1304%;
}

.lp-strength-icon img {
	position: absolute;
	display: block;
	max-width: none;
}

.lp-strength-icon-target img,
.lp-strength-icon-bg {
	inset: 0;
	width: 100%;
	height: 100%;
}

.lp-strength-icon-grow-full {
	inset: 0;
	width: 100%;
	height: 100%;
}

.lp-strength-icon-mark {
	top: 16.6667%;
	left: 11.1111%;
	width: 79.1667%;
	height: 67.4683%;
}

.lp-strength-icon-running {
	top: 18.0556%;
	left: 8.3333%;
	width: 66.6667%;
	height: 66.6667%;
}

.lp-strength-icon-flag {
	top: 40.2778%;
	left: 51.3889%;
	width: 39.6825%;
	height: 39.6825%;
}

.lp-strength-icon-trend {
	top: 13.2034%;
	left: 13.5704%;
	width: 47.6297%;
	height: 31.2111%;
}

.lp-card-no {
	position: absolute;
	top: 12.5%;
	right: 5.2402%;
	color: #20cccb;
	font-size: clamp(9px, 2.8cqw, 15.75px);
	font-weight: 700;
	letter-spacing: -0.08em;
	line-height: 1.33;
}

.lp-strength-grid h3 {
	position: absolute;
	top: 26.087%;
	left: 40.1747%;
	color: var(--brand-blue);
	font-size: clamp(13px, 3.6cqw, 20.25px);
	font-weight: 700;
	letter-spacing: -0.08em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-strength-grid p {
	position: absolute;
	top: 69.0217%;
	left: 6.9869%;
	color: #313131;
	font-size: clamp(11px, 3.2cqw, 18px);
	font-weight: 400;
	letter-spacing: -0.08em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-cta-for-you {
	top: 87.0861%;
	height: 9.3%;
}

.lp-fukuoka {
	background: #f9bd00;
	color: #ffffff;
}

.lp-fukuoka h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12.9121%;
	color: #313131;
	font-size: clamp(25px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	text-shadow: none;
}

.lp-fukuoka h2::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 54.2%;
	height: 100%;
	background: url("../images/fukuoka-title-bg.svg") center / 100% 100% no-repeat;
	content: "";
}

.lp-fukuoka-title-text {
	position: absolute;
	top: 0;
	left: 3.9612%;
	width: 55.3612%;
	transform: skewX(-5.68deg);
	transform-origin: 0 0;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-fukuoka-title-blue {
	color: var(--brand-blue);
}

.lp-fukuoka-title-dark {
	color: #313131;
}

.lp-fukuoka-code {
	position: absolute;
	top: 7.69%;
	left: 60.2%;
	width: 34.8%;
	color: var(--brand-blue);
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(16px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-decoration: underline;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-fukuoka-copy {
	position: absolute;
	top: 14.97%;
	left: 2.8%;
	width: 94.8%;
	color: #ffffff;
	font-size: clamp(13px, 3.8cqw, 21.375px);
	font-weight: 500;
	letter-spacing: -0.08em;
	line-height: 1.33;
	text-align: center;
}

.lp-fukuoka-people {
	position: absolute;
	z-index: 2;
	top: 30.08%;
	left: 14.6%;
	width: 70.8%;
	height: 24.86%;
}

.lp-cta-fukuoka {
	top: 57.55%;
	height: 11.5%;
}

.lp-fukuoka-collage {
	position: absolute;
	z-index: 1;
	top: 71.02%;
	left: 0;
	width: 100%;
	height: 28.98%;
	overflow: hidden;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	pointer-events: none;
}

.lp-fukuoka-people__photo,
.lp-fukuoka-place,
.lp-fukuoka-dot {
	position: absolute;
	display: block;
	object-fit: cover;
}

.lp-fukuoka-people__photo {
	top: 0;
	height: 100%;
	object-fit: fill;
	object-position: center bottom;
}

.lp-fukuoka-people__photo-1 {
	left: 0;
	width: 31.92%;
}

.lp-fukuoka-people__photo-2 {
	left: 33.62%;
	width: 31.92%;
}

.lp-fukuoka-people__photo-3 {
	left: 67.51%;
	width: 32.49%;
	transform: scaleX(-1);
}

.lp-fukuoka-dot {
	z-index: 3;
	width: 10.2%;
	height: 7.97%;
	object-position: center;
}

.lp-fukuoka-dot-left {
	top: 28.85%;
	left: 8%;
	transform: rotate(180deg);
}

.lp-fukuoka-dot-right {
	top: 48.08%;
	left: 80.8%;
}

.lp-fukuoka-lane {
	position: relative;
	overflow: visible;
}

.lp-fukuoka-lane-track {
	position: absolute;
	top: 50%;
	left: 0;
	display: flex;
	align-items: center;
	width: max-content;
	transform: translateY(-50%);
	animation: fukuoka-marquee-left 34s linear infinite;
	will-change: transform;
}

.lp-fukuoka-lane-set {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 1.45cqw;
	padding-right: 1.45cqw;
}

.lp-fukuoka-lane-right .lp-fukuoka-lane-track {
	animation-name: fukuoka-marquee-right;
}

.lp-fukuoka-lane-2 .lp-fukuoka-lane-track {
	animation-duration: 39s;
}

.lp-fukuoka-lane-3 .lp-fukuoka-lane-track {
	animation-duration: 36s;
}

.lp-fukuoka-word {
	z-index: 1;
	flex: 0 0 auto;
	color: transparent;
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(38px, 11.6cqw, 65.25px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	-webkit-text-stroke: 1.125px rgba(255, 255, 255, 0.92);
	text-stroke: 1.125px rgba(255, 255, 255, 0.92);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-fukuoka-place {
	z-index: 2;
	position: static;
	flex: 0 0 auto;
	width: 26.2cqw;
	height: 11.2cqw;
	object-fit: cover;
}

.lp-merit {
	background: #0068b5;
	color: #ffffff;
}

.lp-merit-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30.2%;
	object-fit: cover;
}

.lp-merit .lp-kicker {
	position: absolute;
	top: 18.6522%;
	left: 0.2%;
	display: flex;
	align-items: center;
	width: 16.6%;
	height: 3.4898%;
	padding: 0 0 0 2.6%;
	background: #ffffff;
	color: var(--brand-blue);
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
}

.lp-merit h2 {
	position: absolute;
	top: 22.9844%;
	left: 0;
	width: 100%;
	height: 12.6354%;
	padding: 0;
	background: transparent;
	color: #434343;
	font-size: clamp(25px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-merit-title-line {
	position: absolute;
	left: 0;
	display: flex;
	align-items: center;
	padding-left: 2.8607cqw;
	background: #ffffff;
}

.lp-merit-title-line-1 {
	top: 0;
	width: 80%;
	height: 48.5714%;
}

.lp-merit-title-line-2 {
	top: 47.5%;
	width: 92%;
	height: 52.5%;
}

.lp-merit h2 .lp-text-blue {
	color: var(--brand-blue);
}

.lp-message-head {
	position: absolute;
	top: 41.21%;
	left: 0;
	display: flex;
	align-items: center;
	gap: 4.4%;
	width: 84.2%;
	height: 6.1%;
	padding-left: 1.2%;
	background: #ffffff;
	color: #313131;
}

.lp-message-head strong {
	color: var(--brand-blue);
	font-size: clamp(13px, 4cqw, 22.5px);
	font-weight: 700;
	letter-spacing: 0.03em;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-message-head span {
	font-size: clamp(10px, 3cqw, 16.875px);
	font-weight: 700;
	letter-spacing: 0.03em;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-merit-person {
	position: absolute;
	top: 37.1%;
	left: 76.6%;
	width: 20%;
	aspect-ratio: 1;
	height: auto;
	border-radius: 999px;
	object-fit: cover;
	background: #ffffff;
}

.lp-merit-copy {
	position: absolute;
	top: 49.65%;
	left: 1%;
	width: 97.4%;
	color: #ffffff;
	font-size: clamp(11px, 3.2cqw, 18px);
	font-weight: 500;
	letter-spacing: -0.08em;
	line-height: 1.4;
	text-align: left;
}

/* Extra breathing room around the two question quotes. */
.lp-merit-quotes {
	display: block;
	margin: 0.3em 0;
	line-height: 1.55;
}

.lp-merit-copy .lp-text-yellow {
	color: #f9bd00;
	font-weight: 500;
}

.lp-cta-merit {
	top: 86.4019%;
	height: 10.1%;
}

.lp-reason {
	background: #ffffff;
	color: #313131;
}

.lp-reason .lp-kicker {
	position: absolute;
	top: 3.4074%;
	left: 0;
	width: 100%;
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.lp-reason h2 {
	position: absolute;
	top: 9.1852%;
	left: 3.6%;
	width: 96.9419%;
	color: #434343;
	font-size: clamp(21px, 6.6cqw, 37.125px);
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-reason h2 span {
	color: var(--brand-blue);
}

.lp-balloon {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border: 5px solid #f9bd00;
	border-radius: 10px;
	background: #ffffff;
	color: #313131;
	font-size: clamp(12px, 3.6cqw, 20.25px);
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-balloon-line {
	display: block;
	color: #313131;
}

.lp-balloon .lp-text-blue {
	color: var(--brand-blue);
}

.lp-balloon-1 {
	top: 26.4%;
	left: 1.6%;
	width: 30.6%;
	height: 10.4%;
}

.lp-balloon-2 {
	top: 30.5185%;
	left: 60.6%;
	width: 35.2%;
	height: 10.4%;
}

.lp-balloon-3 {
	top: 65.037%;
	left: 2.4%;
	width: 30.6%;
	height: 10.4%;
}

.lp-reason-chart {
	position: absolute;
	z-index: 1;
	top: 30.4444%;
	left: 10.2%;
	width: 59%;
	height: 43.7778%;
}

.lp-satisfaction {
	position: absolute;
	z-index: 2;
	top: 30.4444%;
	left: 10.2%;
	width: 59%;
	height: 43.7778%;
	border: 0;
	background: transparent;
	text-align: center;
}

.lp-satisfaction-label {
	position: absolute;
	top: 26.9036%;
	left: 25.7627%;
	width: 48.8136%;
	color: #313131;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	line-height: 1.13;
	letter-spacing: 0.15em;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-satisfaction-label span {
	display: block;
}

.lp-satisfaction-number {
	position: absolute;
	top: 37.3942%;
	left: 18.2%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42.4282%;
	height: 44.7875%;
	color: var(--brand-blue);
	font-size: clamp(70px, 20cqw, 112.5px);
	font-weight: 700;
	letter-spacing: -0.06em;
	line-height: 1.33;
	text-shadow: 2px 4px 2.3px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-satisfaction-number span {
	display: block;
	transform: skewX(-5.68deg);
}

.lp-satisfaction-percent {
	position: absolute;
	top: 53.2%;
	left: 53.4%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22.345%;
	height: 26.9407%;
	color: var(--brand-blue);
	font-size: clamp(34px, 9.6cqw, 54px);
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 1.33;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-satisfaction-percent span {
	display: block;
	transform: skewX(-5.68deg);
}

.lp-reason-people {
	position: absolute;
	z-index: 2;
	top: 46.8148%;
	left: 54.6%;
	width: 45.8%;
	height: 34.8%;
	overflow: hidden;
}

.lp-reason-people img {
	position: absolute;
	top: -20.69%;
	left: -38.21%;
	display: block;
	width: 194.81%;
	height: 134.04%;
	max-width: none;
	object-fit: fill;
}

.lp-cta-reason {
	top: 83.4%;
	height: 12.48%;
}

.lp-detail {
	background: #ffffff;
	color: #ffffff;
}

.lp-detail::before {
	position: absolute;
	z-index: 0;
	top: 2.8793%;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, #0068b5 0%, #468fc5 100%);
	content: "";
}

.lp-detail .lp-kicker {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 2.2%;
	display: flex;
	align-items: center;
	width: 18.4%;
	height: 3.2115%;
	padding-left: 2.6%;
	color: var(--brand-blue);
	background: #ffffff;
	font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
	font-size: clamp(15px, 4.6cqw, 25.875px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
}

.lp-detail h2 {
	position: absolute;
	z-index: 1;
	top: 0.2215%;
	left: 0;
	width: 54.4%;
	height: 8.3056%;
	padding: 5.4cqw 0 0 3.13%;
	background: #ffffff;
	color: var(--brand-blue);
	font-size: clamp(25px, 7cqw, 39.375px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.33;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-detail h2 span {
	display: inline-block;
	transform: skewX(-5.68deg);
	transform-origin: center center;
}

.lp-detail-list {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lp-detail-list div {
	position: absolute;
	left: 4.008%;
	width: 89.1784%;
	color: #ffffff;
}

.lp-detail-list div:nth-child(1) {
	top: 12.7353%;
}

.lp-detail-list div:nth-child(2) {
	top: 21.3732%;
}

.lp-detail-list div:nth-child(3) {
	top: 32.3367%;
}

.lp-detail-list div:nth-child(4) {
	top: 45.4042%;
}

.lp-detail-list div:nth-child(5) {
	top: 61.3511%;
}

.lp-detail-list div:nth-child(6) {
	top: 69.9889%;
}

.lp-detail-list div:nth-child(7) {
	top: 78.6268%;
}

.lp-detail-list dt {
	font-size: clamp(15px, 3.8cqw, 21.375px);
	font-weight: 600;
	letter-spacing: -0.08em;
	line-height: 1.33;
}

.lp-detail-list dt::before {
	content: "ー ";
}

.lp-detail-list dd {
	margin-top: 0.12em;
	padding-left: 0;
	font-size: clamp(12px, 3.2cqw, 18px);
	font-weight: 400;
	letter-spacing: -0.08em;
	line-height: 1.33;
}

.lp-detail-list ul {
	margin: 0;
	padding-left: 1.35em;
	list-style: disc;
}

.lp-detail-list li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-wrap: nowrap;
}

.lp-detail-note {
	white-space: pre;
}

/* 開催日時: align everything from the weekday onward by right-padding the day number. */
.lp-detail-dates {
	font-variant-numeric: tabular-nums;
}

.lp-detail-dates .lp-detail-day {
	display: inline-block;
	min-width: 2ch;
	text-align: right;
}

.lp-detail-dates .is-sold-out {
	display: list-item;
}

.lp-detail-date-text {
	text-decoration: line-through;
	text-decoration-thickness: 0.1em;
}

.lp-detail-sold-out {
	margin-inline-start: 0.75em;
	color: #e5e7eb;
	font-weight: 700;
	letter-spacing: 0;
}

.lp-detail-day dd {
	display: grid;
	grid-template-columns: 47% 36%;
	column-gap: 6.2%;
	margin-top: 0.35em;
}

.lp-detail-day strong {
	display: block;
	font-weight: 400;
	line-height: 1.33;
}

.lp-detail-day ul {
	margin-top: 0;
}

.lp-cta-detail {
	top: 86.9324%;
	height: 9.3023%;
}

.lp-apply,
.lp-meeting {
	background: #ffffff;
	color: #313131;
}

.lp-meeting {
	display: none;
	box-shadow: 0 37cqw 0 #ffffff;
	pointer-events: none;
}

.lp-apply {
	height: calc(1390 * var(--lp-unit));
	overflow: visible;
	box-shadow: 0 calc(-12.4cqw) 0 #ffffff;
}

body[data-form-mode="meeting"] .lp-apply {
	/* 個別面談のみアートボードを下に拡張（リード文＋同意文字拡大＋メール欄＋学校名欄追加でボタンが見切れるのを解消。インターンの 1210 は変更しない）。 */
	height: calc(1930 * var(--lp-unit));
}

.lp-meeting .lp-form-tabs,
.lp-meeting .lp-form-panel,
.lp-apply .lp-form-panel-meeting {
	visibility: hidden;
}

body[data-form-mode="meeting"] .lp-apply .lp-form-panel-intern {
	visibility: hidden;
}

body[data-form-mode="meeting"] .lp-apply .lp-form-panel-meeting {
	visibility: visible;
}

.lp-apply-kicker {
	position: absolute;
	top: calc(-16 * var(--lp-unit));
	left: 33.4%;
	width: 33.2%;
	color: var(--brand-blue);
	font-family: var(--font-display);
	font-size: clamp(15px, 4.6cqw, 26px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
}

.lp-apply h2 {
	position: absolute;
	top: calc(13 * var(--lp-unit));
	left: 23.8%;
	width: 54.34%;
	color: #313131;
	font-size: clamp(25px, 7cqw, 39.4px);
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.05em;
	text-align: left;
	white-space: nowrap;
}

.lp-apply-copy {
	position: absolute;
	top: calc(67 * var(--lp-unit));
	left: 3%;
	width: 90.8%;
	font-size: clamp(13px, 3.4cqw, 19.2px);
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.08em;
	text-align: center;
	white-space: nowrap;
}

.lp-apply-copy span {
	display: block;
	white-space: nowrap;
}

.lp-form-tabs {
	position: absolute;
	top: calc(123 * var(--lp-unit));
	left: 1.4%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 96.8%;
	height: calc(52 * var(--lp-unit));
	color: #ffffff;
	font-size: clamp(13px, 3.4cqw, 19.2px);
	font-weight: 700;
	line-height: 1.33;
	text-align: center;
}

.lp-meeting .lp-form-tabs {
	top: 0;
}

.lp-form-tab {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--brand-blue);
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	white-space: nowrap;
	text-wrap: nowrap;
	cursor: pointer;
}

.lp-form-tab + .lp-form-tab {
	background: #4cb968;
}

.lp-form-tab:first-child {
	justify-content: flex-start;
	box-sizing: border-box;
	padding-left: 8px;
	letter-spacing: -0.12em;
}

.lp-form-tab + .lp-form-tab {
	letter-spacing: -0.05em;
}

.lp-form-tab::after {
	content: "";
	position: static;
	display: block;
	flex: 0 0 auto;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	background: #ffffff;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: translateY(2px);
}

@media (max-width: 799px) {
	.lp-form-tab::after {
		width: 9px;
		height: 9px;
		margin-left: 2px;
		transform: translateY(1px);
	}
}

.lp-form-panel {
	position: absolute;
	left: 8%;
	width: 84.4%;
	border-radius: 0;
	background: transparent;
	pointer-events: none;
}

.lp-form-panel-intern {
	top: 0;
	height: 100%;
}

.lp-form-panel-meeting {
	top: 0;
	height: 100%;
}

.lp-form-label {
	position: absolute;
	left: 0;
	color: #555555;
	font-size: clamp(13.5px, 3.6cqw, 20.25px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
}

.lp-form-label span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	place-items: center;
	width: clamp(64px, 12.8cqw, 72px);
	height: clamp(27px, 5.4cqw, 30.375px);
	margin-left: clamp(9px, 2.4cqw, 13.5px);
	border-radius: clamp(4px, 0.8cqw, 4.5px);
	background: var(--brand-blue);
	color: #ffffff;
	font-size: clamp(14px, 3.2cqw, 18px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}

.lp-form-panel-meeting .lp-form-label span {
	background: #4cb968;
}

.lp-form-panel-intern .label-name { top: 14.68%; }
.lp-form-panel-intern .label-furigana { top: 23.24%; }
.lp-form-panel-intern .label-tel { top: 31.8%; }
.lp-form-panel-intern .label-school { top: 40.36%; }
.lp-form-panel-intern .label-grade { top: 48.92%; }
.lp-form-panel-intern .label-course { top: 57.48%; }
.lp-form-panel-intern .label-other { top: 69.5%; }
.lp-meeting .lp-form-panel-meeting .label-name { top: 6.1%; }
.lp-meeting .lp-form-panel-meeting .label-tel { top: 16.4%; }
.lp-meeting .lp-form-panel-meeting .label-grade { top: 26%; }
.lp-meeting .lp-form-panel-meeting .label-date { top: 35.6%; }
.lp-meeting .lp-form-panel-meeting .label-topic { top: 51.7%; }
.lp-meeting .lp-form-panel-meeting .label-other { top: 68.7%; }

.lp-apply .lp-form-panel-meeting .label-name { top: 13.4%; }
.lp-apply .lp-form-panel-meeting .label-tel { top: 22.8%; }
.lp-apply .lp-form-panel-meeting .label-grade { top: 31.6%; }
.lp-apply .lp-form-panel-meeting .label-date { top: 40.6%; }
.lp-apply .lp-form-panel-meeting .label-topic { top: 54.8%; }
.lp-apply .lp-form-panel-meeting .label-other { top: 70.4%; }

.meeting-date-label {
	position: absolute;
	left: 0;
	color: #555555;
	font-size: clamp(13.5px, 3.6cqw, 20.25px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.lp-meeting .meeting-date-label-1 { top: 39.44%; }
.lp-meeting .meeting-date-label-2 { top: 43.06%; }
.lp-meeting .meeting-date-label-3 { top: 46.68%; }

.lp-apply .meeting-date-label-1 { top: 44.6%; }
.lp-apply .meeting-date-label-2 { top: 47.9%; }
.lp-apply .meeting-date-label-3 { top: 51.2%; }

.lp-form-note {
	position: absolute;
	left: 0;
	top: 69.67%;
	width: 100%;
	color: #555555;
	font-size: clamp(13.5px, 3.6cqw, 20.25px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
}

.lp-form-note span {
	color: var(--brand-blue);
}

.lp-form-note a,
.figma-check a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
	pointer-events: auto;
}

.lp-form-panel-meeting .lp-form-note span {
	color: #4cb968;
}

.lp-meeting .lp-form-panel-meeting .lp-form-note {
	top: 78.9%;
}

.lp-apply .lp-form-panel-meeting .lp-form-note {
	top: 81.2%;
}

.lp-apply .lp-form-panel-intern .lp-form-note {
	top: 77.77%;
}

.sp-menu-toggle {
	position: fixed;
	z-index: 62;
	top: 10px;
	right: 10px;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--brand-blue);
	box-shadow: 0 3px 10px rgba(8, 45, 82, 0.18);
	cursor: pointer;
	opacity: 1;
	pointer-events: auto;
}

.sp-menu-toggle span {
	display: block;
	width: 25px;
	height: 2px;
	border-radius: 2px;
	background: #ffffff;
	grid-area: 1 / 1;
	transition: transform 0.18s ease, opacity 0.18s ease;
}

.sp-menu-toggle span:nth-child(1) {
	transform: translateY(-8px);
}

.sp-menu-toggle span:nth-child(3) {
	transform: translateY(8px);
}

body[data-drawer-open="true"] .sp-menu-toggle span:nth-child(1) {
	transform: rotate(45deg);
}

body[data-drawer-open="true"] .sp-menu-toggle span:nth-child(2) {
	opacity: 0;
}

body[data-drawer-open="true"] .sp-menu-toggle span:nth-child(3) {
	transform: rotate(-45deg);
}

.sp-fixed-cta {
	position: fixed;
	z-index: 61;
	top: auto;
	right: 10px;
	bottom: max(10px, env(safe-area-inset-bottom));
	left: 10px;
	display: block;
	width: auto;
	height: 60px;
	border-radius: 10px;
	background: linear-gradient(180deg, #ff6b3c 0%, var(--cta-orange) 62%, var(--cta-red) 100%);
	box-shadow: 0 4px 12px rgba(111, 48, 18, 0.28);
	color: #ffffff;
	text-align: center;
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.sp-fixed-cta__badge {
	position: absolute;
	top: -11px;
	left: 10px;
	display: block;
	width: 116px;
	height: 21px;
	border: 1px solid rgba(0, 104, 181, 0.28);
	border-radius: 0 0 6px 6px;
	background: #ffffff;
	color: var(--brand-blue);
	font-size: 11px;
	font-weight: 900;
	line-height: 21px;
}

.sp-fixed-cta__text {
	position: absolute;
	inset: 6px 31px 6px 18px;
	display: grid;
	place-items: center;
	color: #ffffff;
	font-size: clamp(14px, 4.5vw, 17px);
	font-weight: 900;
	line-height: 1.35;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.sp-fixed-cta__arrow {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #ffffff;
	transform: translateY(-50%);
}

.sp-drawer {
	position: fixed;
	z-index: 60;
	top: 0;
	right: 0;
	width: min(86vw, 320px);
	height: auto;
	max-height: calc(100dvh - 24px);
	padding: 78px 28px 38px;
	overflow-y: auto;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: -12px 0 30px rgba(20, 67, 105, 0.22);
	transform: translateX(105%);
	transition: transform 0.22s ease;
}

.sp-drawer:not([hidden]) {
	display: block;
}

body[data-drawer-open="true"] .sp-drawer {
	transform: translateX(0);
}

.sp-drawer-backdrop {
	position: fixed;
	z-index: 59;
	inset: 0;
	background: rgba(0, 42, 78, 0.36);
}

.sp-drawer__title {
	margin: 0 0 22px;
	color: var(--brand-blue);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.25;
	text-align: center;
}

.drawer-menu,
.pc-menu {
	padding: 0;
	margin: 0;
	list-style: none;
}

.drawer-menu {
	display: grid;
	gap: 19px;
}

.drawer-menu-link {
	display: block;
	color: var(--deep-blue);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.62;
}

.figma-hotspot,
.figma-form,
.figma-field,
.figma-check,
.figma-submit {
	position: absolute;
}

.figma-hotspot {
	display: block;
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
}

.figma-form {
	top: calc(-657.5 * var(--lp-unit));
	right: 0;
	bottom: auto;
	left: 0;
	height: calc(9995 * var(--lp-unit));
	z-index: 10;
	accent-color: var(--brand-blue);
	pointer-events: none;
}

.form-meeting {
	visibility: hidden;
}

body[data-form-mode="meeting"] .form-intern {
	visibility: hidden;
}

body[data-form-mode="meeting"] .form-meeting {
	visibility: visible;
	transform: translateY(-10.875%);
	transform-origin: 0 0;
}

.figma-field,
.figma-submit,
.figma-check {
	z-index: 11;
	pointer-events: auto;
}

.figma-field {
	border: 1px solid #cccccc;
	border-radius: clamp(6px, 1.6cqw, 9px);
	background: #f9f9f9;
	color: #555555;
	font-size: clamp(13.5px, 3.6cqw, 20.25px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
	padding: 0 clamp(9px, 2.4cqw, 13.5px);
	resize: none;
}

.figma-field:focus {
	background: #f9f9f9;
}

.figma-field::placeholder {
	color: #555555;
	opacity: 1;
}

select.figma-grade-select {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2010'%3E%3Cpath%20fill='%23555'%20d='M6%2010%200%200h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right clamp(9px, 2.4cqw, 13.5px) center;
	background-size: clamp(9px, 2.6cqw, 13px) clamp(7px, 2.1cqw, 11px);
	padding-right: clamp(26px, 7cqw, 38px);
}

.figma-date-select {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2010'%3E%3Cpath%20fill='%23555'%20d='M6%2010%200%200h12z'/%3E%3C/svg%3E");
	background-position: right 2cqw center;
	background-repeat: no-repeat;
	background-size: 2.4cqw 2cqw;
	padding-right: 5.4cqw;
	text-align: center;
}

.meeting-topic {
	padding: 2.8cqw;
	line-height: 1.25;
}

.figma-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cccccc;
	border-radius: clamp(6px, 1.6cqw, 9px);
	background: var(--brand-blue);
	box-shadow: 0 clamp(3px, 0.8cqw, 4.5px) clamp(3px, 0.8cqw, 4.5px) rgba(0, 0, 0, 0.25);
	color: #ffffff;
	font-size: clamp(22.5px, 6cqw, 33.75px);
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.12em;
	padding: 0;
	text-align: center;
	cursor: pointer;
}

.meeting-submit {
	background: #4cb968;
}

.figma-check {
	display: block;
	cursor: pointer;
}

.figma-check input {
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 0.3cqw;
	left: 0;
	width: 4cqw;
	height: 4cqw;
	margin: 0;
	border: 1px solid #1e2328;
	border-radius: clamp(3px, 0.8cqw, 4.5px);
	background: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 72% 72%;
	cursor: pointer;
	opacity: 1;
}

.figma-check input:checked {
	border-color: var(--brand-blue);
	background-color: var(--brand-blue);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.4'%20d='M3.2%208.1l3%203.1%206.6-6.8'/%3E%3C/svg%3E");
}

.figma-check > span {
	position: absolute;
	top: 0;
	right: 0;
	left: 5cqw;
	width: max-content;
	color: #555555;
	font-size: clamp(13.5px, 3.6cqw, 20.25px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.figma-check a {
	position: relative;
	z-index: 12;
}

.intern-agree .privacy-policy-link {
	color: var(--brand-blue);
	text-decoration: none;
}

/* 希望コース: align the weekday onward by right-padding the day number (same as 開催日時). */
.intern-course-1 > span,
.intern-course-2 > span,
.intern-course-3 > span {
	font-variant-numeric: tabular-nums;
}

.course-day {
	display: inline-block;
	min-width: 2ch;
	text-align: right;
}

.course-remaining {
	margin-inline-start: 0.35em;
	color: #e60012;
	font-size: 0.84em;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0;
}

.course-remaining--available {
	color: var(--brand-blue);
}

.course-remaining--sold-out {
	color: #777777;
}

.figma-check.is-sold-out {
	cursor: not-allowed;
}

.figma-check.is-sold-out input:disabled {
	border-color: #a8adb3;
	background: #e2e5e8;
	cursor: not-allowed;
}

.figma-check.is-sold-out > span {
	color: #a8adb3;
}

.figma-check.is-sold-out .course-remaining--sold-out {
	color: #777777;
}

.intern-agree > span,
.intern-confirm > span,
.meeting-agree > span,
.meeting-confirm > span {
	left: 8.8cqw;
}

.intern-confirm input,
.meeting-confirm input {
	top: 2.6cqw;
}

.intern-confirm > span,
.meeting-confirm > span {
	width: 74.2cqw;
	white-space: normal;
}

.figma-check-line {
	display: block;
	white-space: nowrap;
}

.hotspot-top-cta {
	left: 55.2%;
	top: calc(5 * var(--lp-unit));
	width: 33.4%;
	height: calc(42 * var(--lp-unit));
}

.hotspot-bbq-cta {
	left: 13.6%;
	top: calc(3045 * var(--lp-unit));
	width: 72.8%;
	height: calc(84 * var(--lp-unit));
}

.hotspot-foryou-cta {
	left: 13.6%;
	top: calc(3959 * var(--lp-unit));
	width: 72.8%;
	height: calc(84 * var(--lp-unit));
}

.hotspot-merit-cta {
	left: 13.8%;
	top: calc(5522 * var(--lp-unit));
	width: 72.8%;
	height: calc(84 * var(--lp-unit));
}

.hotspot-detail-cta {
	left: 14%;
	top: calc(7094 * var(--lp-unit));
	width: 72.8%;
	height: calc(84 * var(--lp-unit));
}

.intern-name {
	left: 8%;
	top: 75.188%;
	width: 84.4%;
	height: 0.52%;
}

.intern-furigana {
	left: 8%;
	top: 76.378%;
	width: 84.4%;
	height: 0.52%;
}

.intern-school {
	left: 8%;
	top: 78.759%;
	width: 84.4%;
	height: 0.52%;
}

.intern-tel {
	left: 8%;
	top: 77.568%;
	width: 84.4%;
	height: 0.52%;
}

.intern-grade {
	left: 8%;
	top: 79.949%;
	width: 84.4%;
	height: 0.52%;
}

.intern-course-1 {
	left: 9.2%;
	top: 81.149%;
	width: 49%;
	height: 0.23%;
}

.intern-course-2 {
	left: 9.2%;
	top: 81.53%;
	width: 42%;
	height: 0.23%;
}

.intern-course-3 {
	left: 9.2%;
	top: 81.91%;
	width: 68%;
	height: 0.23%;
}

.intern-other {
	left: 8%;
	top: 82.77%;
	width: 84.4%;
	height: 0.52%;
}

.intern-agree {
	left: 9.4%;
	top: 84.361%;
	width: 67.6%;
	height: 0.23%;
}

.intern-confirm {
	left: 9.4%;
	top: 84.871%;
	width: 83%;
	height: 0.46%;
}

.intern-submit {
	left: 8%;
	top: 85.642%;
	width: 84.2%;
	height: 0.52%;
}

.meeting-name {
	left: 8%;
	top: 86.063%;
	width: 84.2%;
	height: 0.52%;
}

.meeting-tel {
	left: 8%;
	top: 87.434%;
	width: 84.2%;
	height: 0.52%;
}

.meeting-grade {
	left: 8%;
	top: 88.704%;
	width: 84.2%;
	height: 0.52%;
}

.meeting-month {
	left: 27.4%;
	top: 90.055%;
	width: 17.8%;
	height: 0.35%;
}

.meeting-day {
	left: 47.8%;
	top: 90.055%;
	width: 17.8%;
	height: 0.35%;
}

.meeting-time {
	left: 69%;
	top: 90.055%;
	width: 17.8%;
	height: 0.35%;
}

.meeting-choice-2 {
	left: 27.4%;
	top: 90.535%;
	width: 64.8%;
	height: 0.35%;
}

.meeting-choice-3 {
	left: 27.4%;
	top: 91.016%;
	width: 64.8%;
	height: 0.35%;
}

.meeting-topic {
	left: 8%;
	top: 92.076%;
	width: 84.2%;
	height: 1.57%;
}

.meeting-other {
	left: 8%;
	top: 94.327%;
	width: 84.2%;
	height: 0.52%;
}

.meeting-agree {
	left: 9.4%;
	top: 96.118%;
	width: 67.6%;
	height: 0.23%;
}

.meeting-confirm {
	left: 9.4%;
	top: 96.628%;
	width: 83%;
	height: 0.46%;
}

.meeting-submit {
	left: 8%;
	top: 97.399%;
	width: 84.2%;
	height: 0.52%;
}

@media (min-width: 800px) {
	body {
		background: var(--light-blue);
	}

	.summer-page {
		min-height: 100dvh;
		background: transparent;
	}

	.pc-background {
		position: fixed;
		z-index: 0;
		inset: 0;
		display: block;
		overflow: hidden;
		background-color: var(--light-blue);
		background-image: url("../images/top-background-figma-source.png");
		background-image: image-set(
			url("../images/top-background-figma-source.webp") type("image/webp"),
			url("../images/top-background-figma-source.png") type("image/png")
		);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.pc-background::before,
	.pc-background::after {
		content: none;
	}

	.summer-marquee {
		position: absolute;
		z-index: 1;
		top: 0;
		right: calc(max(0px, (100dvw - var(--pc-max)) / 2) + clamp(18px, 2.6vw, 42px));
		display: block;
		width: 1em;
		color: transparent;
		font-family: "Afacad", "Noto Sans JP", system-ui, sans-serif;
		font-size: clamp(78px, 7.5vw, 108px);
		font-weight: 700;
		letter-spacing: 0.02em;
		line-height: 1;
		white-space: nowrap;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		-webkit-text-stroke: 1.125px rgba(255, 255, 255, 0.78);
		text-stroke: 1.125px rgba(255, 255, 255, 0.78);
		animation: summer-marquee-vertical 46s linear infinite;
	}

	.summer-marquee span {
		display: inline;
		padding-right: 0;
		padding-bottom: 0;
	}

	.summer-marquee span + span {
		display: inline;
	}

	.pc-stage {
		position: relative;
		z-index: 1;
		display: flow-root;
		width: min(100dvw, var(--pc-max));
		aspect-ratio: 1280 / 7972;
		margin: 24px auto 0;
	}

	/* PC: keep the stage bottom aligned with the expanded meeting form. */
	body[data-form-mode="meeting"] .pc-stage {
		aspect-ratio: 1280 / 8952;
	}

	body[data-form-mode="meeting"] .lp-apply {
		height: calc(2045 * var(--lp-unit));
	}

	.pc-visual {
		position: absolute;
		top: 0;
		left: 48.59375%;
		width: 39.0625%;
		height: 100%;
		border-radius: 22px 22px 0 0;
		box-shadow:
			0 0 0 clamp(10px, 0.95vw, 14px) #ffffff,
			0 0 0 calc(clamp(10px, 0.95vw, 14px) + 1px) rgba(190, 218, 211, 0.78),
			-6px -6px 16px rgba(255, 255, 255, 0.55),
			12px 20px 44px rgba(13, 79, 126, 0.22);
		line-height: 0;
	}

	.pc-visual .lp-top-hero-image {
		position: absolute;
		left: -2.0833%;
		width: 104.1667%;
		height: 100%;
		object-fit: fill;
	}

	.pc-visual .lp-top-availability {
		right: 2%;
		left: auto;
	}

	body[data-form-mode="meeting"] .pc-visual {
		background: #ffffff;
	}

	.pc-sidebar {
		position: sticky;
		top: clamp(36px, 3.906vw, 56px);
		z-index: 5;
		width: 28.4375%;
		margin-left: 9.21875%;
		margin-top: clamp(36px, 3.906vw, 56px);
	}

	.pc-sidebar__card {
		position: relative;
		width: 100%;
		aspect-ratio: auto;
		padding: 6.8% 9% 8%;
		border: clamp(4px, 0.559vw, 8.05px) solid var(--brand-blue);
		border-radius: 6.5574%;
		background: rgba(255, 255, 255, 0.94);
		box-shadow: 0 8px 18px rgba(30, 97, 126, 0.1);
	}

	.pc-sidebar__title {
		margin: 0 0 5.5%;
		color: var(--brand-blue);
		font-size: clamp(18px, 2.077vw, 29.91px);
		font-weight: 700;
		letter-spacing: -0.05em;
		line-height: 1.33;
		text-align: center;
	}

	.pc-menu {
		display: grid;
		gap: clamp(9.375px, 1.171875vw, 16.875px);
	}

	.pc-menu-link {
		position: relative;
		display: block;
		padding-left: clamp(6.875px, 0.859375vw, 12.375px);
		color: rgba(23, 108, 183, 0.28);
		font-size: clamp(11.25px, 1.40625vw, 20.25px);
		font-weight: 700;
		letter-spacing: -0.05em;
		line-height: 1.33;
		transition: color 0.18s ease, opacity 0.18s ease;
	}

	.pc-menu-link::before {
		position: absolute;
		top: 0.62em;
		left: 0;
		width: clamp(3.125px, 0.390625vw, 5.625px);
		height: clamp(3.125px, 0.390625vw, 5.625px);
		border-radius: 999px;
		background: currentColor;
		content: "";
	}

	.pc-menu-link.is-active,
	.pc-menu-link[aria-current="location"] {
		color: var(--brand-blue);
	}

	.pc-sidebar__cta {
		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 364 / 71;
		margin-top: clamp(18px, 1.55vw, 22px);
		border-radius: 13px;
		background: linear-gradient(180deg, #ff6c3f 0%, var(--cta-orange) 62%, var(--cta-red) 100%);
		box-shadow: 3px 5px 3.5px rgba(0, 0, 0, 0.25);
		color: #ffffff;
	}

	.pc-sidebar__badge {
		position: absolute;
		z-index: 2;
		top: -16.5%;
		left: 5.2%;
		width: 31.8%;
		height: 27.4%;
		border: 1px solid rgba(0, 104, 181, 0.28);
		border-radius: 4px;
		background: #ffffff;
		color: var(--brand-blue);
		font-size: clamp(10px, 1vw, 14px);
		font-weight: 700;
		letter-spacing: 0.12em;
		line-height: 1.7;
		text-align: center;
	}

	.pc-sidebar__badge::after {
		position: absolute;
		z-index: -1;
		top: 54%;
		left: 30%;
		width: 12%;
		height: 70%;
		background: url("../images/cta-badge-tail.svg") center / 100% 100% no-repeat;
		content: "";
		transform: rotate(165.63deg);
		transform-origin: 50% 50%;
	}

	.pc-sidebar__cta-text {
		position: absolute;
		inset: 11% 17% 10% 18%;
		display: grid;
		place-items: center;
		color: #ffffff;
		font-size: clamp(15px, 1.42vw, 20px);
		font-weight: 900;
		line-height: 1.35;
		text-align: center;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
	}

	.pc-sidebar__arrow {
		position: absolute;
		top: 61%;
		right: 6.2%;
		width: 0;
		height: 0;
		border-top: clamp(5px, 0.55vw, 8px) solid transparent;
		border-bottom: clamp(5px, 0.55vw, 8px) solid transparent;
		border-left: clamp(8px, 0.86vw, 13px) solid #ffffff;
		transform: translateY(-50%);
	}

	.pc-visual .lp-top-mini-cta,
	.pc-visual .hotspot-top-cta {
		display: none !important;
	}

	.sp-page,
	.sp-menu-toggle,
	.sp-fixed-cta,
	.sp-drawer,
	.sp-drawer-backdrop {
		display: none !important;
	}
}

@media (min-width: 1000px) {
	body[data-form-mode="meeting"] .pc-stage {
		aspect-ratio: 1280 / 8592;
	}

	body[data-form-mode="meeting"] .lp-apply {
		height: calc(1870 * var(--lp-unit));
	}
}

@media (min-width: 1200px) {
	body[data-form-mode="meeting"] .pc-stage {
		aspect-ratio: 1280 / 8442;
	}

	body[data-form-mode="meeting"] .lp-apply {
		height: calc(1680 * var(--lp-unit));
	}
}

@media (min-width: 1360px) {
	body[data-form-mode="meeting"] .pc-stage {
		aspect-ratio: 1280 / 8322;
	}

	body[data-form-mode="meeting"] .lp-apply {
		height: calc(1625 * var(--lp-unit));
	}
}

@media (min-width: 1400px) {
	body[data-form-mode="meeting"] .lp-apply {
		height: calc(1575 * var(--lp-unit));
	}
}

@media (max-width: 799px) {
	.site-main {
		min-height: 100dvh;
	}

	.sp-page {
		--lp-unit: min(0.2vw, 1.12px);
		height: var(--sp-page-height, calc(8730 * var(--lp-unit)));
		aspect-ratio: auto;
	}

	body[data-form-mode="meeting"] .sp-page {
		height: var(--sp-page-height, calc(9385 * var(--lp-unit)));
		aspect-ratio: auto;
	}

	.sp-page .lp-top-mini-cta,
	.sp-page .hotspot-top-cta {
		display: none !important;
	}

	body[data-drawer-open="true"] {
		overflow: hidden;
	}
}

@media (min-width: 501px) and (max-width: 799px) {
	.sp-page {
		z-index: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.summer-marquee {
		animation: none;
	}

	.lp-fukuoka-lane-track {
		animation: none;
	}

	.sp-menu-toggle span,
	.sp-drawer {
		transition: none;
	}
}

@keyframes summer-marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes summer-marquee-vertical {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-50%);
	}
}

@keyframes fukuoka-marquee-left {
	from {
		transform: translate(0, -50%);
	}

	to {
		transform: translate(-50%, -50%);
	}
}

@keyframes fukuoka-marquee-right {
	from {
		transform: translate(-50%, -50%);
	}

	to {
		transform: translate(0, -50%);
	}
}

/* =========================================================================
 * 個別面談: 日時選択トリガー（フォーム内）+ スケジューラ・ダイアログ
 * ====================================================================== */

/* Hide the legacy "・第1/2/3希望" sub-labels (selections now shown in the box). */
.meeting-date-label {
	display: none;
}

/* The .mf card carries its own labels, so keep the pixel label panel hidden. */
body[data-form-mode="meeting"] .lp-apply .lp-form-panel-meeting {
	visibility: hidden;
}

/* Meeting form: normal-flow card overlaid on the form area. */
.form-meeting .mf {
	position: absolute;
	left: 6%;
	top: 85.56%;
	width: 88%;
	display: flex;
	flex-direction: column;
	gap: clamp(18px, 4.4cqw, 27px);
	pointer-events: auto;
	text-align: left;
}

.mf-row {
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 3.2cqw, 17px);
	margin: 0;
	border: 0;
	padding: 0;
	min-width: 0;
}

.mf-label {
	display: flex;
	align-items: center;
	gap: clamp(8px, 2.2cqw, 12px);
	padding: 0;
	font-size: clamp(14px, 3.7cqw, 18px);
	font-weight: 700;
	color: #333333;
}

.mf-req {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: clamp(56px, 12.4cqw, 66px);
	height: clamp(25px, 5.2cqw, 29px);
	font-style: normal;
	font-size: clamp(13px, 3.1cqw, 16px);
	font-weight: 700;
	color: #ffffff;
	background: #4cb968;
	border-radius: clamp(4px, 0.8cqw, 5px);
	letter-spacing: 0;
	line-height: 1;
}

.mf-req--optional {
	background: #9aa5ad;
}

.mf-input {
	width: 100%;
	box-sizing: border-box;
	min-height: clamp(42px, 11.5cqw, 52px);
	border: 1px solid #cfdad3;
	border-radius: 9px;
	background: #f7faf8;
	padding: 0 13px;
	font-size: clamp(14px, 3.8cqw, 16px);
	font-weight: 500;
	color: #333333;
}

.mf-input:focus {
	outline: none;
	border-color: #4cb968;
	box-shadow: 0 0 0 3px rgba(76, 185, 104, 0.18);
}

select.mf-grade-select {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2010'%3E%3Cpath%20fill='%232e9e57'%20d='M6%2010%200%200h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 10px;
	padding-right: 38px;
}

select.mf-grade-select:invalid {
	color: #8a958e;
}

.mf-textarea {
	min-height: clamp(108px, 30cqw, 140px);
	padding: 11px 13px;
	line-height: 1.55;
	resize: vertical;
}

.mf-datetime-trigger {
	display: flex;
	align-items: center;
	gap: clamp(8px, 2.4cqw, 13px);
	width: 100%;
	box-sizing: border-box;
	min-height: clamp(56px, 15.5cqw, 68px);
	padding: clamp(8px, 2.2cqw, 12px) clamp(12px, 3cqw, 16px);
	border: 0;
	border-radius: 13px;
	background: linear-gradient(135deg, #54c473 0%, #2e9e57 100%);
	color: #ffffff;
	cursor: pointer;
	text-align: left;
	box-shadow: 0 8px 18px rgba(46, 158, 87, 0.32);
}

.mf-datetime-trigger:hover {
	filter: brightness(1.05);
}

.mf-dt-icon {
	flex: none;
	display: flex;
}

.mf-dt-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.meeting-dt-placeholder {
	font-size: clamp(14px, 3.8cqw, 16.5px);
	font-weight: 700;
	line-height: 1.3;
}

.meeting-dt-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.meeting-dt-line {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: clamp(12px, 3.2cqw, 14.5px);
	font-weight: 600;
	line-height: 1.3;
}

.meeting-dt-line b {
	flex: none;
	min-width: 4.2em;
	padding: 0.1em 0.5em;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.24);
	color: #ffffff;
	font-size: 0.82em;
	text-align: center;
}

.mf-dt-chevron {
	flex: none;
	display: flex;
	opacity: 0.85;
}

.mf-topic {
	gap: clamp(9px, 2.4cqw, 13px);
}

.mf-topic .mf-label {
	margin-bottom: clamp(4px, 1.2cqw, 7px);
}

.mf-check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: clamp(8px, 2.2cqw, 12px) clamp(11px, 3cqw, 14px);
	border: 1px solid #d9e4dd;
	border-radius: 9px;
	background: #f7faf8;
	cursor: pointer;
	font-size: clamp(13px, 3.6cqw, 15px);
	font-weight: 500;
	color: #333333;
}

.mf-check input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #2e9e57;
}

.mf-check:has(input:checked) {
	border-color: #2e9e57;
	background: #eaf7ef;
}

.mf-note {
	margin: 6px 0 4px;
	font-size: clamp(14px, 4.2cqw, 17px);
	font-weight: 500;
	line-height: 1.6;
	color: #444444;
	text-align: center;
}

.mf-note a {
	color: #2e9e57;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
}

.mf-agree {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: clamp(13.5px, 4cqw, 16px);
	font-weight: 500;
	color: #444444;
	line-height: 1.55;
	cursor: pointer;
}

.mf-agree input {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: #2e9e57;
}

.mf-agree a {
	color: #2e9e57;
	font-weight: 700;
}

.mf-agree-line {
	display: block;
	white-space: nowrap;
}

.mf-submit {
	width: 100%;
	min-height: clamp(52px, 14cqw, 60px);
	margin-top: clamp(4px, 1.2cqw, 8px);
	border: 0;
	border-radius: 13px;
	background: #4cb968;
	color: #ffffff;
	font-size: clamp(17px, 4.6cqw, 20px);
	font-weight: 800;
	letter-spacing: 0.04em;
	cursor: pointer;
	box-shadow: 0 8px 16px rgba(76, 185, 104, 0.35);
}

.mf-submit:hover {
	background: #42a85d;
}

@media (min-width: 800px) {
	.pc-visual .form-meeting .mf {
		gap: clamp(22px, 2.1cqw, 30px);
	}

	.pc-visual .mf-row {
		gap: clamp(14px, 1.3cqw, 18px);
	}

	.pc-visual .mf-row:has(.mf-datetime-trigger) {
		margin-bottom: clamp(14px, 3.4cqw, 20px);
	}

	.pc-visual .mf-topic {
		gap: clamp(12px, 1.2cqw, 16px);
		margin-bottom: clamp(12px, 3cqw, 16px);
	}

	.pc-visual .mf-topic .mf-label {
		margin-bottom: clamp(6px, 0.8cqw, 9px);
	}

	.pc-visual .mf-label,
	.pc-visual .mf-input,
	.pc-visual .meeting-dt-placeholder,
	.pc-visual .mf-check,
	.pc-visual .mf-note,
	.pc-visual .mf-agree {
		font-size: clamp(13.5px, 3.6cqw, 20.25px);
	}

	.pc-visual .mf-note {
		margin: 12px 0 8px;
	}

	.pc-visual .mf-agree > span,
	.pc-visual .mf-agree a {
		font-size: inherit;
	}

	.pc-visual .mf-submit {
		margin-top: clamp(8px, 1cqw, 12px);
	}
}

/* ---------- Dialog shell ---------- */

.d2c-scheduler {
	width: min(94vw, 540px);
	max-width: 540px;
	max-height: 92vh;
	margin: auto;
	padding: 0;
	border: none;
	border-radius: 16px;
	background: transparent;
	overflow: visible;
}

.d2c-scheduler::backdrop {
	background: rgba(18, 42, 60, 0.55);
}

.d2c-scheduler__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	max-height: 92vh;
	overflow: hidden;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 18px 48px rgba(18, 42, 60, 0.3);
	font-family: "Noto Sans JP", system-ui, sans-serif;
	color: #313131;
}

.d2c-scheduler__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	background: var(--brand-blue);
	color: #ffffff;
}

.d2c-scheduler__title {
	margin: 0;
	font-size: clamp(16px, 4.4vw, 20px);
	font-weight: 800;
}

.d2c-scheduler__close {
	flex: none;
	width: 34px;
	height: 34px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.d2c-scheduler__close:hover {
	background: rgba(255, 255, 255, 0.32);
}

.d2c-scheduler__lead {
	margin: 0;
	padding: 12px 18px 0;
	font-size: 13px;
	line-height: 1.6;
	color: #555555;
}

.d2c-scheduler__lead .d2c-mark-ok {
	color: #2e9e57;
	font-weight: 800;
}

.d2c-scheduler__notice {
	margin: 12px 18px 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fff3cd;
	border: 1px solid #ffe08a;
	color: #7a5b00;
	font-size: 13px;
	line-height: 1.5;
}

.d2c-scheduler__grid {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 14px 18px 4px;
}

.d2c-scheduler__picks {
	padding: 4px 18px 12px;
}

/* ---------- Calendar ---------- */

.d2c-cal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.d2c-cal__label {
	font-size: 16px;
	font-weight: 800;
	color: var(--brand-blue);
}

.d2c-cal__nav {
	width: 36px;
	height: 36px;
	border: 1px solid #d6e3ec;
	border-radius: 8px;
	background: #ffffff;
	color: var(--brand-blue);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.d2c-cal__nav:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.d2c-cal__grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 3px;
}

.d2c-cal__dow {
	padding: 4px 0;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: #888888;
}

.d2c-cal__dow--0 { color: #d05a5a; }
.d2c-cal__dow--6 { color: #4a78c4; }

.d2c-cal__cell {
	aspect-ratio: 1 / 1;
}

.d2c-cal__cell--empty {
	background: transparent;
}

.d2c-cal__day {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid #e3ecf2;
	border-radius: 8px;
	background: #ffffff;
	color: #333333;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.d2c-cal__day:hover:not(.is-disabled) {
	border-color: var(--brand-blue);
	background: #eef6fc;
}

.d2c-cal__day.is-disabled {
	color: #c4c4c4;
	background: #f6f6f6;
	cursor: not-allowed;
}

.d2c-cal__day.is-selected {
	background: var(--brand-blue);
	border-color: var(--brand-blue);
	color: #ffffff;
}

/* Days that have at least one open slot get a small dot. */
.d2c-cal__day.has-slots {
	position: relative;
}

.d2c-cal__day.has-slots::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 5px;
	height: 5px;
	margin-left: -2.5px;
	border-radius: 50%;
	background: #4cb968;
}

.d2c-cal__day.has-slots.is-selected::after {
	background: #ffffff;
}

/* ---------- Slots ---------- */

.d2c-scheduler__slots {
	margin-top: 14px;
	border-top: 1px solid #eef2f5;
	padding-top: 12px;
	min-height: 60px;
}

.d2c-slots__head {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 800;
	color: var(--brand-blue);
}

.d2c-slots__loading,
.d2c-slots__error {
	margin: 8px 0;
	font-size: 13px;
	color: #777777;
}

.d2c-slots__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.d2c-slots__empty {
	margin: 8px 0;
	font-size: 13px;
	color: #777777;
}

.d2c-slot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	padding: 12px 14px;
	border: 1.5px solid #bfe3cc;
	border-radius: 10px;
	background: #f3fbf5;
	cursor: pointer;
	line-height: 1.2;
	text-align: left;
}

.d2c-slot__time {
	font-size: 15px;
	font-weight: 800;
	color: #1f8a4c;
}

.d2c-slot__mark {
	flex: none;
	padding: 4px 12px;
	border-radius: 999px;
	background: #4cb968;
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
}

.d2c-slot:hover {
	border-color: #4cb968;
	background: #e7f7ec;
}

.d2c-slot.is-picked {
	border-color: #2e9e57;
	background: #2e9e57;
}

.d2c-slot.is-picked .d2c-slot__time {
	color: #ffffff;
}

.d2c-slot.is-picked .d2c-slot__mark {
	background: #ffffff;
	color: #2e9e57;
}

/* ---------- Picks summary ---------- */

.d2c-picks__title {
	margin: 10px 0 6px;
	font-size: 13px;
	font-weight: 800;
	color: #333333;
}

.d2c-picks__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.d2c-picks__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border: 1px solid #e3ecf2;
	border-radius: 8px;
	background: #f8fbfd;
	font-size: 13px;
}

.d2c-picks__item.is-filled {
	border-color: var(--brand-blue);
	background: #eef6fc;
}

.d2c-picks__rank {
	flex: none;
	min-width: 4.6em;
	padding: 3px 8px;
	border-radius: 5px;
	background: var(--brand-blue);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.d2c-picks__item:not(.is-filled) .d2c-picks__rank {
	background: #c4cdd4;
}

.d2c-picks__val {
	flex: 1 1 auto;
	font-weight: 600;
	color: #333333;
}

.d2c-picks__remove {
	flex: none;
	padding: 4px 10px;
	border: 1px solid #d9b1b1;
	border-radius: 6px;
	background: #ffffff;
	color: #c0504d;
	font-size: 12px;
	cursor: pointer;
}

/* ---------- Foot ---------- */

.d2c-scheduler__foot {
	display: flex;
	gap: 10px;
	padding: 12px 18px;
	border-top: 1px solid #eef2f5;
	background: #ffffff;
}

.d2c-scheduler__cancel,
.d2c-scheduler__confirm {
	flex: 1 1 auto;
	min-height: 48px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}

.d2c-scheduler__cancel {
	flex: 0 0 34%;
	border: 1px solid #cfd8de;
	background: #ffffff;
	color: #555555;
}

.d2c-scheduler__confirm {
	border: none;
	background: #4cb968;
	color: #ffffff;
}

.d2c-scheduler__confirm:disabled {
	background: #b7d8c0;
	cursor: not-allowed;
}

/* ---------- Rank chooser overlay ---------- */

.d2c-chooser__overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: rgba(18, 42, 60, 0.45);
}

.d2c-chooser {
	width: min(100%, 340px);
	padding: 18px;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
	text-align: center;
}

.d2c-chooser__q {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 800;
	color: #333333;
}

.d2c-chooser__btns {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px;
}

.d2c-chooser__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 14px;
	border: 1px solid var(--brand-blue);
	border-radius: 10px;
	background: #f4f9fc;
	color: var(--brand-blue);
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}

.d2c-chooser__btn:hover {
	background: var(--brand-blue);
	color: #ffffff;
}

.d2c-chooser__cur {
	font-size: 11px;
	font-weight: 500;
	opacity: 0.8;
}

.d2c-chooser__cancel {
	width: 100%;
	padding: 10px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #888888;
	font-size: 13px;
	cursor: pointer;
}

@media (min-width: 460px) {
	.d2c-slots__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
}

/* === Scheduler dialog: green (個別面談) theme overrides === */
.d2c-scheduler__head {
	background: #2e9e57;
}

.d2c-scheduler::backdrop {
	background: rgba(18, 46, 30, 0.55);
}

.d2c-cal__label,
.d2c-slots__head {
	color: #2e9e57;
}

.d2c-cal__nav {
	color: #2e9e57;
	border-color: #cfe9d8;
}

.d2c-cal__day:hover:not(.is-disabled) {
	border-color: #4cb968;
	background: #eaf7ef;
}

.d2c-cal__day.is-selected {
	background: #2e9e57;
	border-color: #2e9e57;
}

.d2c-slot.is-picked {
	border-color: #2e9e57;
	background: #2e9e57;
}

.d2c-picks__item.is-filled {
	border-color: #2e9e57;
	background: #eaf7ef;
}

.d2c-picks__rank {
	background: #2e9e57;
}

.d2c-chooser__btn {
	border-color: #2e9e57;
	color: #2e9e57;
	background: #eef9f1;
}

.d2c-chooser__btn:hover {
	background: #2e9e57;
	color: #ffffff;
}