@charset "utf-8";
/* ------------------------------
 教育体制（PC）
------------------------------ */
/* ラダーレベル */
.ladder {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: -18px;
	width: 120px;
	height: 36px;
	padding: 2px 0 0 2px;
	border-radius: 18px;
	font-size: 1.2rem;
	font-weight: 600;
}
.cms_text.ladder {
	margin-bottom: 8px;
}
.ladder::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 17px;
	width: 7px;
	height: 7px;
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.ladder.level1,
.ladder.level1::after {
	background-color: #ffcccc;
}
.ladder.level2,
.ladder.level2::after {
	background-color: #f5c8e3;
}
.ladder.level3,
.ladder.level3::after {
	background-color: #a9c5f8;
}
.ladder.level4,
.ladder.level4::after {
	background-color: #82e2ff;
}
.ladder.level5,
.ladder.level5::after {
	background-color: #8ef5d5;
}
.ladder span {
	font-size: 2.1rem;
}
.ladderBox {
	background-color: var(--base-color);
	border-radius: 15px;
}
.cms_image.ladderBox {
	margin-bottom: 12px;
}
.ladderBox .cms_caption_b {
	margin-top: 0;
	padding: 0 30px;
}
.destinationBox {
	display: flex;
}
.destinationBox p {
	border-radius: 15px;
	background-color: var(--recruit-font-color);
	color: #fff;
	font-size: 2rem;
	line-height: 78px;
	font-weight: 600;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	/* ラダーレベル */
	.ladderBox {
		display: flex;
		align-items: center;
	}
	.ladderBox img {
		width: 267px;
		border-radius: 15px 0 0 15px;
	}
	.ladderBox .cms_caption_b {
		width: 873px;
	}
	.destinationBox {
		justify-content: space-between;
		padding-top: 40px;
	}
	.destinationBox p {
		position: relative;
		width: 370px;
		height: 78px;
	}
	.destinationBox p::before {
		content: "";
		display: block;
		position: absolute;
		top: -28px;
		left: 0;
		right: 0;
		width: 28px;
		height: 14px;
		margin: 0 auto;
		background-color: var(--recruit-sub-font-color);
		clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
}
/* ------------------------------
 インタビュー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* ラダーレベル */
	.ladder {
		left: -10px;
	}
	.ladderBox img {
		border-radius: 15px 15px 0 0;
	}
	.ladderBox .cms_caption_b {
		padding: 15px 20px;
	}
	.destinationBox {
		position: relative;
		flex-direction: column;
		row-gap: 8px;
		margin-top: 58px;
	}
	.destinationBox::before {
		content: "";
		display: block;
		position: absolute;
		top: -38px;
		left: 0;
		right: 0;
		width: 56px;
		height: 28px;
		margin: 0 auto;
		background-color: var(--recruit-sub-font-color);
		clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
	.destinationBox p {
		height: 70px;
		font-size: 1.8rem;
		line-height: 70px;
	}
}