@charset "utf-8";
#recruit {
	width: 100%;
	height: auto;
	padding: 0;
}
	.recruit__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.page_heading {
			margin-bottom: 40px;
		}
		.recruit__contents {
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
			.recruit__btn_wrap {
				width: 320px;
				height: 50px;
				margin: 0 auto 65px;
			}
			.recruit__image {
				width: 100%;
				height: auto;
			}
		.recruit__message {
			width: 100%;
			height: auto;
			padding: 0 0 105px;
			overflow: hidden;
		}
			.recruit__message__inner {
				width: 90%;
				max-width: 1000px;
				height: auto;
				padding: 76px 0 0;
				margin: 0 auto;
				position: relative;
				z-index: 2;
			}
				.recruit__message__logomark {
					width: 520px;
					height: auto;
					position: absolute;
					top: 10px;
					left: 21px;
					transform: translate(-50%,0%);
					z-index: -1;
					opacity: .2;
				}
				.recruit__message .recruit__item__heading {
					margin-bottom: 40px;
				}
					.recruit__message .recruit__item__heading__main_txt {
						text-align: center;
					}
					.recruit__message .recruit__item__heading__sub_txt {
						text-align: center;
					}
				.recruit__message__body {
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					width: 100%;
					height: auto;
				}
					.recruit__message__txt {
						width: 58.5%;
						height: auto;
					}
						.recruit__message__txt dt {
							width: 100%;
							height: auto;
							margin: 0 auto 16px;
							font-size: 28px;
							font-weight: 600;
							line-height: calc(48 / 28);
							letter-spacing: 0.08em;
						}
						.recruit__message__txt dd {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 500;
							line-height: calc(28 / 16);
							letter-spacing: 0em;
						}
					.recruit__message__image {
						width: 40.5%;
						height: auto;
					}
						.recruit__message__image__name {
							width: 100%;
							height: auto;
							margin-top: 15px;
							font-size: 16px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.08em;
							text-align: center;
						}
		.recruit__flow {
			width: 100%;
			height: auto;
		}
			.recruit__flow__inner {
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
				.recruit__flow .recruit__item__heading {
					margin-bottom: 30px;
				}
				.recruit__flow__figure {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					width: 100%;
					height: auto;
				}
					.recruit__flow__figure__item {
						padding: 52px 0 55px;
						position: relative;
					}
					.recruit__flow__figure__item._step1 {
						width: 32%;
						background-color: #F28984;
					}
					.recruit__flow__figure__item._step2 {
						width: 34%;
						background-color: #EF514C;
					}
					.recruit__flow__figure__item._step3 {
						width: 34%;
						background-color: #D92620;
					}
						.recruit__flow__figure__item::after {
							content: '';
							display: block;
							height: 100%;
							clip-path: polygon(0 0,100% 50%,0 100%);
							background: inherit;
							position: absolute;
							top: 0;
							right: 1px;
							transform: translate(100%,0%);
							z-index: 1;
						}
						.recruit__flow__figure__item._step1::after {
							width: calc((40 / 320) * 100%);
						}
						.recruit__flow__figure__item._step2::after {
							width: calc((40 / 340) * 100%);
						}
						.recruit__flow__figure__item._step3::after {
							display: none;
						}
						.recruit__flow__figure__item__details {
							width: 100%;
							height: auto;
						}
						._step1 .recruit__flow__figure__item__details {
							padding-left: calc((30 / 320) * 100%);
						}
						._step2 .recruit__flow__figure__item__details,
						._step3 .recruit__flow__figure__item__details {
							padding-left: calc((60 / 340) * 100%);
							padding-right: calc((20 / 340) * 100%);
						}
							.recruit__flow__figure__item__details dt {
								width: 100%;
								height: auto;
								margin: 0 auto 15px;
								font-size: 24px;
								font-weight: 600;
								line-height: 1;
								letter-spacing: 0em;
								text-align: center;
							}
							.recruit__flow__figure__item__details dd {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 500;
								line-height: calc(24 / 14);
								letter-spacing: 0em;
								text-align: center;
							}
		.recruit__pv {
			width: 100%;
			height: auto;
			padding: 100px 0 140px;
		}
			.recruit__pv__inner {
				width: 90%;
				max-width: 840px;
				height: auto;
				margin: 0 auto;
			}
				.recruit__pv .recruit__item__heading {
					margin-bottom: 28px;
				}
					.recruit__pv .recruit__item__heading__main_txt {
						text-align: center;
					}
				.recruit__pv__video_wrap {
					width: 100%;
					height: auto;
					position: relative;
					cursor: pointer;
				}
					.recruit__pv__video__play_btn {
						width: calc((130 / 840) * 100%);
						height: auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						transition: .3s;
					}
					.recruit__pv__video__play_btn.playActive {
						opacity: 0;
						pointer-events: none;
					}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#recruit {
	padding: 0 0 120px;
}
	.recruit__inner {
		width: 100%;
	}
			.recruit__btn_wrap {
				width: calc((344 / 390) * 100%);
				max-width: 400px;
				margin: 0 auto 40px;
			}
		.recruit__message {
			padding: 0 0 120px;
		}
			.recruit__message__inner {
				width: calc((344 / 390) * 100%);
				padding: 80px 0 0;
			}
				.recruit__message__logomark {
					width: 300px;
				}
				.recruit__message__body {
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
				}
					.recruit__message__txt {
						width: 100%;
						margin: 0 auto 50px;
					}
						.recruit__message__txt dt {
							margin: 0 auto 20px;
							font-size: 20px;
						}
						.recruit__message__txt dd {
							font-size: 14px;
						}
					.recruit__message__image {
						width: 100%;
						max-width: 350px;
						margin: 0 auto;
					}
						.recruit__message__image__name {
							margin-top: 12px;
							font-size: 14px;
						}
			.recruit__flow__inner {
				width: calc((344 / 390) * 100%);
			}
				.recruit__flow .recruit__item__heading {
					margin-bottom: 40px;
				}
					.recruit__flow__figure__item {
						padding: 40px 0;
						position: relative;
					}
							.recruit__flow__figure__item__details dt {
								margin: 0 auto 15px;
								font-size: 20px;
							}
		.recruit__pv {
			padding: 80px 0 120px;
		}
			.recruit__pv__inner {
				width: calc((344 / 390) * 100%);
			}
				.recruit__pv .recruit__item__heading {
					margin-bottom: 32px;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){
				.recruit__flow__figure {
					flex-direction: column;
					justify-content: flex-start;
					align-items: stretch;
				}
					.recruit__flow__figure__item._step1 {
						width: 100%;
						padding: 30px 0 30px;
					}
					.recruit__flow__figure__item._step2 {
						width: 100%;
						padding: 50px 0 30px;
					}
					.recruit__flow__figure__item._step3 {
						width: 100%;
						padding: 50px 0 30px;
					}
						.recruit__flow__figure__item::after {
							height: 20px;
							clip-path: polygon(0 0,100% 0,50% 100%);
							top: calc(100% - 1px);
							right: 0;
							transform: translate(0%,0%);
						}
						.recruit__flow__figure__item._step1::after {
							width: 100%;
						}
						.recruit__flow__figure__item._step2::after {
							width: 100%;
						}
						._step1 .recruit__flow__figure__item__details,
						._step2 .recruit__flow__figure__item__details,
						._step3 .recruit__flow__figure__item__details {
							padding-left: calc((24 / 375) * 100vw);
							padding-right: calc((24 / 375) * 100vw);
						}
}