@charset "UTF-8";



@media (min-width: 960px) {
	.recruitmentBody {
		margin: auto;
		width: 960px;
	}
}

@media (max-width: 960px) {
	.recruitmentBody {
		margin: auto;
		width: auto;
		background-image: none;
	}
}

.recruitmentBody h1 {
	font-weight: bold;
    font-style: normal;
    font-size: 3.5rem;
    margin: 0;
    padding: 10%;
    text-align: center;
}

.recruitment__titleArea {
	height: auto;
	width: 100%;
	background-image: url("/nsysimages/blueHeadingBackground.png");
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 48px;
	font-weight: bold;
	color: white;
	padding: 5% 0;
	margin-bottom: 5%;
	width: 100%;
}

@media (min-width: 960px) {
	.recruitment__titleArea {
		font-size: 48px;
	}
}

@media (max-width: 960px) {
	.recruitment__titleArea {
		font-size: 48px;
	}
}

@media (max-width: 540px) {
	.recruitment__titleArea {
		font-size: 32px;
	}
}

.recruitment__check {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: fit-content;
}

.recruitment__check__checkBox {
	transform: scale(0.5);
}

.recruitment__check__checkDetail {
	font-size: 16px;
}

.recruitment__topImgArea {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0 5% 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/nsysimages/recruitment_first_view_background.jpg");
	width: 100%;
}

@media (min-width: 960px) {
	.recruitment__topImgArea {
		flex-direction: column;
	}
}

@media (max-width: 960px) {
	.recruitment__topImgArea {
		flex-direction: column;
	}
}

@media (max-width: 540px) {
	.recruitment__topImgArea {
		flex-direction: row;
	}
}

.recruitment__topImgArea__title {
	margin-top: 5%;
	position: relative;
	font-weight: bold;
}

.recruitment__topImgArea__title span {
	display: block;
}

@media (min-width: 960px),
(max-width: 960px) {
	.recruitment__topImgArea__title {
		font-size: 48px;
		border-top: 5px solid black;
		border-bottom: 5px solid black;
		padding: 20px 200px;
	}
}

@media (max-width: 540px),
(max-width: 540px) {
	.recruitment__topImgArea__title {
		border-top: none;
		border-bottom: none;
		font-size: 16px;
		padding: 15px;
	}
}

@media (min-width: 960px),
(max-width: 960px) {
	.recruitment__topImgArea__title:before {
		content: '';
		position: absolute;
		top: -20px;
		width: 5px;
		height: -webkit-calc(100% + 40px);
		height: calc(100% + 40px);
		background-color: black;
		left: 20px;
	}
}

@media (max-width: 540px),
(max-width: 540px) {
	.recruitment__topImgArea__title:before {
		background-color: transparent;
	}
}

@media (min-width: 960px),
(max-width: 960px) {
	.recruitment__topImgArea__title:after {
		content: '';
		position: absolute;
		top: -20px;
		width: 5px;
		height: -webkit-calc(100% + 40px);
		height: calc(100% + 40px);
		background-color: black;
		right: 20px;
	}
}

@media (max-width: 540px),
(max-width: 540px) {
	.recruitment__topImgArea__title:after {
		background-color: transparent;
	}
}

.recruitment__topImgArea__imgArea {
	background-repeat: no-repeat;
}

@media (min-width: 960px) {
	.recruitment__topImgArea__imgArea {
		background-image: url("/nsysimages/recruitment_first_view_person.png");
		height: 330px;
		width: 825px;
	}
}

@media (max-width: 960px) {
	.recruitment__topImgArea__imgArea {
		background-image: url("/nsysimages/recruitment_person_1.png");
		height: 200px;
		width: 215px;
	}
}

@media (max-width: 540px),
(max-width: 540px) {
	.recruitment__topImgArea__imgArea {
		background-image: url("/nsysimages/recruitment_person_1.png");
		height: 200px;
		width: 215px;
	}
}

.recruitment__oneDayArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.recruitment__oneDayArea__container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-image: url("/nsysimages/recruitment_heading.jpg");
	background-repeat: no-repeat;
	margin: 5% 0;
	width: 100%;
    height:160px;
}

@media (max-width: 540px) {
	.recruitment__oneDayArea__container {
		height:80px;
        padding:10px 0;
	}
}

.recruitment__oneDayArea__container__img {
    width: 20%;
    font-size:0;
    display:flex;
    justify-content:center;
    align-self: end;
    max-width: 160px;
}

@media (max-width: 540px) {
	.recruitment__oneDayArea__container__img {
		position: relative;
        bottom: -10px;
	}
}

.recruitment__oneDayArea__container__img img {
    width: 100%;
}

.recruitment__oneDayArea__container__title {
	width: 80%;
    margin: 0 2%;
}

@media (max-width: 960px) {
	.recruitment__oneDayArea__container__title {
		width: 65%;
        text-align: center;
	}
}

.recruitment__oneDayArea__container__title__header {
    font-weight: bold;
    font-size: clamp(18px, 5vw, 32px);
}

.recruitment__oneDayArea__container__title__text {
	font-size: clamp(12px, 4vw, 28px);
}

.recruitment__oneDayArea__contents__container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.recruitment__oneDayArea__contents {
	padding: 3% 10%;
}

.recruitment__oneDayArea__container__contents__text {
	color: black;
	font-size: 1rem;
}

.recruitment__oneDayArea__container__time__text {
	color: black;
	font-weight: bold;
	font-size: 1.2rem;
}

.recruitment__oneDayArea__container__summary__text {
	color: #148AB1;
	font-weight: bold;
	font-size: 1.4rem;
}



.recruitment__welfareArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10% 0;
}

.recruitment__welfareArea__contents {
	width: 80%;
}

.recruitment__lineGroup {
	display: flex;
	flex-direction: column;
	gap: .25em;
	margin: 1em 0;
}

.recruitment__lineGroup > * {
	margin: 0;
}

.recruitment__lineGroupTitle {
	font-weight: 600;
}

.recruitment__bulletList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.recruitment__bulletList li {
	position: relative;
	padding-left: 1em;
}

.recruitment__bulletList li::before {
	content: "・";
	position: absolute;
	left: 0;
}

.recruitment__welfareArea__contentsArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: auto;
}

.recruitment__welfareArea__contentsArea__detail {
	display: flex;
	flex-direction: column;
	margin-top: 20%;
	width: 100%;
}

.recruitment__welfareArea__contentsArea__detail--point {
	background-image: url("/nsysimages/point_small.png");
	background-repeat: no-repeat;
	height: 40px;
	width: 110px;
	font-size: 24px;
	font-weight: bold;
	color: white;
	position: absolute;
	z-index: 1;
	margin-top: -1%;
	margin-left: -3%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 540px) {
	.recruitment__welfareArea__contentsArea__detail--point {
		transform: scale(0.7);
	}
}

.recruitment__welfareArea__contentsArea__detail--text {
	padding: 15%;
	width: 100%;
	height: fit-content;
	border: 1px solid black;
	background: white;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	margin: 1%;
	display: flex;
	justify-content: center;
}

@media (max-width: 540px) {
	.recruitment__welfareArea__contentsArea__detail--text {
		transform: scale(0.8);
		margin-left: 0;
		margin-top: 0;
		padding: 15% 5%;
	}
}

.recruitment__solutionArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10% 0;
}

.recruitment__solutionArea img {
	width: 50%;
	margin: 5%;
}

.recruitment__solutionArea__title {
	height: auto;
	width: 100%;
	background-image: url("/nsysimages/blueHeadingBackground.png");
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 48px;
	font-weight: bold;
	color: white;
}

.recruitment__solutionArea__subTitle {
	margin-top: 5%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment__solutionArea__subTitle--point {
	height: 100px;
	width: 250px;
	background-image: url("/nsysimages/point_small.png");
	background-position: center;
	background-repeat: no-repeat;
	font-size: 40px;
	font-weight: bold;
	color: white;
	position: absolute;
	z-index: 1;
	margin-top: -3%;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 540px) {
	.recruitment__solutionArea__subTitle--point {
		transform: scale(0.7);
		margin-top: -10%;
		margin-left: -5%;
	}
}

.recruitment__solutionArea__subTitle--text {
	width: 480px;
	padding: 5%;
	height: fit-content;
	border: 1px solid black;
	background: white;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	display: flex;
	justify-content: center;
}

@media (max-width: 540px) {
	.recruitment__solutionArea__subTitle--text {
		transform: scale(0.8);
		padding: 15% 5%;
		width: 90%;
	}
}

.recruitment__solutionArea__imgArea {
	display: flex;
	align-items: center;
}

@media (min-width: 960px) {
	.recruitment__solutionArea__imgArea {
		flex-direction: row;
	}
}

@media (max-width: 960px) {
	.recruitment__solutionArea__imgArea {
		flex-direction: row;
	}
}

@media (max-width: 540px) {
	.recruitment__solutionArea__imgArea {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

.recruitment__solutionArea__imgArea__detail--text {
	border-bottom: solid 5px #63b1c6;
	font-size: 24px;
	font-weight: bold;
}

.recruitment__solutionArea__descriptionArea {
	display: flex;
	flex-direction: column;
	align-self: center;
	width: 60%;
}

.recruitment__ruleArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 5% 0;
}

.recruitment__ruleArea__contents {
	margin: 3% 0;
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.recruitment__ruleArea__contents__header {
	font-size: 28px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment__ruleArea__contents__text {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.recruitment__ruleArea__contents__required {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 80%;
}

.recruitment__ruleArea__contents__welcome {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

@media (max-width: 540px) {
	.recruitment__ruleArea__contents__welcome {
		flex-direction: column;
	}
}

.recruitment__ruleArea__contents__welcome__welcomeContainer {
	display: flex;
	flex-direction: column;
}

.recruitment__lastArea {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 5%;
}

.recruitment__lastArea__outline {
	border-bottom: 2px solid #148ab1;
	width: 50%;
	margin: 1%;
}

.recruitment__lastArea__inline {
	font-size: 28px;
	border-top: 2px solid #148ab1;
	width: 55%;
	margin: 1%;
}

.recruitment__lastArea p {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.recruitment__lastArea p span {
	display: block;
}

.sp-only {
    display: none;
}

@media (max-width: 960px) {
    .sp-only {
        display: inline;
    }
}