@charset "UTF-8";

.recruit-anchor,
.recruit-page .m-inner {
	max-width: 1034px;
}

.recruit-anchor {
	margin-bottom: 150px;
}

.recruit-anchor__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	list-style: none;
}

.recruit-anchor__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 10px;
	min-height: 65px;
	padding: 12px 20px 12px 42px;
	border-radius: 999px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.recruit-anchor__link--blue {
	background: var(--color-blue-dark);
	color: #fff;
}

.recruit-anchor__link--green {
	background: var(--color-green);
	color: #fff;
}

.recruit-anchor__link--white {
	border: 1px solid;
	background: #fff;
	color: var(--color-blue-dark);
}

.recruit-section {
	margin-bottom: 150px;
}

.recruit-section:last-child {
	margin-bottom: 0;
}

.recruit-section__title {
	margin: 0 0 18px;
	color: var(--color-blue-dark);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.6;
}

.recruit-section__title--green {
	color: var(--color-green);
}

.recruit-section__lead {
	margin-bottom: 40px;
}

.recruit-tableWrap {
	margin-bottom: 40px;
}

.recruit-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	color: #333;
	line-height: 1.5;
}

.recruit-table th,
.recruit-table td {
	height: 3.563em;/*57px*/
	padding: 1em 1.563em;/*16px 25px*/
	border: 1px solid #ddd;
	vertical-align: middle;
}

.recruit-table th {
	width: 210px;
	background: var(--color-blue-sub);
	color: #fff;
	font-weight: 500;
	text-align: left;
}

.recruit-table--green th {
	background: var(--color-green);
}

.recruit-table--pale th {
	background: var(--color-bg-light);
	color: var(--color-text-main);
}

.recruit-table td {
	font-weight: 400;
}

.recruit-grid--col3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 27px;
}

.recruit-grid--col2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}

.recruit-grid--col3 + .recruit-grid--col2 {
	margin-top: 27px;
}

.recruit-card {
	padding: 20px 22px;
	border-radius: 10px;
	border: 1px solid var(--color-bg-blue-light);
	background: var(--color-bg-light);
}

.recruit-card--green {
	border-color: #CAE2DC;
	background: #F2F7F5;
}

.recruit-card--04 {
	padding: 15px 14px 35px;
}

.recruit-card--05 {
	padding-top: 45px;
}

.recruit-card--wide {
	grid-column: span 2;
	padding: 30px 35px 20px;
}

.recruit-card__title {
	margin: 0 0 10px;
	color: var(--color-blue-sub);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}

.recruit-card--green .recruit-card__title {
	color: var(--color-green);
}

.recruit-card--01 .recruit-card__title {
	padding-top: 10px;
}

.recruit-card--02 .recruit-card__title {
	margin-bottom: 5px;
}

.recruit-card--03 .recruit-card__title {
	margin-bottom: 15px;
}

.recruit-card--wide .recruit-card__title {
	margin-bottom: 25px;
}

.recruit-card__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 85px;
	margin-bottom: 20px;
}

.recruit-card--02 .recruit-card__icon {
	margin-bottom: 12px;
}

.recruit-card--05 .recruit-card__icon {
	height: auto;
}

.recruit-card__image {
	text-align: center;
}

.recruit-card__text {
	font-size: .875em;
	line-height: 1.7;
}

.recruit-card__text.is-narrow {
	width: 85.51%;
	margin: 0 auto;
}

.recruit-card--03 .recruit-card__text {
	padding-right: 9.21%;
	text-align: right;
}

.recruit-card--wide .recruit-card__text {
	padding-left: 15px;
}

.recruit-miniGrid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 38px 0;
	text-align: center;
}

.recruit-miniGrid::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(
			to right,
			transparent calc(33.333% - 0.5px),
			var(--color-border) calc(33.333% - 0.5px),
			var(--color-border) calc(33.333% + 0.5px),
			transparent calc(33.333% + 0.5px)
		),
		linear-gradient(
			to right,
			transparent calc(66.666% - 0.5px),
			var(--color-border) calc(66.666% - 0.5px),
			var(--color-border) calc(66.666% + 0.5px),
			transparent calc(66.666% + 0.5px)
		)
}

.recruit-miniGrid__item {
	position: relative;
}

.recruit-miniGrid__item:nth-child(-n + 3)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -9px;
	width: 100%;
	border-top: solid 1px var(--color-border);
}

.recruit-miniGrid__item--01,
.recruit-miniGrid__item--03 {
	padding-top: 5px;
}

.recruit-miniGrid__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	height: 40px;
}

.recruit-miniGrid__text {
	display: block;
	margin-top: .786em;
	color: var(--color-blue-sub);
	font-size: .875em;
	font-weight: 700;
	line-height: 1.4;
}

.recruit-card--green .recruit-miniGrid__text {
	color: var(--color-green);
}

.recruit-miniGrid__text.is-small {
	padding-top: .154em;
	font-size: .813em;
	letter-spacing: -.02em;
}

.recruit-miniGrid__text .small {
	display: inline-block;
	color: var(--color-text-main);
	font-size: .714em;
	letter-spacing: -.04em;
	line-height: 1.3;
}

.recruit-inlineIcons {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	max-width: 600px;
	margin-bottom: 22px;
	text-align: center;
}

.recruit-inlineIcons__item + .recruit-inlineIcons__item {
	border-left: solid 1px var(--color-gray);
}

.recruit-inlineIcons__text {
	display: block;
	margin-top: 7px;
	color: var(--color-blue-sub);
	font-size: .813em;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.4;
}

.recruit-inlineIcons__text.is-small {
	font-size: .75em;
}

.recruit-inlineIcons__text.is-small2 {
	font-size: .688em;
}

.recruit-inlineIcons__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 50px;
}

.recruit-section__note {
	margin-top: 33px;
	text-align: center;
}

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

	.recruit-anchor__list,
	.recruit-grid--col3,
	.recruit-grid--col2 {
		grid-template-columns: 1fr;
	}

	.recruit-anchor {
		max-width: 300px;
		margin: 0 auto 60px;
	}

	.recruit-anchor__list {
		gap: 15px;
	}

	.recruit-anchor__link {
		min-height: 62px;
		padding: 10px 20px 10px 35px;
	}

	.recruit-section {
		margin-bottom: 60px;
	}

	.recruit-section__title {
		margin-bottom: 15px;
		font-size: 22px;
	}

	.recruit-section__lead {
		margin-bottom: 22px;
	}

	.recruit-tableWrap {
		margin-bottom: 30px;
	}

	.recruit-table th,
	.recruit-table td {
		padding: .75em;
	}

	.recruit-table th {
		width: 7.2em;
	}

	.recruit-grid--col3,
	.recruit-grid--col2 {
		gap: 20px;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	.recruit-grid--col3 + .recruit-grid--col2 {
		margin-top: 20px;
	}

	.recruit-card {
		padding: 20px 22px !important;
	}

	.recruit-card--wide {
		grid-column: span 1;
	}

	.recruit-card__title {
		padding: 0 !important;
		margin-bottom: 10px !important;
	}

	.recruit-card__icon {
		-webkit-transform: scale(.77);
		        transform: scale(.77);
		margin: -7px -7px 6px !important;
	}

	.recruit-card--03 .recruit-card__text {
		padding-right: 0;
		margin-top: 7px;
	}

	.recruit-card--wide .recruit-card__text {
		padding-left: 0;
	}

	.recruit-miniGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 33px 0;
	}

	.recruit-miniGrid::before {
		background-image:
			linear-gradient(
				to right,
				transparent calc(50% - 0.5px),
				var(--color-border) calc(50% - 0.5px),
				var(--color-border) calc(50% + 0.5px),
				transparent calc(50% + 0.5px)
			)
	}

	.recruit-miniGrid__item:nth-child(-n + 3)::after {
		display: none;
	}

	.recruit-miniGrid__item::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -14px;
		width: 100%;
		border-top: solid 1px var(--color-border);
	}

	.recruit-miniGrid__item:nth-last-child(-n + 2)::before {
		display: none;
	}

	.recruit-miniGrid__item--01 {
		padding-top: 16px;
	}

	.recruit-miniGrid__item--03 {
		padding-top: 0;
	}

	.recruit-miniGrid__text.is-small {
		font-size: .786em;
	}

	.recruit-miniGrid__text .small {
		font-size: .833em;
	}

	.recruit-inlineIcons {
		position: relative;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px 0;
		margin-bottom: 17px;
	}

	.recruit-inlineIcons::before {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background-image:
			linear-gradient(
				to right,
				transparent calc(33.333% - 0.5px),
				var(--color-border) calc(33.333% - 0.5px),
				var(--color-border) calc(33.333% + 0.5px),
				transparent calc(33.333% + 0.5px)
			),
			linear-gradient(
				to right,
				transparent calc(66.666% - 0.5px),
				var(--color-border) calc(66.666% - 0.5px),
				var(--color-border) calc(66.666% + 0.5px),
				transparent calc(66.666% + 0.5px)
			)
	}

	.recruit-inlineIcons__item {
		position: relative;
	}

	.recruit-inlineIcons__item:nth-child(-n + 3)::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -13px;
		width: 100%;
		border-top: solid 1px var(--color-border);
	}

	.recruit-inlineIcons__item + .recruit-inlineIcons__item {
		border-left: none;
	}

	.recruit-inlineIcons__icon img {
		-webkit-transform: scale(.74);
		        transform: scale(.74);
	}

	.recruit-inlineIcons__text {
		margin-top: 0;
	}

	.recruit-section__note {
		margin-top: 22px;
	}

}
