#sougyouwrapper {
	background-color: #4b0a2d;
	padding: 50px 5% 0 5%;
	text-align: center;
	> div {
		margin-inline: auto;
		max-width: 420px;
		> img {
			max-width: 100%;
		}
	}
}

#recruittextwrapper {
	background-color: #4b0a2d;
	padding: 60px 5% 0 5%;
	> .inner {
		max-width: 700px;
		margin: 0 auto;
		> p {
			font-size: 1.5rem;
			line-height: 170%;
			color: #fff;
		}
	}
}

#sectionwrapper {
	background-color: #4b0a2d;
	padding: 50px 10% 50px 10%;
	> .inner {
		max-height: 117px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: solid 1px #666;
		padding-top: 50px;
		> h2 {
			margin-top: -10px;
			> span {
				font-size: 2.4rem;
				line-height: 100%;
				color: #fff;
				font-family: var(--font-sans);
				font-weight: 500;
				letter-spacing: 0.1em;
				border-bottom: solid 2px #EBCA00;
				padding: 0 10px 5px 10px;
			}
		}
	}
}
@media (max-width:899px) {
	.sectionwrapper {
		padding: 50px 5% 50px 5%;
	}
}

#content01wrapper {
	background-color: #4b0a2d;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/facility.png);
		background-repeat: no-repeat;
		background-position: right 0;
		> .inner2 {
			max-width: 800px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			height: 400px;
			> div {
				> p {
					width: 300px;
					font-size: 1.5rem;
					line-height: 170%;
					color: #fff;
					text-align: justify;
				}
				> a {
					width: 300px;
					margin-top: 15px;
					display: block;
					text-decoration: none;
					background-color: #EBCA00;
					font-size: 1.6rem;
					line-height: 100%;
					color: #4b0a2d;
					padding: 15px;
					background-image: url(../common/image/icon_chevron_right_911.svg);
					background-repeat: no-repeat;
					background-position: 95% 50%;
					&:hover {
						opacity: 0.7;
					}
				}
			}
		}
	}
}
@media (max-width:1149px) {
	#content01wrapper {
		> .inner {
			background-size: contain;
			> .inner2 {
				height: 200px;
			}
		}
	}
}
@media (max-width:689px) {
	#content01wrapper {
		background-color: #4b0a2d;
		> .inner {
			background-image: none;
		}
	}
}
@media (max-width:339px) {
	#content01wrapper {
		> .inner {
			> .inner2 {
				> div {
					> p {
						width: 100%;
					}
					> a {
						width: 100%;
					}
				}
			}
		}
	}
}

#content02wrapper {
	background-color: #EBCA00;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/fellow.webp);
		background-repeat: no-repeat;
		background-position: left 0;
		> .inner2 {
			max-width: 800px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			height: 400px;
			> div {
				> p {
					width: 300px;
					font-size: 1.8rem;
					font-weight: 700;
					line-height: 1.5;
					color: #4b0a2d;
					text-align: justify;
				}
			}
		}
	}
}
@media (max-width:1149px) {
	#content02wrapper {
		> .inner {
			background-size: contain;
			> .inner2 {
				height: 200px;
			}
		}
	}
}
@media (max-width:689px) {
	#content02wrapper {
		background-color: #EBCA00;
		> .inner {
			background-image: none;
		}
	}
}
@media (max-width:339px) {
	#content02wrapper {
		> .inner {
			> .inner2 {
				> div {
					> p {
						width: 100%;
					}
					> a {
						width: 100%;
					}
				}
			}
		}
	}
}

#content03wrapper {
	background-color: #4b0a2d;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/qualified.png);
		background-repeat: no-repeat;
		background-position: right 0;
		> .inner2 {
			max-width: 800px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			height: 400px;
			> div {
				> p {
					width: 300px;
					font-size: 1.5rem;
					line-height: 170%;
					color: #fff;
					text-align: justify;
				}
				> a {
					width: 300px;
					margin-top: 15px;
					display: block;
					text-decoration: none;
					background-color: #EBCA00;
					font-size: 1.6rem;
					line-height: 100%;
					color: #4b0a2d;
					padding: 15px;
					background-image: url(../common/image/icon_chevron_right_911.svg);
					background-repeat: no-repeat;
					background-position: 95% 50%;
					&:hover {
						opacity: 0.7;
					}
				}
			}
		}
	}
}
@media (max-width:1149px) {
	#content03wrapper {
		> .inner {
			background-size: contain;
			> .inner2 {
				height: 200px;
			}
		}
	}
}
@media (max-width:689px) {
	#content03wrapper {
		background-color: #4b0a2d;
		> .inner {
			background-image: none;
		}
	}
}
@media (max-width:339px) {
	#content03wrapper {
		> .inner {
			> .inner2 {
				> div {
					> p {
						width: 100%;
					}
					> a {
						width: 100%;
					}
				}
			}
		}
	}
}

#content04wrapper {
	background-color: #EBCA00;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/history.png);
		background-repeat: no-repeat;
		background-position: left 0;
		> .inner2 {
			max-width: 800px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			height: 400px;
			> div {
				> p {
					width: 300px;
					font-size: 1.5rem;
					line-height: 170%;
					color: #4b0a2d;
					text-align: justify;
				}
				> a {
					width: 300px;
					margin-top: 15px;
					display: block;
					text-decoration: none;
					background-color: #4b0a2d;
					font-size: 1.6rem;
					line-height: 100%;
					color: #fff;
					padding: 15px;
					background-image: url(../common/image/icon_chevron_right_fff.svg);
					background-repeat: no-repeat;
					background-position: 95% 50%;
					&:hover {
						opacity: 0.7;
					}
				}
			}
		}
	}
}
@media (max-width:1149px) {
	#content04wrapper {
		> .inner {
			background-size: contain;
			> .inner2 {
				height: 200px;
			}
		}
	}
}
@media (max-width:689px) {
	#content04wrapper {
		background-color: #EBCA00;
		> .inner {
			background-image: none;
		}
	}
}
@media (max-width:339px) {
	#content04wrapper {
		> .inner {
			> .inner2 {
				> div {
					> p {
						width: 100%;
					}
					> a {
						width: 100%;
					}
				}
			}
		}
	}
}

#content001wrapper {
	background-color: #4b0a2d;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/facility.png);
		background-repeat: no-repeat;
		background-position: right 0;
		height: 150px;
		background-size: contain;
	}
}
@media (min-width:690px) {
	#content001wrapper {
		display: none;
	}
}

#content002wrapper {
	background-color: #EBCA00;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/benefits.webp);
		background-repeat: no-repeat;
		background-position: left 0;
		height: 150px;
		background-size: contain;
	}
}
@media (min-width:690px) {
	#content002wrapper {
		display: none;
	}
}

#content003wrapper {
	background-color: #4b0a2d;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/qualified.png);
		background-repeat: no-repeat;
		background-position: right 0;
		height: 150px;
		background-size: contain;
	}
}
@media (min-width:690px) {
	#content003wrapper {
		display: none;
	}
}

#content004wrapper {
	background-color: #EBCA00;
	> .inner {
		padding: 0px 5% 0 5%;
		background-image: url(./image/history.png);
		background-repeat: no-repeat;
		background-position: left 0;
		height: 150px;
		background-size: contain;
	}
}
@media (min-width:690px) {
	#content004wrapper {
		display: none;
	}
}

#buttonwrapper {
	background-color: #4b0a2d;
	padding: 80px 5% 0 5%;
	> .inner {
		display: flex;
		justify-content: center;
		> a {
			text-decoration: none;
			margin: 0 10px;
			font-size: 1.5rem;
			line-height: 170%;
			color: #4b0a2d;
			background-color: #ebb500;
			padding: 15px;
			width: 250px;
			background-image: url(../common/image/icon_chevron_right_750.svg);
			background-repeat: no-repeat;
			background-position: 95% 50%;
			&:hover {
				opacity: 0.7;
			}
		}
	}
}
@media (max-width:399px) {
	#buttonwrapper {
		padding: 60px 5% 0 5%;
		> .inner {
			flex-direction: column;
			> a {
				width: 95%;
				&:nth-of-type(2) {
					margin-top: 20px;
				}
			}
		}
	}
}

.padding80recruit {
	padding-top: 80px;
	line-height: 80px;
	background-color: #4b0a2d;
}

.recruittitlewrapper {
	background-color: #4b0a2d;
	padding: 0 5%;
	padding-top: 100px;
	> .inner {
		max-height: 117px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		> h2 {
			margin-top: -10px;
			> span {
				font-size: 2.4rem;
				line-height: 100%;
				color: #fff;
				font-family: var(--font-sans);
				font-weight: 500;
				letter-spacing: 0.1em;
				border-bottom: solid 2px #EBCA00;
				padding: 0 10px 5px 10px;
			}
		}
		&.recruit {
			background-image: url(../common/image/title_recruit.svg);
			height: 30vw;
		}
	}
}