```css
/**
 * ライラック株式会社
 * トップページ HERO
 *
 * スマホ～PC大画面まで自動リサイズ
 */

.lilac-home-hero {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
}

.lilac-home-hero__inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/**
 * HERO画像
 *
 * 最小高さ：320px
 * 画面幅に応じて自動拡大
 * 最大高さ：720px
 */
.lilac-home-hero__image {
	display: block;
	width: 100%;
	height: clamp(320px, 48vw, 720px);
	margin: 0;
	object-fit: cover;
	object-position: center center;
}

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

	.lilac-home-hero__image {
		height: clamp(400px, 48vw, 600px);
	}

}

/**
 * PC・大画面
 */
@media (min-width: 1200px) {

	.lilac-home-hero__image {
		height: clamp(520px, 42vw, 720px);
	}

}

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

	.lilac-home-hero__image {
		height: clamp(300px, 88vw, 420px);
		object-position: center center;
	}

}

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

	.lilac-home-hero__image {
		height: clamp(280px, 92vw, 380px);
	}

}
```