body {
	background-color: #eff1f7;
}
.job {
}
.job__contents {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}
.jobCard {
	padding: 16px;
	position: relative;
}
.jobCard__title {
	background-color: var(--main-red);
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
	color: #fff;
	font-weight: 700;
	left: 0;
	letter-spacing: 2px;
	padding: 15px 0;
	padding-right: 38px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 210.88px;
}
.jobCard__img {
	/* margin: 0 16px; */
}
.jobCard__text {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-top: 16px;
}
@media (max-width: 767px) {
}

.job__points {
	display: grid;
	gap: 24px;
	/* grid-template-columns: repeat(auto-fit, minmax(397.33px, 1fr)); */
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 40px;
}
.pointCard {
	align-items: center;
	background-color: #fff;
	display: grid;
	justify-content: center;
	padding: 30px 16px;
	text-align: center;
}
.pointCard__en {
	color: var(--main-red);
	font-family: var(--family-en);
	font-style: italic;
	font-style: italic;
	line-height: 110%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
.pointCard__en::after {
	background-color: #5e636c;
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 20px;
}
.pointCard__title {
	color: var(--main-red);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.3;
}
.pointCard__text {
	color: var(--main-red);
	letter-spacing: 2px;
	line-height: 1.5;
	margin-top: 8px;
}
@media (max-width: 767px) {
	.job__points {
		grid-template-columns: 1fr;
	}
}

.jobVideo {
	padding: 0;
}
.jobVideo__wrapper {
	margin-top: 40px;
	padding: 20px 0;
	text-align: center;
}
.jobVideo__iframe {
	aspect-ratio: 16 / 9;
	margin-left: auto;
	margin-right: auto;
	max-width: 953px;
	position: relative;
}
.jobVideo__iframe::after {
	background-color: var(--main-red);
	bottom: -20px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	content: "";
	height: 96.89%;
	position: absolute;
	right: -20px;
	width: 29%;
	z-index: -1;
}
.jobVideo__wrapper iframe {
	height: 100%;
	width: 100%;
}
@media (max-width: 767px) {
}

/* =================== */
/* メッセージ */
/* =================== */
.message {
}
.messageContent {
	background-color: #18191a;
	color: #fff;
	display: flex;
	min-height: 360px;
}
.messageContent + .messageContent {
	margin-top: 40px;
}
.messageContent__img-wrapper {
	flex: 0 1 40%;
	max-height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.messageContent__img-wrapper img {
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	z-index: 2;
}
.messageContent__detail {
	flex: 1;
	padding: 40px 16px;
	position: relative;
}
.messageContent__detail::before {
	background-color: #18191a;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	content: "";
	height: 100%;
	left: 1px;
	position: absolute;
	top: 0;
	transform: translateX(-100%);
	width: 22.3387%;
	z-index: 2;
}
.messageContent__title {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
}
.messageContent__name {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-top: 10px;
}
.messageContent__name span {
	font-size: 14px;
	margin-left: 8px;
}
.messageContent__position {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-top: 4px;
}
.messageContent__text {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-top: 40px;
	position: relative;
	z-index: 2;
}
@media (max-width: 1000px) {
	.messageContent__detail {
		flex: 0 1 50%;
	}
	.messageContent {
		flex-direction: column;
		min-height: auto;
	}
	.messageContent__img-wrapper {
		background-image: none;
	}
	.messageContent__img {
		display: block;
	}
	.messageContent__detail {
		flex: auto;
	}
	.messageContent__detail::before {
		display: none;
	}
	.messageContent__img-wrapper img {
		position: static;
		transform: none;
		width: 100%;
		height: auto;
	}
}

/* =================== */
/* 募集要項 */
/* =================== */
.information {
}
.information__container {
	max-width: 1000px;
}
.information__tabs {
	display: grid;
	gap: 10px;
	/* grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); */
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: flex-start;
}
.information__tab {
	background-color: #dbdcde;
	display: grid;
	height: 80px;
	line-height: 1.8;
	padding: 0 8px;
	place-content: center;
	text-align: center;
}
.information__tab.is-active {
	background-color: #18191a;
	color: #fff;
}
.information__tab:hover,
.information__tab:focus {
	cursor: pointer;
	opacity: 0.8;
}
.information__content {
	background-color: #fff;
	display: none;
	padding: 80px 10%;
}
.information__content.is-active {
	display: block;
}

.information__list {
	align-items: flex-start;
	align-self: stretch;
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	gap: 20px;
	padding: 20px 0;
}
.information__list dt {
	flex: 0 1 200px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.information__list dd {
	flex: 1;
	letter-spacing: 2px;
}
@media (max-width: 767px) {
	.information__content {
		padding: 40px 16px;
	}
	.information__tabs {
		gap: 2px;
	}
	.information__tab {
		font-size: 14px;
		height: auto;
		line-height: 1.4;
		padding: 8px 4px;
	}
	.information__list {
		flex-direction: column;
		gap: 12px;
		padding: 16px 0;
	}
	.information__list dt {
		flex: auto;
	}
}