@charset "UTF-8";
/********************************************************************************

page-recruit.css　採用ページcss

********************************************************************************/
/*============================================================
 共通
*============================================================*/
#page-recruit {
	background: #fff;
}
#page-recruit .section {
	margin-bottom: 104px;
}

/*============================================================
 メインビジュアル
*============================================================*/
#page-recruit #mainvisual {
	background: url(../images/recruit/mainvisual.jpg) no-repeat center center/ cover;
	color: #fff;
	text-align: center;
	padding-top: 120px;
	margin-bottom: 0;
	min-height: 496px;
}
#page-recruit #mainvisual p {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 16px;
}
#page-recruit #mainvisual .page-title {
	font-size: 56px;
}

/*============================================================
 ハジマリとは
*============================================================*/
#page-recruit #sec-about {
	background: var(--common-color-main);
	color: #fff;
	padding: 92px 0 104px;
	margin-bottom: 0;
}
#page-recruit #sec-about .parts-boxes {
	gap: 66px;
}
#page-recruit #sec-about .parts-boxes .info {
	width: 49%
}
#page-recruit #sec-about .parts-boxes .image {
	width: 44%;
}
#page-recruit #sec-about .parts-boxes .info h2 {
	font-size: 36px;
	margin-bottom: 32px;
}
#page-recruit #sec-about .parts-boxes .info h2 span {
	font-size: 64px;
	font-family: var(--common-font-family-en);
	font-weight: 900;
}
#page-recruit #sec-about .parts-boxes .info p {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 32px;
}
#page-recruit #sec-about .parts-boxes .info .parts-btn {
	margin: 0;
}

/*============================================================
 数字でみるハジマリ
*============================================================*/
#page-recruit #sec-number {
	background: var(--common-color-sub);
	padding: 80px 0 96px;
}
#page-recruit #sec-number h2 {
	color: #fff;
	margin-bottom: 48px;
	text-align: center;
}
#page-recruit #sec-number .list {
	gap: 24px;
}
#page-recruit #sec-number .item {
	width: 252px;
	height: 252px;
	background: #fff;
	border-radius: 8px;
	text-align: center;
	padding-top: 18px;
}
#page-recruit #sec-number .item h3 {
	font-size: 28px;
	margin-bottom: 4px;
}


/*============================================================
 募集職種
*============================================================*/
#page-recruit #sec-recruitment h2 {
	text-align: center;
	color: var(--common-color-main);
	margin-bottom: 32px;
}
#page-recruit #sec-recruitment .list {
	gap: 40px;
}
#page-recruit #sec-recruitment .item {
	width: 48%;
}
#page-recruit #sec-recruitment .item .img {
	margin-bottom: 16px;
}
#page-recruit #sec-recruitment .item h3 {
	font-size: 24px;
	margin-bottom: 8px;
}

/*============================================================
 求める人物像
*============================================================*/
#page-recruit #sec-ideal-person h2 {
	text-align: center;
	color: var(--common-color-main);
	margin-bottom: 32px;
}
#page-recruit #sec-ideal-person .bg-wrap {
	color: #fff;
	background: var(--common-color-main);
	padding: 48px 24px;
}
#page-recruit #sec-ideal-person .bg-wrap ul {
	list-style-type: disc;
	max-width: 194px;
	margin: 0 auto;
}
#page-recruit #sec-ideal-person .bg-wrap ul li {
	list-style-type: disc;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
}
#page-recruit #sec-ideal-person .bg-wrap ul li:last-child {
	margin-bottom: 0;
}

/*============================================================
 募集要項・福利厚生
*============================================================*/
#page-recruit #sec-description h2 {
	text-align: center;
	color: var(--common-color-main);
	margin-bottom: 32px;
}
#page-recruit #sec-description dl ul {
	background: transparent;
	padding: 24px 0 8px;
}

/*============================================================
 CTA
*============================================================*/
#page-recruit #sec-cta {
	background: var(--common-color-main);
	color: #fff;
	text-align: center;
	padding: 64px 0;
	margin-bottom: 0;
}
#page-recruit #sec-cta h2 {
	line-break: 1.4;
	margin-bottom: 40px;
}
#page-recruit #sec-cta a {
	margin: 0 auto;
	background: #fff;
	display: block;
	width: 260px;
	height: 56px;
	text-align: center;
	padding: 16px 0;
	color: var(--common-color-main);
	font-weight: bold;
}

@media screen and (max-width: 1128px) {
	#page-recruit .section {
		margin-bottom: 72px;
	}
	
	#page-recruit #mainvisual .page-title {
		font-size: 48px;
	}
	
	#page-recruit #sec-about {
		padding: 64px 0;
	}
	#page-recruit #sec-about .parts-boxes {
		align-items: center;
	}
	#page-recruit #sec-about .parts-boxes .info {
		width: 100%;
		max-width: 532px;
	}
	#page-recruit #sec-about .parts-boxes .info h2 span {
		font-size: 56px;
	}
	#page-recruit #sec-about .parts-boxes .image {
		width: 100%;
		max-width: 450px;
	}
	
	#page-recruit #sec-recruitment .list {
		gap: 40px 24px;
	}
}


@media screen and (max-width: 767px) {
	#page-recruit #mainvisual {
		padding-top: 160px;
	}
	#page-recruit #mainvisual p {
		font-size: 26px;
	}
	#page-recruit #mainvisual .page-title {
		font-size: 30px;
	}
	
	#page-recruit #sec-about .parts-boxes .info {
		max-width: 100%;
	}
	#page-recruit #sec-about .parts-boxes .info h2 {
		font-size: 28px;
		margin-bottom: 24px;
	}
	#page-recruit #sec-about .parts-boxes .info h2 span {
		font-size: 40px;
	}
	#page-recruit #sec-about .parts-boxes .info p {
		font-size: 18px;
		margin-bottom: 18px;
	}
	#page-recruit #sec-about .parts-boxes .image {
		max-width: 320px;
	}
	
	#page-recruit #sec-number {
		padding: 64px 0;
	}
	#page-recruit #sec-number h2 {
		margin-bottom: 32px;
	}
	
	#page-recruit #sec-recruitment .item {
		width: 100%;
		max-width: 480px;
	}
	
	#page-recruit #sec-ideal-person .bg-wrap ul {
		max-width: 162px;
	}
	#page-recruit #sec-ideal-person .bg-wrap ul li {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	#page-recruit #mainvisual .page-title {
		font-size: 24px;
	}
	
	#page-recruit #sec-cta h2 {
		font-size: 22px;
	}
}