/**
 * =====================================================
 * みつピタジョブ
 * 全国版求人検索ページ
 * レスポンシブ
 * -----------------------------------------------------
 * ・HERO画像を切らずに表示
 * ・画像本来の比率を維持
 * ・スマホ〜PC大画面まで自動リサイズ
 * =====================================================
 */

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

	.mpj-job-search-form__grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

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

}

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

	.mpj-job-search {
		padding-bottom: 56px;
	}

	.mpj-job-search__body {
		padding-top: 32px;
	}

	.mpj-job-search__inner {
		width: min(100% - 24px, 1240px);
	}

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

	.mpj-job-search-introduction {
		margin-bottom: 26px;
	}

	.mpj-job-search-introduction__heading {
		font-size: 26px;
	}

	.mpj-job-search-introduction__text {
		font-size: 15px;
	}

	.mpj-job-search-form-section {
		margin-bottom: 30px;
		padding: 24px 18px;
		border-radius: 17px;
	}

	.mpj-job-search-form-section__heading {
		font-size: 21px;
	}

	.mpj-job-search-form__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.mpj-job-search-form__actions {
		margin-top: 22px;
	}

	.mpj-job-search-form__submit {
		width: 100%;
	}

	.mpj-job-search-results__header {
		display: block;
		margin-bottom: 16px;
	}

	.mpj-job-search-results__heading {
		font-size: 22px;
	}

	.mpj-job-search-results__status {
		margin-top: 6px;
	}

}

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

	.mpj-job-search-hero__image {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		max-height: none;
		object-fit: contain;
		object-position: center;
	}

}