@charset "utf-8";
body {
	background-color: var(--color--white);
}

.recruit__entry_btn_wrap {
	width: 90px;
	height: 80px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 100;
}
	.recruit__entry_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 9999px;
		font-size: 20px;
		font-weight: 700;
		line-height: calc(29 / 20);
		letter-spacing: 0em;
		color: var(--color--white);
		background: rgb(203,6,0);
		background: linear-gradient(0deg, rgba(203,6,0,1) 0%, rgba(231,31,25,1) 100%);
		filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.24))
	}
@media (any-hover: hover) {
	.recruit__entry_btn {
		transition: .3s;
	}
	.recruit__entry_btn:hover {
		filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0)) brightness(1.3);
	}
}

#page_top {
	height: calc((868 / 768) * 100vh);
}
	.page_top__inner {
		height: 100%;
	}
		.recruit__page_top_contents {
			position: absolute;
			top: calc((234 / 768) * 100vh);
			left: 50%;
			transform: translate(-50%,-50%);
			z-index: 1;
		}
			.recruit__page_top_contents__copy {
				width: calc((1080 / 1366) * 100vw);
				max-width: 1080px;
				color: var(--color--black);
				opacity: 0;
				transform: translate(0%,15px);
				transition: .8s;
				transition-delay: .5s;
			}
			.loaded .recruit__page_top_contents__copy {
				opacity: 1;
				transform: translate(0%,0px);
			}
	.page_top__bg_image {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}
		.page_top__bg_image::after {
			background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		}
			.page_top__bg_image__inner img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 50% 20%;
			}
	.page_top__scroll {
		width: 20px;
		position: absolute;
		top: calc(100vh + 72px);
		left: 10px;
		transform: translate(0%,-100%);
		z-index: 1;
	}
		.page_top__scroll__txt {
			margin-bottom: 6px;
			font-size: 16px;
			font-weight: 700;
			line-height: calc(20 / 16);
			letter-spacing: 0.01em;
			color: var(--color--black);
			-webkit-writing-mode: vertical-rl;
			-moz-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			-ms-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
		}
		.page_top__scroll__bar {
			width: 1px;
			height: 120px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
		}
			.page_top__scroll__bar::before {
				content: '';
				display: block;
				width: 3px;
				height: 150px;
				background-color: var(--color--black);
				position: absolute;
				left: -1px;
				top: 0;
				animation: pt_scroll 2s ease infinite;
			}
			@keyframes pt_scroll {
				0% {
					transform: translate(0%,-150px);
				}
				50% {
					transform: translate(0%,0px);
				}
				100% {
					transform: translate(0%,150px);
				}
			}

#recruit {
	width: 100%;
	height: auto;
	padding: 0 0 140px;
}
	.recruit__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.recruit__introduction {
			width: 90%;
			max-width: 660px;
			height: auto;
			margin: 0 auto 120px;
		}
			.recruit__introduction__txt {
				width: 100%;
				height: auto;
				margin-bottom: 12px;
				font-size: 18px;
				font-weight: 400;
				line-height: calc(38 / 18);
				letter-spacing: 0em;
				color: var(--color--black);
			}
			.recruit__introduction__copy {
				width: 100%;
				height: auto;
				margin: 20px auto 0;
				font-size: 24px;
				font-weight: 700;
				line-height: calc(42 / 24);
				letter-spacing: 0em;
			}
		.recruit__item {
			width: 100%;
			height: auto;
		}
				.recruit__item__heading {
					width: 100%;
					height: auto;
					font-size: 28px;
					font-weight: 700;
					line-height: calc(40 / 28);
					letter-spacing: 0em;
				}
		.recruit__item._mission {
			margin-bottom: 120px;
		}
			.mission__inner {
				width: 83%;
				max-width: 1126px;
				height: auto;
				margin: 0 auto;
			}
				._mission .recruit__item__heading {
					margin-bottom: 20px;
				}
				.mission__contents {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: auto;
					aspect-ratio: 1126 / 563;
					border-radius: 24px;
					overflow: hidden;
					position: relative;
				}
					.mission__contents__image {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
						.mission__contents__image__inner {
							width: 100%;
							height: 120%;
							background-image: url('../image/recruit/recruit-mission_contents_bg@pc.webp');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}
					.mission__contents__copy {
						width: calc((596.68 / 1126) * 100%);
						max-width: 596.68px;
						height: auto;
						margin: 0 auto 28px;
						position: relative;
						z-index: 2;
					}
					.mission__contents__txt {
						width: auto;
						height: auto;
						font-size: 20px;
						font-weight: 400;
						line-height: calc(32 / 20);
						letter-spacing: 0em;
						text-align: center;
						color: var(--color--white);
						position: relative;
						z-index: 2;
					}
		.recruit__item._value {
			margin-bottom: 120px;
		}
			.value__inner {
				width: 83%;
				max-width: 1126px;
				height: auto;
				margin: 0 auto;
			}
				._value .recruit__item__heading {
					margin-bottom: 16px;
				}
				.value__txt {
					width: 100%;
					height: auto;
					margin: 0 auto 28px;
					font-size: 20px;
					font-weight: 700;
					line-height: calc(29 / 20);
					letter-spacing: 0em;
					color: var(--color--black);
				}
				.value__list__wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 118px;
					position: relative;
				}
					.value__list {
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
						width: 100%;
						height: auto;
						padding: 0 calc((48 / 1126) * 100%);
						counter-reset: number 0;
						position: relative;
						z-index: 1;
					}
						.value__list__item {
							width: calc((220 / 1028) * 100%);
							height: auto;
						}
							.value__list__item__inner {
								width: 100%;
								height: auto;
							}
								.value__list__item__inner dt {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: auto;
									margin: 0 auto 20px;
									aspect-ratio: 220 / 328;
									font-size: 28px;
									font-weight: 700;
									line-height: calc(39 / 28);
									letter-spacing: 0em;
									text-align: center;
									white-space: nowrap;
									color: var(--color--black);
									position: relative;
								}
							@media all and (max-width: 1365px){
								.value__list__item__inner dt {
									font-size: calc((28 / 1366) * 100vw);
								}
							}
									.value__list__item__inner dt::before {
										counter-increment: number 1;
										content: counter(number,decimal-leading-zero) "";
										font-size: 16px;
										font-weight: 700;
										line-height: calc(24 / 16);
										letter-spacing: 0em;
										text-align: center;
										color: var(--color--black);
										position: absolute;
										top: calc((60 / 328) * 100%);
										left: 50%;
										transform: translate(-50%,0%);
									}
								.value__list__item__inner dd {
									font-size: 14px;
									font-weight: 400;
									line-height: calc(20 / 12);
									letter-spacing: 0em;
									color: var(--color--black);
								}
									.value__list__item__inner .kashikomono {
										position: relative;
									}
										.value__list__item__inner .kashikomono::before {
											content: 'かしこもの';
											font-size: 12px;
											font-weight: 700;
											line-height: 1;
											letter-spacing: 0em;
											position: absolute;
											top: 2px;
											left: 50%;
											transform: translate(-50%,-100%);
										}
					.value__list__arrow {
						width: 100%;
						height: auto;
						pointer-events: none;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
					}
						.value__list__arrow__red {
							width: 100%;
							height: 100%;
							pointer-events: none;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}
							.value__list__arrow__red__inner {
								width: 100%;
								height: 100%;
							}
								.value__list__arrow__red__list {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: 100%;
									padding: 0 calc((48 / 1126)* 100%);
									background-color: #E71F19;
									-webkit-mask-image: url(../image/recruit/recruit-value_list_arrow@pc.svg);
									mask-image: url(../image/recruit/recruit-value_list_arrow@pc.svg);
									-webkit-mask-repeat: no-repeat;
									mask-repeat: no-repeat;
									-webkit-mask-position: center;
									mask-position: center;
									-webkit-mask-size: contain;
									mask-size: contain;
								}
									.value__list__arrow__red__list__item {
										width: 25%;
										height: 100%;
										position: relative;
									}
										.value__list__arrow__red__list__item span {
											display: block;
											position: absolute;
											width: 10px;
											height: 50%;
											left: calc(50% - .5rem);
											top: 50%;
											transform-origin: center top;
											transition: all 1s ease-out;
											animation: recruit_value_rotate 5s linear infinite;
										}
										.value__list__arrow__red__list__item:nth-of-type(even) span {
											animation: recruit_value_rotate_r 5s 2.5s linear infinite;
										}
										@keyframes recruit_value_rotate {
											0% {
												transform: rotate(0);
											}
											100% {
												transform: rotate(360deg);
											}
										}
										@keyframes recruit_value_rotate_r {
											0% {
												transform: rotate(0);
											}
											100% {
												transform: rotate(-360deg);
											}
										}
											.value__list__arrow__red__list__item span::after {
												content: "";
												display: block;
												width: auto;
												height: 200%;
												aspect-ratio: 1 / 1;
												position: absolute;
												border-radius: 50%;
												background: radial-gradient(circle, rgba(255, 195, 193, 1) 0%, transparent 60%, transparent 100%);
												left: 50%;
												bottom: 0;
											}
					.value__sp_list {
						display: none;
					}
				.value__profile {
					width: 100%;
					height: auto;
				}
					.value__profile iframe {
						width: 100%;
						height: auto;
					}
		.recruit__item._message {
			margin-bottom: 120px;
		}
			.message__inner {
				width: 100%;
				height: auto;
			}
				.message__contents {
					width: 100%;
					height: auto;
					aspect-ratio: 1366 / 683;
					background-repeat: no-repeat;
					background-size: cover;
				}
				.message__contents._ceo {
					background-image: url('../image/recruit/recruit-message_image_01@pc.webp');
					background-position: top right;
				}
				.message__contents._manager {
					background-image: url('../image/recruit/recruit-message_image_02@pc.webp');
					background-position: top left;
				}
				.message__contents:not(:last-of-type) {
					margin-bottom: 60px;
				}
					.message__contents__inner {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 83%;
						max-width: 1126px;
						height: 100%;
						margin: 0 auto;
					}
					._manager .message__contents__inner {
						justify-content: flex-end;
					}
						.message__contents__details {
							width: auto;
							height: auto;
						}
							._message .recruit__item__heading {
								margin-bottom: 36px;
							}
							.message__contents__txt_wrap {
								width: auto;
								height: auto;
							}
								.message__contents__txt {
									margin: 0 auto 16px;
									font-size: 28px;
									font-weight: 700;
									line-height: calc(48 / 28);
									letter-spacing: 0em;
									color: var(--color--black);
									white-space: nowrap;
								}
							@media all and (max-width: 1079px){
								.message__contents__txt {
									font-size: 20px;
								}
							}
							.message__contents__profile {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								margin: 0 auto 60px;
							}
							._ceo .message__contents__profile {
								margin-right: calc((40 / 560) * -100%);
							}
							._manager .message__contents__profile {
								justify-content: flex-start;
							}
								.message__contents__profile dt {
									margin-top: 1px;
									margin-right: 16px;
									font-size: 16px;
									font-weight: 400;
									line-height: calc(24 / 16);
									letter-spacing: 0em;
									color: var(--color--black);
								}
								.message__contents__profile dd {
									padding-top: 1px;
									font-size: 20px;
									font-weight: 700;
									line-height: calc(29 / 20);
									letter-spacing: 0em;
									color: var(--color--black);
								}
						@media all and (max-width: 1079px){
							.message__contents__profile {
								margin: 0 auto 40px;
							}
							._ceo .message__contents__profile {
								margin-right: 0;
							}
								.message__contents__profile dt {
									margin-top: 3px;
									margin-right: 12px;
									font-size: 14px;
								}
								.message__contents__profile dd {
									font-size: 18px;
								}
						}
							.message__btn_wrap {
								width: 302px;
								height: 42px;
								margin: 0 auto 0 0;
							}
							._manager .message__btn_wrap {
								width: 272px;
							}
								.message__btn {
									font-size: 15px;
								}
		.recruit__item._interview {
			margin-bottom: 140px;
		}
			.interview__inner {
				width: 83%;
				max-width: 1126px;
				height: auto;
				margin: 0 auto;
			}
				.recruit__item__heading {
					margin-bottom: 16px;
				}
				.interview__txt {
					width: 100%;
					height: auto;
					margin: 0 auto 40px;
					font-size: 20px;
					font-weight: 700;
					line-height: calc(29 / 20);
					letter-spacing: 0em;
					color: var(--color--black);
				}
				.interview__contents {
					width: 100%;
					height: auto;
				}
					.interview__list {
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
						flex-wrap: wrap;
						width: 100%;
						height: auto;
					}
						.interview__list::after {
							content: '';
							display: block;
							width: calc((362 / 1126) * 100%);
							height: 0;
						}
						.interview__list__item {
							width: calc((362 / 1126) * 100%);
							height: auto;
							position: relative;
						}
							.interview__list__item iframe {
								width: 100%;
							}
							.interview__list__item__mask {
								display: none;
							}
		.recruit__entry_area {
			width: 100%;
			height: auto;
			padding: 60px 0;
			background-color: var(--color--light_gray);
		}
			.recruit__entry_area__txt {
				width: 100%;
				height: auto;
				margin: 0 auto 28px;
				font-size: 28px;
				font-weight: 700;
				line-height: calc(40 / 28);
				letter-spacing: 0em;
				text-align: center;
				color: var(--color--black);
			}
				.recruit__entry_area__btn_wrap {
					width: 225px;
					height: 52px;
					margin: 0 auto;
				}

/* Tablet ================================================== */
@media all and (max-width: 768px){
.recruit__entry_btn_wrap {
	width: 80px;
	height: 70px;
	bottom: 6px;
	right: 6px;
}
	.recruit__entry_btn {
		font-size: 16px;
		line-height: calc(20 / 16);
	}

/* page_top */
#page_top {
	height: calc((570 / 844) * 100svh);
	min-height: 570px;
}
		.recruit__page_top_contents {
			top: calc((85 / 844) * 100svh);
			transform: translate(-50%,0%);
		}
			.recruit__page_top_contents__copy {
				width: calc((340 / 390) * 100vw);
				margin: 16px auto 0;
			}
		.page_top__bg_image::after {
			height: 54px;
		}
			.page_top__bg_image__inner img {
				object-position: bottom center;
			}
	.page_top__scroll {
		top: calc(100svh + 75px);
	}
		.page_top__scroll__txt {
			color: var(--color--gray);
		}
			.page_top__scroll__bar::before {
				background-color: var(--color--gray);
			}

/* recruit */
#recruit {
	padding: 40px 0 100px;
}
		.recruit__introduction {
			width: calc((280 / 390) * 100%);
			max-width: initial;
			margin: 0 auto 80px;
		}
			.recruit__introduction__txt {
				font-size: 16px;
				line-height: calc(28 / 16);
			}
			.recruit__introduction__copy {
				margin: 16px auto 0;
				font-size: 20px;
				line-height: calc(32 / 20);
			}
				.recruit__item__heading {
					font-size: 20px;
					line-height: calc(29 / 20);
					text-align: center;
				}
		.recruit__item._mission {
			margin-bottom: 80px;
		}
			.mission__inner {
				display: flex;
				flex-direction: column;
				justify-content: center;
				width: 100%;
				padding: 80px 0;
				overflow: hidden;
				position: relative;
			}
				._mission .recruit__item__heading {
					margin-bottom: 28px;
					color: var(--color--white);
					position: relative;
					z-index: 2;
				}
				.mission__contents {
					aspect-ratio: initial;
					border-radius: 0;
					position: initial;
				}
					.mission__contents__image {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
						.mission__contents__image__inner {
							width: 100%;
							height: 120%;
							background-image: url('../image/recruit/recruit-mission_contents_bg@sp.webp');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}
					.mission__contents__copy {
						width: 85%;
						max-width: 330px;
					}
					.mission__contents__txt {
						width: 100%;
						font-size: 16px;
						line-height: calc(30 / 16);
					}
		.recruit__item._value {
			margin-bottom: 80px;
		}
			.value__inner {
				width: 100%;
			}
				._value .recruit__item__heading {
					margin-bottom: 8px;
				}
				.value__txt {
					margin: 0 auto 20px;
					font-size: 16px;
					line-height: calc(24 / 16);
					text-align: center;
				}
				.value__list__wrap {
					width: 328px;
					margin: 0 auto 80px;
				}
					.value__list__arrow {
						width: 100%;
						height: auto;
						pointer-events: none;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
								.value__list__arrow__red__list {
									display: block;
									padding: 0;
									background: linear-gradient(180deg, rgba(255,192,190,1) 0%, rgba(232,38,33,1) 18%, rgba(254,187,185,1) 40%, rgba(231,33,27,1) 57%, rgba(247,140,137,1) 78%, rgba(231,32,26,1) 100%);
									-webkit-mask-image: url(../image/recruit/recruit-value_list_arrow@sp.svg);
									mask-image: url(../image/recruit/recruit-value_list_arrow@sp.svg);
								}
									.value__list__arrow__red__list__item {
										width: 100%;
										height: auto;
										aspect-ratio: 1 / 1;
									}
									.value__list__arrow__red__list__item:nth-of-type(2) {
										margin-top: -18%;
									}
									.value__list__arrow__red__list__item:nth-of-type(3) {
										margin-top: -20%;
									}
									.value__list__arrow__red__list__item:nth-of-type(4) {
										margin-top: -19%;
									}
										.value__list__arrow__red__list__item span {
											display: none;
										}
					.value__list {
						display: block;
						padding: 0;
					}
						.value__list__item {
							width: 100%;
						}
						.value__list__item._01 {
							padding-top: 96px;
							padding-bottom: 86px;
						}
						.value__list__item._02 {
							padding-top: 116px;
							padding-bottom: 67px;
						}
						.value__list__item._03 {
							padding-top: 88.4px;
							padding-bottom: 76.4px;
						}
						.value__list__item._04 {
							padding-top: 117.6px;
							padding-bottom: 139px;
						}
								.value__list__item__inner dt {
									display: block;
									margin: 0 auto;
									aspect-ratio: initial;
									font-size: 28px;
								}
									.value__list__item__inner dt::before {
										display: block;
										margin: 0 auto 16px;
										position: initial;
										transform: translate(0%,0%);
									}
									.value__list__item._03 .value__list__item__inner dt::before {
										margin: 0 auto 37px;
									}
									.value__list__item__inner dt small {
										font-size: 16px;
									}
								.value__list__item__inner dd {
									display: none;
								}
					.value__sp_list {
						display: block;
						width: 100%;
						height: auto;
						margin: 27px auto 0;
					}
						.value__sp_list__item {
							width: 100%;
							height: auto;
						}
						.value__sp_list__item:not(:last-of-type) {
							margin-bottom: 22px;
						}
							.value__sp_list__item dt {
								width: 100%;
								height: auto;
								margin: 0 auto 10px;
								font-size: 16px;
								font-weight: 700;
								line-height: calc(24 / 16);
								letter-spacing: 0em;
							}
							.value__sp_list__item dd {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 400;
								line-height: calc(20 / 12);
								letter-spacing: 0em;
							}
				.value__profile {
					width: calc((358 / 390) * 100%);
					margin: 0 auto;
				}
		.recruit__item._message {
			margin-bottom: 80px;
		}
				.message__contents {
					aspect-ratio: 700 / 400;
				}
				.message__contents._ceo {
					background-image: url('../image/recruit/recruit-message_image_01@pc.webp');
					background-position: 10% center;
				}
				.message__contents._manager {
					background-image: url('../image/recruit/recruit-message_image_02@pc.webp');
					background-position: 90% center;
				}
					.message__contents__inner {
						width: 90%;
					}
							._message .recruit__item__heading {
								text-align: left;
							}
							._ceo .message__contents__profile {
								margin-right: 0;
							}
		.recruit__item._interview {
			margin-bottom: 80px;
			overflow: hidden;
		}
			.interview__inner {
				width: calc((268 / 390) * 100%);
			}
				.interview__txt {
					font-size: 16px;
					line-height: calc(24 / 16);
					text-align: center;
				}
				.interview__swiper {
					width: 100%;
					height: auto;
					padding: 0 0 43px;
					overflow: initial;
				}
					.interview__list {
						flex-wrap: initial;
					}
						.interview__list::after {
							display: none;
						}
						.interview__list__item {
							width: initial;
						}
							.interview__list__item__mask {
								display: none;
								display: block;
								width: 100%;
								height: 100%;
								position: absolute;
								top: 0;
								left: 0;
							}
					.interview_swiper_pagination {
						display: flex;
						justify-content: center;
						align-items: center;
						column-gap: 8px;
						width: 100%;
						height: auto;
						top: initial !important;
						bottom: 10px !important;
					}
						.interview_swiper_pagination .swiper-pagination-bullet {
							display: block;
							width: 8px !important;
							height: 8px !important;
							margin: 0 !important;
							background: #EBEBEB !important;
							opacity: 1 !important;
							mix-blend-mode: multiply;
						}
						.interview_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
							background: var(--color--red) !important;
							mix-blend-mode: initial;
						}
					.interview_swiper_prev,
					.interview_swiper_next {
						width: 28px;
						height: 28px;
						border-radius: 9999px;
						background-color: var(--color--dark_gray) !important;
						opacity: 1;
						top: initial !important;
						left: initial !important;
						bottom: 0 !important;
					}
					.interview_swiper_prev {
						right: -1px !important;
					}
					.interview_swiper_next {
						right: -46px !important;
					}
						.interview_swiper_prev::before,
						.interview_swiper_next::before {
							content: '';
							display: block;
							width: 6px;
							height: 6px;
							position: absolute;
							top: 50%;
						}
						.interview_swiper_prev::before {
							border-top: solid 2px var(--color--black);
							border-left: solid 2px var(--color--black);
							transform: translate(-50%,-50%) rotate(-45deg);
							left: 52%;
						}
						.interview_swiper_next::before {
							border-top: solid 2px var(--color--black);
							border-right: solid 2px var(--color--black);
							transform: translate(-50%,-50%) rotate(45deg);
							left: 45%;
						}
				@media (any-hover: hover) {
					.interview_swiper_prev,
					.interview_swiper_next {
						transition: .3s !important;
					}
					.interview_swiper_prev::before,
					.interview_swiper_next::before {
						transition: .3s;
					}
					.interview_swiper_prev:hover,
					.interview_swiper_next:hover {
						background-color: var(--color--white) !important;
					}
						.interview_swiper_prev:hover::before,
						.interview_swiper_next:hover::before {
							border-color: var(--color--dark_gray) !important;
						}
				}
						.interview_swiper_prev::after,
						.interview_swiper_next::after {
							display: none;
						}
		.recruit__entry_area {
			padding: 70px 0 60px;
		}
			.recruit__entry_area__txt {
				margin: 0 auto 30px;
				font-size: 20px;
				line-height: calc(29 / 20);
			}
}

/* SP ================================================== */
@media all and (max-width: 630px){
				.message__contents {
					aspect-ratio: 700 / 460;
				}
				.message__contents._ceo {
					background-position: 40% center;
				}
				.message__contents._manager {
					background-position: 70% center;
				}
				.message__contents:not(:last-of-type) {
					margin-bottom: 40px;
				}
					.message__contents__inner {
						width: 90%;
					}
								.message__contents__txt {
									margin: 0 auto 14px;
									font-size: 16px;
									filter: drop-shadow(0px 0px 3px rgba(217, 224, 230, 0.8));
								}
							.message__contents__profile {
								margin: 0 auto 40px;
								filter: drop-shadow(0px 0px 3px rgba(217, 224, 230, 0.8));
							}
								.message__contents__profile dt {
									margin-top: 0px;
									margin-right: 12px;
									font-size: 12px;
								}
								.message__contents__profile dd {
									padding-top: 0px;
									font-size: 16px;
								}
}
@media all and (max-width: 430px){
	.message__contents {
		padding: 25px 0 20px;
		aspect-ratio: 390 / 520;
	}
	.message__contents._ceo {
		background-image: url('../image/recruit/recruit-message_image_01@sp.webp');
		background-position: center;
	}
	.message__contents._manager {
		background-image: url('../image/recruit/recruit-message_image_02@sp.webp');
		background-position: center;
	}
	.message__contents:not(:last-of-type) {
		margin-bottom: 40px;
	}
		.message__contents__inner {
			display: block;
			width: calc((320 / 390) * 100%);
			min-width: 320px;
			height: 100%;
		}
			.message__contents__details {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				width: 100%;
				height: 100%;
			}
				._message .recruit__item__heading {
					margin-bottom: 20px;
					font-size: 16px;
					text-align: center;
				}
				.message__contents__txt_wrap {
					width: 100%;
				}
					.message__contents__txt {
						margin: 0 auto 20px;
						font-size: 16px;
						line-height: calc(28 / 16);
						white-space: initial;
					}
				.message__contents__profile {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-end;
					width: 100%;
					margin: 0 auto 60px;
				}
				._ceo .message__contents__profile {
					margin-right: 0;
				}
					.message__contents__profile dt {
						margin-right: 0;
						margin-bottom: 4px;
						font-size: 12px;
						line-height: calc(17 / 12);
					}
					.message__contents__profile dd {
						padding-top: 0px;
						line-height: calc(29 / 20);
					}
				.message__btn_wrap {
					margin: auto auto 0;
				}
}