/* recruit.css - 採用インナーページ専用スタイル */
.page-content,
:where(.page-content :is(.job-entory, .t-and-p) > div) {
	margin-block-start: clamp(64px, 0.583em + 6.99vw, 110px);
	width: min(1100px, calc(100% - 3rem));
	margin-inline: auto;

	h2 {
		font-size: clamp(1.5em, 0.906em + 1.22vw, 2em);
	}

	@media(1024px >=width) {
		width: 100%;

		h2 {
			line-height: 1.675;
		}
	}

	@media (768px < width < 1200px) {
		padding-inline: 1.5em;
		width: 100%;
		max-width: 1100px;
	}
}

/* ヘッダー画像 */
.interviews .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview.webp);
}

.interview01 .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview01.webp);
}

.interview02 .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview02.webp);
}

.interview03 .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview03.webp);
}

.interview04 .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview04.webp);
}

.interview05 .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_interview05.webp);
}

.factorytour .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_factorytour.webp);
}

.jobdescription .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_jobdesccription.webp);
}

.message .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/hd01.webp);
}

.jobseekers .content-header_block:has(h1) {
	background-image: url(../../../../uploads/2026/03/header_forjobseekers.webp);
}

/* 見出し処理 ::before 英文字モデル */
/* :where(.privacy .page-content,
	.group .page-content,
	.technology .page-content,
	.equipment .page-content) {
	margin-block-end: 97px;
} */

:where(.page-content :is(.job-entory,
		.selectedblock,
		.t-and-p,
		.workplace),
	.jobseekers .page-content) {
	h2 {
		font-size: 1.5rem;
		font-weight: 700;
	}

	h2[data-text]:nth-of-type(1) {
		/* margin-block-end: clamp(4.375em, 0.625em + 10vw, 9.375em); */
		margin-block-end: clamp(4.37em, -1.963em + 12.96vw, 150px);
		font-size: clamp(1.25rem, 1.063rem + 0.5vw, 1.5rem);
		font-weight: 700;
		text-align: center;
		color: var(--color-recruit-primary);
		line-height: 1;

		&::before {
			content: attr(data-text);
			font-size: clamp(2.25rem, 1.688em + 1.5vw, 3rem);
			margin-block: 0 8px;
			line-height: 0.975;
		}
	}
}

/* .footer-appeal-block {
	margin-block-start: 5em;
} */
.site-main a.btn {

	&.btn-contact,
	&.btn-recruit {
		margin-inline: 0 auto;
		max-width: unset;
		margin-block-start: 2.5em;
	}

	&.btn-recruit {
		color: var(--color-bg-blue);
		background-color: var(--wp--preset--color--white);
		border-color: var(--color-bg-blue);

		&::before {
			background-color: var(--color-bg-blue);
		}

		&:hover {
			color: var(--wp--preset--color--white);

			&::before {
				transform: translateX(0);
			}
		}
	}
}

/* インタビューページ */
.interviews .page-content {
	width: min(1100px, calc(100% - 3rem));

	.interview-list {
		display: grid;
		/*   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
		grid-template-columns: repeat(auto-fit, 347px);
		gap: 4rem 28px;
		justify-items: center;
		justify-content: center;

		&:last-child {
			margin-block-end: 5em;
		}
	}

	.interview-card {
		display: contents;

		a {
			display: grid;
			gap: 0.25rem;
			grid-row: span 3;
			grid-template-rows: subgrid;
			align-content: start;
			justify-content: center;
			max-width: 347px;
			border: 1px solid #a8a8a8;
			padding-block-end: 1em;
		}

		a:hover .interview-card__image img.interview-card__image-alt {
			opacity: 1;
		}
	}

	.interview-card__title {
		font-size: 1.125rem;
		line-height: 1.875;

		br {
			display: none;
		}
	}

	.interview-card__title,
	.interview-card__meta {
		padding-inline: 1em;
	}

	.interview-card__image {
		position: relative;
		overflow: hidden;
		margin-block-end: 0.975em;

		img {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
			object-fit: cover;
			/*    max-width: 347px;
   max-height: 372px; */
		}

		img.interview-card__image-alt {
			position: absolute;
			inset: 0;
			width: 100%;
			height: auto;
			/*    max-width: 347px;
   max-height: 372px; */
			/*    object-fit: cover; */
			opacity: 0;
			transition: opacity 0.3s ease;
		}
	}

	.interview-card__meta {
		display: flex;
		column-gap: 1em;
		color: #918F8F;

		ul {
			width: fit-content;
			margin-inline: auto;
		}
	}
}

/* インタビュー一覧、インタビュー個別共通 */
.interview-card,
.interview-header__meta {
	li {
		list-style: none;
	}
}

:where(.interview-card__title,
	.interview-header__title,
	.interview-content h3) {
	color: var(--color-recruit-primary);
	font-weight: bold;
}

/* インタビュー個別記事 */
.interview-header {
	margin-block-end: 3em;

	@media(1024px > width) {}

	@media(1024px <=width) {
		justify-content: space-between;
		display: flex;
		align-items: center;
		gap: 1.5em;
	}

	.interview-header__title {
		font-size: clamp(1.5rem, 0.042rem + 2.98vw, 2.652rem);
		font-weight: 700;
		line-height: 1.5;
		color: var(--color-recruit-primary);
		letter-spacing: 0.0525rem;
		margin-block-end: clamp(25px, -0.81rem + 4.85vw, 55px);
	}

	.interview-header__meta {
		font-weight: bold;
		display: grid;
		row-gap: clamp(0em, -0.316em + 0.65vw, 0.25em);
	}

	.interview-header__meta {
		font-size: clamp(1rem, 0.684rem + 0.65vw, 1.25rem);
		letter-spacing: 0.0225rem;
	}

	.interview-header__year {
		font-size: 0.875rem;
		letter-spacing: 0.01575rem;
	}

	.en-face {
		letter-spacing: 0.027rem;
		font-size: clamp(1rem, 0.367rem + 1.29vw, 1.5rem);
		text-box-edge: unset;
	}

	.interview-header__image {
		img{border-radius: 2.06em;}
	}
}

.interviewa-video-block {
	background-color: var(--color-recruit-primary);
	background-image: linear-gradient(90deg, #00123D 0%, var(--color-recruit-primary, #002FA3) 100%);
	padding-block: clamp(3.688em, 0.761em + 5.99vw, 96px) clamp(3.5em, 1.127em + 4.85vw, 86px);
	margin-block: clamp(4.375em, 2.002em + 4.85vw, 6.100px) clamp(2.875em, 1.768em + 2.27vw, 60px);
	position: relative;

	&::before,
	&::after {
		content: "";
		position: absolute;
		inset: 0;
	}

	&::before {
		background-image: linear-gradient(90deg, #21080899 0%, #2108081b 100%);
		z-index: 1;
	}

	&::after {
		background: url(../../images/svg/mar_full_opacity.svg);
		background-repeat: no-repeat;
		/*   background-size: 582px auto; */
		background-size: auto 100%;
		background-position: right -1.5vw bottom 0;
		z-index: 2;
	}

	p {
		text-align: center;
		position: relative;
		z-index: 3;
		font-size: clamp(0.938em, -0.091em + 2.1vw, 1.75em);
		line-height: 1.75;
		letter-spacing: 0.035rem;
		color: var(--wp--preset--color--white);
		font-weight: 700;
	}

	figure {
		position: relative;
		z-index: 3;
	}

	video {
		/*   width: 690px; */
		width: 736px;
		height: auto;
		margin-inline: auto;
		/*   border-radius: 33px; */
		background: #8E8E8E;
		/*   object-fit: cover; */
	}
}

.interview-content {
	counter-reset: count 0;

	/* >div:not(.interviewa-video-block) {} */
	h3 {
		counter-increment: count 1;
		font-size: 0.9375rem;
		line-height: 2;
		letter-spacing: 0.01688rem;
		margin-block: 3.467em 0;

		&::before {
			content: counter(count, decimal-leading-zero) " ";
			font-size: inherit;
		}
	}

	h4 {
		font-size: clamp(1.5rem, 1.184rem + 0.65vw, 1.75rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.035rem;
		margin-block-start: 1.125rem;
	}

	figure {
		margin-block: 2.25em;
		/*   &:last-child{
   margin-block-end: 3.15em;
  } */
	}

	a {
		display: block;
		padding-inline: 3em;
		color: var(--wp--preset--color--white);
		background-color: var(--color-bg-blue);
		line-height: 3;
		width: fit-content;
		margin-inline: auto;
		font-size: 0.875rem;
		border: 1px solid transparent;
		border-radius: 2.5em;
		transition: 0.3s ease;
		margin-block: clamp(3.125em, 0.752em + 4.85vw, 5em) 64px;

		&:hover {
			color: var(--color-bg-blue);
			background-color: var(--wp--preset--color--white);
			border-color: var(--color-bg-blue);
		}
	}
}

/* 職場見学 */
.factorytour {
	h3 {
		font-size: clamp(1.15rem, 1.023rem + 0.26vw, 1.25rem);
		color: var(--color-recruit-primary);
		border-bottom: 1px solid var(--color-recruit-primary);
		margin-block: 1em 0;
		padding-block-end: 0.5rem;
		border-bottom: 1px solid var(--color-recruit-primary);
	}

	.grid-box {
		---yamataiseisali-in-width: clamp(20.625rem, 12.188rem + 22.5vw, 31.875rem);
		display: grid;
		justify-content: center;
		justify-items: center;
		grid-template-columns: repeat(auto-fit, minmax(var(---yamataiseisali-in-width), 1fr));
		row-gap: 2.25em;
		margin-block-end: 6.5em;

		>div {
			margin-block: 0;
			width: var(---yamataiseisali-in-width);

			&:nth-child(odd) {
				justify-self: start
			}

			&:nth-child(even) {
				justify-self: end
			}

			figure {
				margin-block: 0;
			}
		}

		/* &:nth-of-type(1) {
			margin-block-end: 6.5em;
		} */
	}
}



@media(1024px > width) {
	.interview-header {
		width: fit-content;
		margin-inline: auto;

		.interview-header__meta {
			margin-block-end: 3em;
		}

		figure.interview-header__image {
			max-width: 260px;
		}
	}

	.interviewa-video-block.widefull-block {
		padding-inline: 0.5em;

		&::after {
			background-size: auto 90%;
		}

		figure {
			margin-block-start: 2.5em;
		}
	}

	.interview-content {
		>div:nth-child(2) figure {
			img {
				aspect-ratio: 2/1.25;
				object-fit: cover;
			}
		}
	}
}

@media(823px > width) {
	.factorytour {
		.grid-box {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
			justify-content: center;
			justify-items: center;

			>div {
				justify-self: center;

				&:nth-child(odd) {
					justify-self: center;
				}

				&:nth-child(even) {
					justify-self: center;
				}
			}
		}
	}
}

@media(1280px >=width) {
	.factorytour {
		.grid-box {
			>div {
				justify-self: center;

				&:nth-child(odd) {
					justify-self: center;
				}

				&:nth-child(even) {
					justify-self: center;
				}
			}
		}
	}
}

/* 募集 */
.jobdescription {
	.page-in-link {
		font-size: clamp(1.125rem, 0.65rem + 0.97vw, 1.5rem);
		margin-block: 1.5em 2.25em;
		padding-inline-start: clamp(0rem, -3.333rem + 10.67vw, 2rem);

		&:nth-last-of-type(1) {
			margin-block-end: 4em;
		}
	}

	h3 {
		color: #1E527A;
		margin-block: 0.75em;

		@media(1024px > width) {
			font-size: clamp(1.2em, 0.639rem + 1.15vw, 1.5rem);
		}
	}

	.normalcolor {

		table {
			tbody tr td:nth-child(1) {
				white-space: nowrap;
				width: 15%;
			}
		}

		&+p {
			a {
				display: block;
				line-height: 2;
				background-color: var(--color-bg-blue);
				border: 1px solid transparent;
				max-width: 412px;
				margin-inline: auto;
				margin-block: clamp(3.625em, 1.754em + 3.83vw, 74px) clamp(5.125em, -1.657em + 13.88vw, 140px);
				text-align: center;
				border-radius: 3em;
				font-size: clamp(1.2rem, 0.639rem + 1.15vw, 1.5rem);
				color: var(--wp--preset--color--white);
				font-weight: bold;
				transition: 0.3s ease;

				&:hover {
					border-color: var(--color-bg-blue);
					background-color: var(--wp--preset--color--white);
					color: var(--color-bg-blue);

				}
			}

			margin-block-end: 100px;
		}
	}

	.job-entory {
		background-color: #E8F3FC;
		padding-block: 100px;

		h2 {
			margin-block-end: 2.5em;
		}

		>div {
			max-width: 46.25em;
			margin-inline: auto;

			>div {
				background-color: var(--wp--preset--color--white);
				padding-block: clamp(2.25rem, 1.444rem + 3.44vw, 3.125rem) 0;
			}
		}
	}

	.recruit-form {
		margin-inline: auto;
		max-width: 600px;

		/* br タグは非表示（label と入力の間隔は margin で制御） */
		br {
			display: none;
		}

		p {
			margin-block: 0 1.75em;
		}

		/* ラベル */
		p>label:first-child {
			display: flex;
			align-items: center;
			gap: 0.4em;
			font-weight: 700;
			font-size: 0.9375rem;
			margin-block-end: 0.5em;
		}

		/* 必須バッジ（赤） */
		.required {
			display: inline-flex;
			align-items: center;
			font-size: 0.6875rem;
			font-weight: 700;
			padding: 0.2em 0.6em;
			border-radius: 3px;
			color: #fff;
			background-color: #E53E3E;
			line-height: 1.4;
		}

		/* 任意バッジ（グレー） */
		.optional {
			display: inline-flex;
			align-items: center;
			font-size: 0.6875rem;
			font-weight: 700;
			padding: 0.2em 0.6em;
			border-radius: 3px;
			color: #fff;
			background-color: #9B9B9B;
			line-height: 1.4;
		}

		/* テキスト・メール・電話・テキストエリア入力 */
		input:not([type=submit], [type=button], [type=checkbox], [type=radio]),
		textarea {
			width: 100%;
			padding: 0.875em 1em;
			border: 1px solid #E8E8E8;
			border-radius: 8px;
			background-color: #F5F5F5;
			color: inherit;
			font-size: 1rem;
			transition: border-color 0.2s ease, background-color 0.2s ease;

			&:focus {
				outline: none;
				border-color: var(--color-bg-blue);
				background-color: #fff;
			}

			&::placeholder {
				color: #B8BCC6;
			}
		}

		textarea {
			min-height: 200px;
			resize: vertical;
			line-height: 1.8;
		}

		/* メールアドレス注意書き */
		.field-note {
			display: block;
			font-size: 0.8125rem;
			color: #666;
			margin-block-start: 0.4em;
		}

		/* ラジオボタン */
		.wpcf7-radio {
			display: flex;
			flex-wrap: wrap;
			gap: 0.75em 2.5em;
			padding-block-start: 0.25em;

			.wpcf7-list-item {
				margin: 0;

				label {
					display: flex;
					align-items: center;
					gap: 0.5em;
					cursor: pointer;
					font-weight: normal;
				}

				input[type=radio] {
					appearance: none;
					width: 1.25em;
					height: 1.25em;
					border: 2px solid #C8CDD8;
					border-radius: 50%;
					background-color: #fff;
					flex-shrink: 0;
					cursor: pointer;
					transition: border-color 0.2s ease, background-color 0.2s ease;
					position: relative;

					&:checked {
						border-color: var(--color-bg-blue);
						background-color: var(--color-bg-blue);

						&::after {
							content: "";
							display: block;
							position: absolute;
							width: 0.4em;
							height: 0.4em;
							border-radius: 50%;
							background-color: #fff;
							top: 50%;
							left: 50%;
							translate: -50% -50%;
						}
					}

					&:focus-visible {
						outline: 2px solid var(--color-bg-blue);
						outline-offset: 2px;
					}
				}
			}
		}

		/* プライバシーポリシー チェックボックス */
		.wpcf7-acceptance {
			.wpcf7-list-item {
				label {
					display: flex;
					align-items: center;
					gap: 0.6em;
					cursor: pointer;
					font-weight: normal;
					font-size: 1.05em;

					.wpcf7-list-item-label a {
						text-decoration: underline;
						display: inline-block;
						padding-inline: 0.25em;

						&::after {
							content: "";
							width: 0.75em;
							height: 0.75em;
							display: inline-block;
							margin-inline: 0.5em 0.25em;
							vertical-align: middle;
							background-color: currentColor;
							mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' d='M5 2H2v8h8V7M7 1h4v4M11 1L5.5 6.5'/%3E%3C/svg%3E");
							mask-repeat: no-repeat;
							mask-size: contain;
							mask-position: center;
						}
					}
				}

				input[type=checkbox] {
					appearance: none;
					width: 1.25em;
					height: 1.25em;
					border: 2px solid #C8CDD8;
					border-radius: 4px;
					background-color: #fff;
					flex-shrink: 0;
					cursor: pointer;
					transition: border-color 0.2s ease, background-color 0.2s ease;
					position: relative;

					&:checked {
						background-color: var(--color-bg-blue);
						border-color: var(--color-bg-blue);

						&::after {
							content: "";
							display: block;
							position: absolute;
							width: 0.35em;
							height: 0.6em;
							border-bottom: 2px solid #fff;
							border-right: 2px solid #fff;
							transform: rotate(45deg);
							top: 50%;
							left: 50%;
							translate: -50% -60%;
						}
					}

					&:focus-visible {
						outline: 2px solid var(--color-bg-blue);
						outline-offset: 2px;
					}
				}
			}
		}

		/* 注意事項 */
		.notice {
			font-size: 0.875rem;
			/* color: #555; */
			margin-block: 1.5em 2em;

			ul {
				padding: 0;
				list-style: none;
				display: flex;
				flex-direction: column;
				gap: 0.75em;
			}

			li p {
				margin-block: 0;

				&::before {
					content: "※";
				}
			}
		}

		/* 送信ボタン */
		input[type=submit] {
			background: var(--color-bg-blue);
			width: 100%;
			max-width: none;
			padding-block: 1.1em;
			padding-inline: 2em;
			font-size: 1.0625rem;
			margin-block-start: 2em;
			border-radius: 3em;
		}
	}


	.cf7-confirm-view {
		margin-block: 0;

		.cf7-confirm-table {
			margin-block-end: 2em;
		}
	}
}

[type=button],
input[type=submit] {
	padding: 0.65em 2em;
	background: var(--color-recruit-primary);
	color: var(--color-text-white);
	width: fit-content;
	border-radius: 3em;
	font-size: 1rem;
	font-weight: 700;
	border: none;
	transition: opacity 0.2s ease;
	margin-inline: auto;
	display: block;

	&:not(:disabled):hover {
		opacity: 0.75;
		cursor: pointer;
	}

	&:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}
}

span.wpcf7-spinner {
	margin-inline: auto;
	display: block;
	margin-block-start: 5px;
}

input[type=submit][value] {
	padding: 0.65em 5em;
}

.selectedblock {
	background-color: #E8F3FC;
	padding-block: 70px;

	>div {
		counter-increment: future;
		margin-block-end: 100px;

		figure {
			margin: 0;
			aspect-ratio: 936 / 602;
		}

		img {
			height: 100%;
			width: 100%;
			max-height: 602px;
			max-width: 936px;
			object-fit: contain;
		}

		.image-text-content {
			align-content: center;
		}

		.image-text-content>* {
			max-width: 462px;
			margin-inline: auto;
		}
	}

}

@media(769px <=width) {
	.jobdescription {
		.job-entory {
			.cf7-confirm-view {
				margin-inline: 1em;
			}

		}
	}
}

@media(769px > width) {
	.jobdescription {
		figure.normalcolor {
			table {
				tbody td:nth-child(1) {
					border-bottom: 1px solid #d9d9d9;
					padding-block: 0.75em 0.5em;
				}

				tbody td {
					padding-block: 0.5em 1.5em;
				}
			}
		}

		.job-entory {
			padding-inline: 1em;

			>div {
				>div {
					padding-inline: 1em;
				}
			}
		}
	}
}

.message {
	.message-section {
		h2 {
			color: var(--color-recruit-primary);
			text-align: center;
			margin-block-end: clamp(1em, -0.188em + 2.43vw, 2em);
		}
		@media(600px < width) {
			h2 br{
				display: none;
			}
		}

		figure {
			margin-block: clamp(2em, -0.377rem + 4.86vw, 64px) clamp(54px, 2.632rem + 1.52vw, 64px);

			img {
				max-width: 100%;
				margin-inline: auto;
			}
		}

		p {
			margin-block-start: 0.55em;

			small {
				font-size: 0.85em;
				display: block;
			}
		}

		p:has(small) {
			line-height: 1;
		}

		p:nth-child(3) {
			margin-block-end: 2em;
		}

		ruby {
			font-weight: bold;
			display: inline-flex;
			align-items: center;
			font-size: 1.5em;
			gap: 0.5em;
			margin-block: 0 0.25em;
		}

		rt {
			font-weight: normal;
		}
	}
}

.philosophyblock {
	margin-block-start: 4em;
	position: relative;

	h2 {
		font-size: clamp(1.2rem, 0.843rem + 0.73vw, 1.5rem);
		line-height: 1;

		&::before {
			font-size: clamp(2.25rem, 1.359rem + 1.82vw, 3rem);
			margin-block-end: 0.25em;
		}
	}

	>div {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: min(1100px, calc(100% - 3rem));
		margin-inline: auto;
		height: 100%;

		@media (768px < width < 1200px) {
			padding-inline: 1.5em;
			width: 100%;
			max-width: 1100px;
		}
	}

	>div>div {
		align-content: center;
		color: var(--color-text-white);

		&:nth-child(2) {
			justify-items: center;

			ol {
				list-style: none;
				counter-reset: ol-counter;
				font-size: clamp(2.25em, 1.359rem + 1.82vw, 3em);
				font-weight: bold;

				&>li {
					counter-increment: ol-counter;
					line-height: 2;

					&::before {
						content: counter(ol-counter, decimal-leading-zero) ".";
						font-family: var(--wp--preset--font-family--oswald);
						margin-inline-end: 0.75em;
						display: inline-block;
						background-image: url(../../images/accennt-image.webp);
						background-repeat: no-repeat;
						background-position: left center;
						background-size: contain;
						padding-block-start: 0.6em;
						padding-inline-start: 0.75em;
					}
				}
			}
		}
	}
}

/* 数字で見る */
.jobseekers {
	h2[data-text="NUMBERS"] {
		margin-block-end: 1.25em;
		font-size:clamp(1.25rem, 0.953rem + 0.61vw, 1.5rem);
		&::before{
			font-size:clamp(2.25rem, 1.359rem + 1.82vw, 3rem)
		}

		&+P {
			text-align: center;
			margin-block-end: 4em;
			font-size: 0.75em;
		}
	}

	.numberslist {
		display: grid;
		grid-template-columns: repeat(auto-fit, clamp(300px, 30%, 344px));
		gap:24px clamp(20px, 2vw, 24px);
		justify-content: center;
		justify-items: center;

		>div {
			background-color: #E8F3FC;
			width: 100%;
			padding-block-start: 2em;
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 2;
			position: relative;
			gap: 0.75em;

			p {
				font-size: 2.25em;
				font-weight: 700;
				position: absolute;
			}

			span {
				font-family: var(--wp--preset--font-family--oswald);
				line-height: 1;
			}

			figure,
			img {
				display: block;
				margin: 0;
				align-content: center;
			}

			/* 注意 */
			figure {
				min-height: 265px;
			}

			>div {
				position: relative;
				width: 100%;
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: subgrid;
				grid-row: span 1;
			}

			&:last-child {
				grid-column: 1 / -1;
			}

			/* 従業員数 */
			&:nth-child(1) {
				align-content: space-between;
				justify-items: center;
				padding-block-end: 0;

				p {
					top: 0;
					margin-block-start: 0.35em;
					left: 52%;
					transform: translateX(-41%);
					text-align: center;
					display: grid;
					grid-template-columns: 1fr auto;
					align-items: baseline;
				}

				span {
					font-size: 8rem;
				}

				>div {
					display: grid;
					align-items: end;
				}

				figure {
					align-content: end;
				}
			}

			/* 男女比 */
			&:nth-child(2) {
				>div {
					place-content: center;

					p {
						padding-inline: 1.5rem;

						&:nth-child(1) {
							right: 0;
							top: 8%
						}

						&:nth-child(2) {
							bottom: 13.5%;
						}
					}

					span {
						font-size: 4rem
					}

					figure {
						width: fit-content;
						margin-inline: auto;
						align-self: center;
						padding-block-start: 2em;
					}
				}
			}

			/* 平均年齢 + 有給消化 */
			&:nth-child(3),
			&:nth-child(5) {
				>div {
					display: grid;
					grid-template-rows: 1fr;
					place-content: center;
				}

				p {
					position: absolute;
					width: 100%;
					text-align: center;
					top: 50%;
					transform: translateY(-50%);
				}

				span {
					font-size: 4rem;
				}

				figure {
					width: fit-content;
					margin-inline: auto;
					align-content: center;
				}
			}
			&:nth-child(3){
				p{padding-inline: 1.25rem;}
			}

			&:nth-child(5) {
				p{padding-inline: 1.5rem;}
				span {
					font-size: 6.25rem;
				}
			}



			/* 年間休日 */
			&:nth-child(4) {
				align-content: space-between;
				justify-items: center;
				padding-block-end: 0;

				p {
					top: 0;
					width: 100%;
					margin-block-start: 0.35em;
					/* left:52%;
					transform: translateX(-41%); */
					text-align: center;
				}

				span {
					font-size: 6.25rem;
				}

				>div {
					align-items: end;

				}

				figure {
					justify-self: center;
					margin-block-end: 0.25em;
					align-content: end;
				}
			}

			/* 経験者 */
			&:nth-child(6) {
				align-content: space-between;
				justify-items: center;
				padding-block-end: 0;

				p {
					top: 70%;
					transform: translateY(-70%);
					width: fit-content;
				}

				p:nth-child(1) {
					left: 10%;
					margin-block-start: 0;
				}

				p:nth-child(2) {
					right: 10%;
					margin-block-start: 0;
				}

				span {
					font-size: 4rem;
				}

				>div {
					align-items: end;
				}

				figure {
					justify-self: center;
					align-content: start;

					img {
						margin-block-start: 3em
					}
				}
			}

			/* 売上 */
			&:nth-child(7) {
				align-content: space-between;
				justify-items: center;
				padding-block-end: 0;

				p {
					position: relative;
					top: unset;
					left: unset;
					inset: unset;
					margin-block-start: 0;
					width: fit-content;
					font-size: 1.5rem;
				}
				figure{margin-block-end:clamp(0rem, -1.25rem + 3.33vw, 1.75rem)}
				.SalesPrice {
					padding-block: 1em;
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					p{
						font-size: clamp(0.643rem, -0.375rem + 2.08vw, 1.5rem);
					}
					

					/* align-items: center; */
					p:nth-child(1) {
						align-self: center;
						justify-self: end;
						padding-block-start: 4em;

						span {
							font-size: clamp(1.608rem, 0.548rem + 2.17vw, 2.5rem);
						}
					}

					p:nth-child(2) {
						align-self: center;

						span {
							font-size: clamp(1.608rem, 0.548rem + 2.17vw, 2.5rem);
						}
					}

					p:nth-child(3) {
						font-size: clamp(0.906rem, -0.246rem + 2.36vw, 1.875rem);
						span {
							font-size: clamp(2.413rem, -0.663rem + 6.29vw, 5rem);
						}
					}
				}

				>div {
/* 					padding-block: 1.75em; */
					justify-items: center;
				}

			}
		}

		@media (600px > width) {
			 grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 350px));
		}

		figure,
		div {
			margin-block-start: 0;
		}

		h3 {
			text-align: center;
			color: var(--color-recruit-primary);
		}
	}

	.workplace {
		background-color: #E8F3FC;
		padding-block: clamp(4.125rem, 0.857rem + 6.69vw, 6.875rem) clamp(3.563em, 3.043em + 1.06vw, 94px);
		margin-block-start: clamp(4rem, 1.326rem + 5.47vw, 100px);

		>div {
			max-width: var(--wp--custom--bkpoint--xl);
			margin-inline: auto;

			h2 {
				text-align: justify;
				margin-block-end: 1.5em;
			}

			>div {

				h3,
				p {
					max-width: 600px;
				}

				p:not(.leadcopy) {
					font-feature-settings: normal;
					margin-block-start: 0.5em;
				}
			}
		}
	}

	.t-and-p {
		h2 {
			color: var(--color-text-white);
			text-align: center;
			margin-block-end: clamp(2.875em, 1.538em + 2.74vw, 4em);
			
		}

		h3 {
			font-size: clamp(1.125rem, -0.212rem + 2.74vw, 2.25rem);
			font-weight: 700;
			line-height: 1.6;
		}

		.onepoint::before {
			width: 1.25em;
			height: 0.75em;

		}

		padding-block: clamp(4.5rem, 0.583rem + 6.99vw, 110px);
		background-image: url("../../../../uploads/2026/03/teachersandpearents_bg.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;

		>div {
			margin-block-start: unset;
			padding: clamp(2.25rem, 0.764rem + 3.04vw, 3.5rem) clamp(1.5em, -1.471em + 6.08vw, 4em) 1.5em;
			background-color: var(--wp--preset--color--white);

			figure {
				margin-block: 2.75em 3em;
				margin-inline: auto;
			}

			img {
				max-width: 905px;
				width: 100%;
				margin-inline: auto;
				@media(600px >= width){
				aspect-ratio: 4 / 2.9;
				}
				object-fit: cover;
				object-position: center;
			}

			p {
				font-size: clamp(0.938rem, 0.715rem + 0.46vw, 1.125rem);
				font-feature-settings: normal;
				letter-spacing: 0.02025rem;
			}

		}
	}
}


@media(600px > width) {
	.jobseekers {
		.numberslist {
			row-gap: 3em;
			>div.wp-block-group {
				&:nth-child(7) {
					height:265px ;
					.SalesPrice {
						width: 100%;
						p{
							display: flex;
							flex-direction: column;
							align-items: flex-end;
						}
						p:nth-child(1) {
							padding-block-start: 2em;
							align-self: center;
							margin-inline: auto 0.75em;
						}

						p:nth-child(2) {
padding-block-start: 2em;
						}

						p:nth-child(3) {
							/* padding-block-start: 0em; */
							justify-self: center;
							align-self: flex-start;
							padding-inline-end: 0;
						}
					}

					figure{
						padding-inline: 1em;
					}
				}
			}
		}
	}
}
@media(782px > width) {
	.message {
		.message-section {
			p:nth-child(3) {
				margin-block-end: 2.5em;
			}

			p:nth-child(3)~p {
				margin-block-end: 1.5em;
			}
		}
	}

	.selectedblock {
		padding-block-start: 93px;
	}


	/* インタビューページ */
	.interviews .page-content {
		.interview-list {
			grid-template-columns: repeat(auto-fit, 280px);
		}
	}
}

@media(830px > width) {
	.selectedblock {
		display: grid;
		gap: 2.25em;

		h2[data-text] {
			margin-block-end: 0;
		}
		>div:nth-of-type(1) {
			margin-top: 1em;
		}

		>div:nth-of-type(even) {
			>div:nth-child(1) {
				grid-row: 2 / 3;
			}

			>div:nth-child(2) {
				grid-row: 1 / 2;
			}
		}

		>div {
			display: grid;
			margin-block: 0;
			gap: 2.25em;

			.image-text-content {

				p,
				figure,
				h3 {
					max-width: 800px;
					width: 100%;
					margin-inline: auto;
				}
			}
		}
	}
	.jobseekers{
.numberslist{
	> div {
		&:nth-child(7) {

			.SalesPrice {
				width: 100%;
				p:nth-child(1) {
					padding-block-start: unset;
					justify-self: end;
					margin-inline: auto 0;
					padding-block-start: 3em;
				}
				p:nth-child(2) {
					align-self: center;
				}
				p:nth-child(3) {
					padding-block-start: 3em;
					justify-self: center;align-self: flex-start;
				padding-inline-end:1em;
			}
			}
		}
	}
}

		.workplace {
			h2[data-text],
			.leadcopy{
				text-align: center;
			}
			>div{
				flex-direction: column;
				>div{
					p,h3,figure,img{
						max-width: 679px;
						margin-inline: auto;
					}
					img{
						width: 100%;
					}
				}
			}
		}
	}
	
}


@media(1100px >= width){
	.jobseekers {
    .t-and-p {
					h2{
						font-size: clamp(1.125rem, 0.679rem + 0.91vw, 1.5rem);
						&::before{
							font-size: clamp(2rem, 0.812rem + 2.43vw, 3rem);
						}
					}
					padding-inline: clamp(1em, -0.783em + 3.65vw, 2.5em);
    }
			}
}
@media(1440px >= width){
	.workplace {
		padding-inline: 1em;
	}
}


@media(1024px >=width) {
	.message {
		.message-section {
			figure {
				height: 100%;
				width: 100%;

				img {
					width: 100%;
					height: 100%;
					min-height: 307px;
					object-fit: cover;
				}
			}
		}

		.philosophyblock {
			position: relative;
			background-image: url(../../../../uploads/2026/04/philosophy.webp);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left 20% bottom;
			padding-block: 5.5em;

			h2 {
				text-align: center;
			}

			>div {
				position: relative;
				padding-block: 0;
				display: grid;
				align-content: start;
				gap: 4.5em;
				margin-inline: 0;
			}

			>figure {
				display: none
			}

			>div>div {
				height: fit-content;

				/* &:nth-child(1) {

			} */
				&:nth-child(2) {
					align-self: center;

					ol {
						display: grid;
						grid-template-columns: 1fr;
						row-gap: 1.5em;

						>li {
							margin-block: 0;
							width: fit-content;
							margin-inline: auto;

							&::before {
								text-align: center;
								display: block;
								line-height: 1;
								margin-inline-end: 0;
								padding: 0.75em 0.75em 0.2em;
								width: fit-content;
								background-position: right center;
								background-size: contain;
								margin-inline: auto;
								font-size: 2.25rem;

							}
						}
					}
				}
			}

		}

		.selectedblock {
			padding-inline: 1em;
		}
	}

.jobseekers{
.numberslist{
	> div {
		&:nth-child(7) {
			>div{
				/* padding-block: 2em; */
				width: 100%;
			}
			.SalesPrice {
				gap:0.25rem;
				p:nth-child(1) {justify-self: center;}
				p:nth-child(2) {justify-self: center;}
				p:nth-child(3) {justify-self: end;}
			}
		}
	}
}




		.workplace {
			h2[data-text],
			.leadcopy{
				text-align: center;
			}
			>div{
				flex-direction: column;
				>div{
					p,h3,figure,img{
						max-width: 679px;
						margin-inline: auto;
					}
					img{
						width: 100%;
					}
				}
			}
		}
	}
	
}