/**
 * =====================================================
 * みつピタジョブ
 * 職業紹介求人応募ページ
 * レスポンシブ調整
 * =====================================================
 */

/* -----------------------------------------------------
 * 大型PC
 * ----------------------------------------------------- */

@media (min-width: 1200px) {

	.mpj-referral-entry__container {
		width: min(100% - 48px, 1080px);
		padding-top: 56px;
		padding-bottom: 88px;
	}

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

	.mpj-referral-entry__job-card,
	.mpj-referral-entry__form-card,
	.mpj-referral-entry__notes-card {
		border-radius: 24px;
	}

}

/* -----------------------------------------------------
 * タブレット
 * ----------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1199px) {

	.mpj-referral-entry__container {
		width: min(100% - 40px, 960px);
		padding-top: 42px;
		padding-bottom: 64px;
	}

	.mpj-referral-entry__intro {
		padding: 28px 26px;
	}

	.mpj-referral-entry__job-card,
	.mpj-referral-entry__form-card,
	.mpj-referral-entry__notes-card {
		padding: 24px;
	}

	.mpj-referral-entry__job-card {
		padding: 0;
	}

	.mpj-referral-entry__title {
		font-size: 36px;
	}

	.mpj-referral-entry__lead,
	.mpj-referral-entry__support-text {
		font-size: 15px;
	}

}

/* -----------------------------------------------------
 * スマホ
 * ----------------------------------------------------- */

@media (max-width: 767px) {

	body.page-template-page-job-application-referral {
		overflow-x: hidden;
	}

	.mpj-referral-entry {
		background:
			linear-gradient(
				180deg,
				#f1faf6 0%,
				#f8fcfa 200px,
				#ffffff 100%
			);
	}

	.mpj-referral-entry__container {
		width: min(100% - 24px, 680px);
		padding-top: 28px;
		padding-bottom: 48px;
	}

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

	.mpj-referral-entry__intro {
		padding: 22px 18px;
		border-radius: 18px;
	}

	.mpj-referral-entry__eyebrow {
		margin-bottom: 10px;
		padding: 6px 13px;
		font-size: 12px;
	}

	.mpj-referral-entry__title {
		margin-bottom: 10px;
		font-size: 28px;
		line-height: 1.4;
	}

	.mpj-referral-entry__lead,
	.mpj-referral-entry__support-text {
		font-size: 14px;
		line-height: 1.8;
	}

	.mpj-referral-entry__section-heading {
		align-items: center;
		gap: 9px;
		margin-bottom: 14px;
	}

	.mpj-referral-entry__section-icon {
		width: 38px;
		height: 38px;
		font-size: 19px;
	}

	.mpj-referral-entry__section-title {
		font-size: 21px;
	}

	.mpj-referral-entry__job-card,
	.mpj-referral-entry__form-card,
	.mpj-referral-entry__notes-card {
		padding: 18px;
		border-radius: 18px;
		box-shadow: 0 7px 22px rgba(30, 79, 64, 0.06);
	}

	.mpj-referral-entry__job-card {
		padding: 0;
	}

	.mpj-referral-entry__notes-list {
		gap: 11px;
	}

	.mpj-referral-entry__notes-list li {
		padding-left: 27px;
		font-size: 14px;
		line-height: 1.75;
	}

	.mpj-referral-entry__notes-list li::before {
		width: 19px;
		height: 19px;
		font-size: 11px;
	}

	.mpj-referral-entry__footer-visual {
		margin-top: 6px;
	}

	.mpj-referral-entry__footer-visual-inner {
		overflow: hidden;
	}

	.mpj-referral-entry__footer-visual-image {
		min-height: 180px;
		object-fit: cover;
		object-position: center;
	}

}

/* -----------------------------------------------------
 * 小型スマホ
 * ----------------------------------------------------- */

@media (max-width: 430px) {

	.mpj-referral-entry__container {
		width: calc(100% - 20px);
		padding-top: 22px;
		padding-bottom: 40px;
	}

	.mpj-referral-entry__intro {
		padding: 20px 15px;
	}

	.mpj-referral-entry__title {
		font-size: 25px;
	}

	.mpj-referral-entry__section-title {
		font-size: 19px;
	}

	.mpj-referral-entry__job-card,
	.mpj-referral-entry__form-card,
	.mpj-referral-entry__notes-card {
		padding: 15px;
		border-radius: 16px;
	}

	.mpj-referral-entry__job-card {
		padding: 0;
	}

	.mpj-referral-entry__footer-visual-image {
		min-height: 160px;
		object-position: center right;
	}

}

/* -----------------------------------------------------
 * 横向きスマホ
 * ----------------------------------------------------- */

@media (max-width: 900px) and (orientation: landscape) {

	.mpj-referral-entry__hero-image {
		max-height: 300px;
		object-fit: cover;
	}

	.mpj-referral-entry__container {
		width: min(100% - 32px, 820px);
	}

}

/* -----------------------------------------------------
 * アニメーションを減らす設定
 * ----------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.mpj-referral-entry *,
	.mpj-referral-entry *::before,
	.mpj-referral-entry *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}

}