/**
 * 求人掲載ページ
 * 「関西限定の求人掲載サービス」セクション
 */

/* =====================================================
 * セクション全体
 * ===================================================== */

.lilac-recruitment-page .lilac-recruitment-introduction {
	position: relative;
	width: 100%;
	margin: 0;
	padding: clamp(64px, 8vw, 110px) 24px;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 10% 15%,
			rgba(137, 102, 184, 0.09) 0,
			rgba(137, 102, 184, 0) 34%
		),
		radial-gradient(
			circle at 90% 82%,
			rgba(210, 195, 237, 0.18) 0,
			rgba(210, 195, 237, 0) 36%
		),
		linear-gradient(
			180deg,
			#ffffff 0%,
			#fbf9ff 100%
		);
}

/* 装飾ライン */
.lilac-recruitment-page .lilac-recruitment-introduction::before {
	position: absolute;
	top: 0;
	left: 50%;
	width: min(84%, 980px);
	height: 1px;
	background:
		linear-gradient(
			90deg,
			rgba(118, 83, 166, 0) 0%,
			rgba(118, 83, 166, 0.22) 50%,
			rgba(118, 83, 166, 0) 100%
		);
	content: "";
	transform: translateX(-50%);
}

/* =====================================================
 * 中央コンテナ
 * ===================================================== */

.lilac-recruitment-page
	.lilac-recruitment-introduction
	.lilac-container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

/* =====================================================
 * 見出し
 * ===================================================== */

.lilac-recruitment-page
	.lilac-recruitment-introduction
	.lilac-section-heading {
	max-width: 820px;
	margin: 0 auto clamp(34px, 5vw, 52px);
	text-align: center;
}

/* 英字見出し */
.lilac-recruitment-page
	.lilac-recruitment-introduction
	.lilac-section-heading__sub {
	display: block;
	margin: 0 0 12px;
	color: #8060ad;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.16em;
}

/* 日本語見出し */
.lilac-recruitment-page
	.lilac-recruitment-introduction
	.lilac-section-heading__title {
	margin: 0;
	color: #302938;
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.035em;
}

/* 見出し下の装飾 */
.lilac-recruitment-page
	.lilac-recruitment-introduction
	.lilac-section-heading__title::after {
	display: block;
	width: 54px;
	height: 3px;
	margin: 20px auto 0;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			#7653a6 0%,
			#b39ad2 100%
		);
	content: "";
}

/* =====================================================
 * 本文エリア
 * ===================================================== */

.lilac-recruitment-page
	.lilac-recruitment-introduction__content {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 56px);
	border: 1px solid rgba(118, 83, 166, 0.14);
	border-radius: 24px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.98) 0%,
			rgba(249, 246, 255, 0.96) 100%
		);
	box-shadow:
		0 18px 50px rgba(73, 52, 98, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* 左上の装飾 */
.lilac-recruitment-page
	.lilac-recruitment-introduction__content::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 88px;
	height: 88px;
	border-radius: 24px 0 88px 0;
	background:
		linear-gradient(
			135deg,
			rgba(118, 83, 166, 0.13) 0%,
			rgba(118, 83, 166, 0) 75%
		);
	content: "";
	pointer-events: none;
}

/* =====================================================
 * 本文
 * ===================================================== */

.lilac-recruitment-page
	.lilac-recruitment-introduction__content p {
	position: relative;
	margin: 0 0 24px;
	color: #51495a;
	font-size: 17px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.02em;
}

/* 先頭段落を少し強調 */
.lilac-recruitment-page
	.lilac-recruitment-introduction__content p:first-child {
	color: #3d3347;
	font-size: 18px;
	font-weight: 600;
}

/* 最後の段落 */
.lilac-recruitment-page
	.lilac-recruitment-introduction__content p:last-child {
	margin-bottom: 0;
}

/* =====================================================
 * タブレット
 * ===================================================== */

@media (max-width: 991px) {

	.lilac-recruitment-page
		.lilac-recruitment-introduction {
		padding: 72px 20px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content {
		padding: 38px 36px;
		border-radius: 20px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content p {
		font-size: 16px;
	}
}

/* =====================================================
 * スマートフォン
 * ===================================================== */

@media (max-width: 767px) {

	.lilac-recruitment-page
		.lilac-recruitment-introduction {
		padding: 56px 16px;
		background:
			linear-gradient(
				180deg,
				#ffffff 0%,
				#faf7ff 100%
			);
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction
		.lilac-section-heading {
		margin-bottom: 30px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction
		.lilac-section-heading__sub {
		margin-bottom: 10px;
		font-size: 12px;
		letter-spacing: 0.14em;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction
		.lilac-section-heading__title {
		font-size: clamp(27px, 8vw, 34px);
		line-height: 1.5;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction
		.lilac-section-heading__title::after {
		width: 46px;
		margin-top: 16px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content {
		padding: 28px 22px;
		border-radius: 16px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content::before {
		width: 64px;
		height: 64px;
		border-radius: 16px 0 64px 0;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content p {
		margin-bottom: 19px;
		font-size: 15px;
		line-height: 1.9;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content p:first-child {
		font-size: 16px;
	}
}

/* =====================================================
 * 小型スマートフォン
 * ===================================================== */

@media (max-width: 480px) {

	.lilac-recruitment-page
		.lilac-recruitment-introduction {
		padding-right: 14px;
		padding-left: 14px;
	}

	.lilac-recruitment-page
		.lilac-recruitment-introduction__content {
		padding: 24px 18px;
	}
}