/**
 * =====================================================
 * みつピタジョブ
 * 職業紹介求人応募ページ
 * 共通ベース
 * =====================================================
 */

/* -----------------------------------------------------
 * ページ全体
 * ----------------------------------------------------- */

.mpj-referral-application-page {
	margin: 0;
	padding: 0;
	background: #f6fbf8;
}

.mpj-referral-entry {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #263b35;
	background:
		linear-gradient(
			180deg,
			#f0faf5 0%,
			#f8fcfa 280px,
			#ffffff 100%
		);
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		"Helvetica Neue",
		"Yu Gothic",
		"YuGothic",
		"Meiryo",
		sans-serif;
}

/* -----------------------------------------------------
 * Lightning側の余白を抑える
 * ----------------------------------------------------- */

body.page-template-page-job-application-referral .siteContent {
	padding-top: 0;
	padding-bottom: 0;
}

body.page-template-page-job-application-referral .siteContent > .container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.page-template-page-job-application-referral .mainSection {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.page-template-page-job-application-referral .mainSection > .container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------
 * 共通コンテナ
 * ----------------------------------------------------- */

.mpj-referral-entry__container {
	width: min(100% - 32px, 1040px);
	margin: 0 auto;
	padding: 48px 0 72px;
}

/* -----------------------------------------------------
 * セクション共通
 * ----------------------------------------------------- */

.mpj-referral-entry__intro,
.mpj-referral-entry__job-summary,
.mpj-referral-entry__application-form,
.mpj-referral-entry__notes {
	margin: 0 0 36px;
}

.mpj-referral-entry__section-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
}

.mpj-referral-entry__section-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #e4f5ec;
	font-size: 22px;
	line-height: 1;
}

.mpj-referral-entry__section-title {
	margin: 0;
	color: #173f35;
	font-size: clamp(22px, 2.5vw, 30px);
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.02em;
}

/* -----------------------------------------------------
 * 案内部分
 * ----------------------------------------------------- */

.mpj-referral-entry__intro {
	padding: 30px 32px;
	border: 1px solid #dcebe3;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 10px 30px rgba(30, 79, 64, 0.07);
	text-align: center;
}

.mpj-referral-entry__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 12px;
	padding: 7px 16px;
	border-radius: 999px;
	background: #e0f3e9;
	color: #24795f;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.mpj-referral-entry__title {
	margin: 0 0 14px;
	color: #173f35;
	font-size: clamp(30px, 4vw, 44px);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

.mpj-referral-entry__lead,
.mpj-referral-entry__support-text {
	margin: 0;
	color: #4b665d;
	font-size: 16px;
	line-height: 1.9;
}

.mpj-referral-entry__support-text {
	margin-top: 6px;
}

/* -----------------------------------------------------
 * 共通カード
 * ----------------------------------------------------- */

.mpj-referral-entry__job-card,
.mpj-referral-entry__form-card,
.mpj-referral-entry__notes-card {
	overflow: hidden;
	padding: 28px;
	border: 1px solid #dfeae4;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(30, 79, 64, 0.07);
}

/* -----------------------------------------------------
 * 注意事項
 * ----------------------------------------------------- */

.mpj-referral-entry__notes-list {
	display: grid;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpj-referral-entry__notes-list li {
	position: relative;
	padding-left: 30px;
	color: #3d5650;
	font-size: 15px;
	line-height: 1.8;
}

.mpj-referral-entry__notes-list li::before {
	content: "✓";
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dff3e8;
	color: #22825f;
	font-size: 12px;
	font-weight: 700;
}

/* -----------------------------------------------------
 * フッター上画像
 * ----------------------------------------------------- */

.mpj-referral-entry__footer-visual {
	width: 100%;
	margin: 16px 0 0;
}

.mpj-referral-entry__footer-visual-inner {
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}

.mpj-referral-entry__footer-visual-image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* -----------------------------------------------------
 * 基本要素リセット
 * ----------------------------------------------------- */

.mpj-referral-entry *,
.mpj-referral-entry *::before,
.mpj-referral-entry *::after {
	box-sizing: border-box;
}

.mpj-referral-entry img {
	max-width: 100%;
}

.mpj-referral-entry a {
	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

/* -----------------------------------------------------
 * 管理バー表示時
 * ----------------------------------------------------- */

.admin-bar .mpj-referral-entry {
	margin-top: 0;
}