```css
/**
 * みつピタジョブ紹介ページ
 * HERO
 *
 * スマホ～PC大画面まで自動リサイズ
 */

.lilac-mitsupita-job-hero {
	width: 100%;
	margin: 0;
	padding: 0;
	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#fbfaff 48%,
			#f5f9ff 100%
		);
	overflow: hidden;
}

.lilac-mitsupita-job-hero__image {
	display: block;
	width: 100%;
	height: clamp(300px, 42vw, 720px);
	margin: 0 auto;
	object-fit: cover;
	object-position: center center;
}

/**
 * タブレット
 */
@media (min-width: 768px) and (max-width: 1199px) {

	.lilac-mitsupita-job-hero__image {
		height: clamp(380px, 46vw, 580px);
	}

}

/**
 * PC
 */
@media (min-width: 1200px) and (max-width: 1920px) {

	.lilac-mitsupita-job-hero__image {
		height: clamp(500px, 38vw, 720px);
	}

}

/**
 * PC大画面
 *
 * 画像本体は1920pxまでに制限し、
 * 周囲は背景グラデーションで自然につなぐ。
 */
@media (min-width: 1921px) {

	.lilac-mitsupita-job-hero {
		display: flex;
		justify-content: center;
	}

	.lilac-mitsupita-job-hero__image {
		width: min(100%, 1920px);
		height: clamp(620px, 37.5vw, 720px);
	}

}

/**
 * スマートフォン
 */
@media (max-width: 767px) {

	.lilac-mitsupita-job-hero {
		background: #ffffff;
	}

	.lilac-mitsupita-job-hero__image {
		width: 100%;
		height: clamp(260px, 76vw, 420px);
		object-fit: cover;
		object-position: center center;
	}

}

/**
 * 小さいスマートフォン
 */
@media (max-width: 480px) {

	.lilac-mitsupita-job-hero__image {
		height: clamp(240px, 82vw, 360px);
	}

}
```