@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#recruit {
	width: 100%;
	height: auto;
}
	.recruit__inner {
		width: 90%;
		max-width: 1086px;
		height: auto;
		padding: 0 0 140px;
		margin: 0 auto;
	}
		.recruit__wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: auto;
			margin: 0 auto 140px;
		}
		.recruit_new {
			flex-direction: row;
		}
		.recruit_mid {
			flex-direction: row-reverse;
		}
		.recruit__wrap:last-of-type {
			margin-bottom: 0;
		}
			.recruit__image {
				width: 50%;
				height: auto;
			}
				.recruit__image img {
					width: 100%;
					height: auto;
				}
			.recruit__details {
				width: 50%;
				height: auto;
				padding-left: 77px;
			}
				.recruit__details_wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 50px;
				}
					.recruit__details_heading {
						width: 100%;
						height: auto;
						margin-bottom: 17px;
						font-size: 1.625rem;
						font-weight: 700;
						letter-spacing: 0.08em;
					}
					.recruit__details_txt {
						width: 100%;
						height: auto;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
				.recruit__btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 322px;
					height: 56px;
					padding-right: 10px;
					margin: 0;
					border-radius: 28px;
					background-color: #fff;
					border: solid 1px var(--color--black);
					font-size: 1rem;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.05em;
					color: var(--color--black);
					position: relative;
					transition: .3s;
				}
				.recruit__btn:hover {
					color: #fff;
					background-color: var(--color--black);
				}
					.external_link_icon {
						width: 14px;
						height: auto;
						fill: var(--color--black);
						position: absolute;
						top: 50%;
						right: 24px;
						transform: translate(0%,-50%);
						transition: .3s;
					}
					.recruit__btn:hover .external_link_icon {
						fill: #fff;
					}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#recruit {
	width: 100%;
	height: auto;
}
	.recruit__inner {
		width: 90%;
		height: auto;
		padding: 0 0 120px;
		margin: 0 auto;
	}
		.recruit__wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: auto;
			margin: 0 auto 80px;
		}
		.recruit_new {
			flex-direction: row;
		}
		.recruit_mid {
			flex-direction: row-reverse;
		}
		.recruit__wrap:last-of-type {
			margin-bottom: 0;
		}
			.recruit__image {
				width: 45%;
				height: auto;
			}
				.recruit__image img {
					width: 100%;
					height: auto;
				}
			.recruit__details {
				width: 50%;
				height: auto;
			}
				.recruit__details_wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
				}
					.recruit__details_heading {
						width: 100%;
						height: auto;
						margin-bottom: 12px;
						font-size: 1.25rem;
						font-weight: 700;
						letter-spacing: 0.08em;
					}
					.recruit__details_txt {
						width: 100%;
						height: auto;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
				.recruit__btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					max-width: 322px;
					height: 56px;
					padding-right: 10px;
					margin: 0;
					border-radius: 28px;
					background-color: #fff;
					border: solid 1px var(--color--black);
					font-size: 1rem;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.05em;
					color: var(--color--black);
					position: relative;
					transition: .3s;
				}
					.external_link_icon {
						width: 14px;
						height: auto;
						fill: var(--color--black);
						position: absolute;
						top: 50%;
						right: 24px;
						transform: translate(0%,-50%);
						transition: .3s;
					}
}

/* SP ================================================== */
@media all and (max-width:599px){
#recruit {
	width: 100%;
	height: auto;
}
	.recruit__inner {
		width: 90%;
		height: auto;
		padding: 0 0 120px;
		margin: 0 auto;
	}
		.recruit__wrap {
			width: 100%;
			height: auto;
			margin: 0 auto 120px;
		}
		.recruit__wrap:last-of-type {
			margin-bottom: 0;
		}
			.recruit__image {
				width: 100%;
				height: auto;
				margin-bottom: 28px;
			}
				.recruit__image img {
					width: 100%;
					height: auto;
				}
			.recruit__details {
				width: 100%;
				height: auto;
			}
				.recruit__details_wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
				}
					.recruit__details_heading {
						width: 100%;
						height: auto;
						margin-bottom: 8px;
						font-size: 1.25rem;
						font-weight: 700;
						letter-spacing: 0.08em;
					}
					.recruit__details_txt {
						width: 100%;
						height: auto;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
				.recruit__btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 56px;
					padding-right: 7px;
					margin: 0;
					border-radius: 28px;
					background-color: #fff;
					border: solid 1px var(--color--black);
					font-size: 1rem;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.05em;
					color: var(--color--black);
					position: relative;
				}
					.external_link_icon {
						width: 14px;
						height: auto;
						fill: var(--color--black);
						position: absolute;
						top: 50%;
						right: 24px;
						transform: translate(0%,-50%);
						transition: .3s;
					}
}