@charset "utf-8";

@media screen and (max-width: 768px) {
	:root {
		--Recruit_gap: var(--Gap_S);
	}
}

@media screen and (min-width:769px) {
	:root {
		--Recruit_gap: var(--Margin_S);
	}
}

#open {
	& div {
		& #h2 {
			aspect-ratio: 60 / 17;
		}
	}
}

#nolen {
	& div {
		margin: var(--Margin_M) 0 0;
		background: url('../common/img//recruit/nolen_title.png');
		background-size: contain;
		background-repeat: no-repeat;
		aspect-ratio: 300 / 101;
		& span {
		}
	}
}

.recruit {
	padding: var(--Margin_S) var(--News_padding) 0;
	& > div {
		gap: var(--Recruit_gap);
		padding: var(--Gap_L);
		border: 1px var(--Color_1D020) solid;
		border-radius: var(--Border-radius_S);
	}
}