/**
 * =====================================================
 * みつピタジョブ
 * トップページ：フッター上部ビジュアル
 * -----------------------------------------------------
 * 配置場所：
 * /wp-content/themes/lightning-child/
 * assets/css/home/home-footer-visual.css
 *
 * 役割：
 * ・全国版トップのフッター直前に画像を表示する
 * ・画像を切り取らず、縦横比を保って表示する
 * ・PC、タブレット、スマートフォンに対応する
 * =====================================================
 */

.mpj-home-footer-visual {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	box-sizing: border-box;
}

.mpj-home-footer-visual__inner {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
}

.mpj-home-footer-visual__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	object-fit: contain;
	object-position: center;
}


/**
 * =====================================================
 * 大画面
 * =====================================================
 */
@media screen and (min-width: 1440px) {

	.mpj-home-footer-visual__image {
		width: 100%;
		height: auto;
	}

}


/**
 * =====================================================
 * タブレット
 * =====================================================
 */
@media screen and (max-width: 1024px) {

	.mpj-home-footer-visual__image {
		width: 100%;
		height: auto;
		object-fit: contain;
	}

}


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

	.mpj-home-footer-visual {
		width: 100%;
		overflow: hidden;
	}

	.mpj-home-footer-visual__inner {
		width: 100%;
	}

	.mpj-home-footer-visual__image {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: none;
		object-fit: contain;
		object-position: center;
	}

}