/**
 * =====================================================
 * みつピタジョブ
 * 求人詳細ページ：フッター上部イラスト
 * -----------------------------------------------------
 * ・求人詳細ページ最下部
 * ・通常フッターの直前に表示
 * ・横長イラスト
 * ・高さを抑えて自然に表示
 * ・PC／タブレット／スマートフォン対応
 * =====================================================
 */

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

.mpj-job-footer-illustration {
	width: 100%;
	margin: 36px 0 0;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	line-height: 0;
}

.mpj-job-footer-illustration *,
.mpj-job-footer-illustration *::before,
.mpj-job-footer-illustration *::after {
	box-sizing: border-box;
}

/* =====================================================
 * 内側
 * ===================================================== */

.mpj-job-footer-illustration__inner {
	width: 100%;
	max-width: 2172px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	line-height: 0;
}

/* =====================================================
 * 画像
 * ===================================================== */

.mpj-job-footer-illustration__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	object-fit: contain;
	object-position: center bottom;
	vertical-align: bottom;
}

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

@media screen and (max-width: 991px) {

	.mpj-job-footer-illustration {
		margin-top: 30px;
	}

	.mpj-job-footer-illustration__inner {
		width: 100%;
		max-width: 100%;
	}

	.mpj-job-footer-illustration__image {
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center bottom;
	}
}

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

@media screen and (max-width: 767px) {

	.mpj-job-footer-illustration {
		margin-top: 24px;
	}

	.mpj-job-footer-illustration__inner {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.mpj-job-footer-illustration__image {
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
		max-height: none;
		margin: 0;
		object-fit: contain;
		object-position: center bottom;
	}
}

/* =====================================================
 * 小さいスマートフォン
 * ===================================================== */

@media screen and (max-width: 420px) {

	.mpj-job-footer-illustration {
		margin-top: 20px;
	}

	.mpj-job-footer-illustration__image {
		width: 100%;
		height: auto;
	}
}