/* default
-------------------------------------------------------------*/

/* common */

div.mv_title {
	width: 100%;
	background-size: cover;
	background-position: center center;
}
div.mv_title h1 {
	position: relative;
	font-weight: 700;
}
div.mv_title h1::before,
div.mv_title h1::after {
	content: '';
	position: absolute;
	height: 8px;
	bottom: -40px;
}
div.mv_title h1::before {
	width: 100px;
	background: var(--primary);
	left: 0;
	z-index: 1;
	border-radius: 4px;
}
div.mv_title h1::after {
	width: 30px;
	background: var(--brack);
	left: 0;
	z-index: 2;
	border-radius: 4px 0px 0px 4px;
}

/* pc
-------------------------------------------------------------*/

@media screen and (min-width: 768px) {

	div.mv_title {
		height: 240px;
		background-image: url(/img/ja/recruit/index/mv_bg_pc.jpg);
	}
	div.mv_title h1 {
		margin: 46px auto 0;
		padding: 0 48px;
		font-size: 40px;
	}
	div.mv_title h1::before,
	div.mv_title h1::after {
		left: 48px;
	}


} /* @media */

/* sp
-------------------------------------------------------------*/

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

	div.mv_title {
		height: 150px;
		background-image: url(/img/ja/recruit/index/mv_bg_sp.jpg);
	}
	div.mv_title h1 {
		margin: 18px 16px 0;
		padding: 0;
		font-size: 24px;
	}
	div.mv_title h1::before,
	div.mv_title h1::after {
		height: 4px;
		bottom: -10px;
	}
	div.mv_title h1::before {
		width: 50px;
	}
	div.mv_title h1::after {
		width: 15px;
	}

	main#main-content div.default-content {
		margin-top: 21px;
	}
	main#main-content div.default-content div.grid {
		gap: 11px;
	}

} /* @media */

/* misc
-------------------------------------------------------------*/

@media screen and (min-width: 1024px) {
} /* @media */


@media screen and (max-width: 1023px) {
} /* @media */