@charset "UTF-8";
.p-recruit {
	padding-bottom: 240px;
}
.p-recruit-mv {
	padding: 70px 20px 72px;
}
.p-recruit-head {
	text-align: center;
}
.p-recruit-navi {
	-webkit-box-pack: center;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px 50px;
}
.p-recruit-navi--list {
	z-index: 1;
	position: relative;
	margin: 0 -0.5px;
}
.p-recruit-navi--list::before, .p-recruit-navi--list::after {
	position: absolute;
	top: 4px;
	bottom: 0;
	width: 1px;
	height: calc(100% - 4px);
	margin: auto 0;
	background-color: #C2C2C2;
	content: "";
}
.p-recruit-navi--list::before {
	left: -25px;
}
.p-recruit-navi--list::after {
	right: -25px;
}
.p-recruit-navi--link {
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
	z-index: 1;
	position: relative;
	padding-right: 20px;
	font-size: 1.4rem;
}
.p-recruit-navi--link::before {
	position: absolute;
	top: 6px;
	right: 1px;
	aspect-ratio: 9/10;
	width: 1px;
	width: 10px;
	min-width: 0;
	height: 100%;
	height: auto;
	background-color: #B9040E;
	content: "";
	-webkit-mask: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-ebc85a5e-e399-414e-9ec7-520bf5a19525%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cg%20id%3D%22uuid-ff4fd313-ee01-4dfd-b8d7-a63fbd1a0878%22%3E%3Crect%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	mask: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-ebc85a5e-e399-414e-9ec7-520bf5a19525%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cg%20id%3D%22uuid-ff4fd313-ee01-4dfd-b8d7-a63fbd1a0878%22%3E%3Crect%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23b9040e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}
.p-recruit-section {
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 1fr 520px;
	grid-template-areas: "head figure" "lead figure" "navi navi";
	margin-top: 120px;
	gap: 0 24px;
}
.p-recruit-section + .p-recruit-section {
	margin-top: 80px;
	padding-top: 78px;
	border-top: 1px dotted #C6C6C6;
}
.p-recruit-section--head {
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
	z-index: 1;
	position: relative;
	grid-area: head;
	padding-left: 35px;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.4;
}
.p-recruit-section--head::before {
	position: absolute;
	top: 3px;
	left: 0;
	aspect-ratio: 1/1;
	width: 2.6rem;
	min-width: 0;
	height: auto;
	background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-97f7aad5-8748-4222-9489-c249d7787392%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cg%20id%3D%22uuid-1a77ab0b-db4a-4511-8d0b-b2ea31092bd3%22%3E%3Crect%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%23da3915%22%2F%3E%3Cpolygon%20points%3D%2213%2013%201%2025%2025%2025%2013%2013%22%20fill%3D%22%23e05738%22%2F%3E%3Cpolygon%20points%3D%2213%2013%2025%2025%2025%201%2013%2013%22%20fill%3D%22%23dd4927%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	background-size: 100% auto;
	content: "";
}
.p-recruit-section--lead {
	-webkit-font-feature-settings: "halt" 1;
	font-feature-settings: "halt" 1;
	grid-area: lead;
	margin-top: 28px;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.75;
}
.p-recruit-section--figure {
	grid-area: figure;
	text-align: center;
}
.p-recruit-section--image {
	border-radius: 2rem;
}
.p-recruit-section--navi {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-area: navi;
	margin-top: 40px;
	gap: 16px;
}
.p-recruit-section--btn {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	z-index: 1;
	position: relative;
	width: 100%;
	min-width: 25.3rem;
	padding: 17px 36px;
	border: 1px solid #3A3A3A;
	border-radius: 30px;
	color: #3A3A3A;
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
}
.p-recruit-section--btn:hover:not(.is-disable) {
	border-color: #c11328;
	background-color: #c11328;
	color: #fff;
}
.p-recruit-section--btn:hover:not(.is-disable)::before {
	background-color: #FFF;
}
.p-recruit-section--btn.is-disable {
	border: 1px solid #C6C6C6;
	color: #C6C6C6;
}
.p-recruit-section--btn.is-disable::before {
	background-color: #C6C6C6;
}
.p-recruit-section--btn::before {
	position: absolute;
	top: 0;
	right: 18px;
	bottom: 0;
	aspect-ratio: 1/1;
	width: 16px;
	min-width: 0;
	height: auto;
	margin: auto 0;
	background-color: #3A3A3A;
	content: "";
	-webkit-mask: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-b95ba189-0e80-4d60-9b2b-3d8a6362afc3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22uuid-20032862-dd17-41a2-a940-e09d004f77da%22%3E%3Cpath%20id%3D%22uuid-3910fa1a-d01e-409e-9462-5c6c104574cf%22%20d%3D%22M15.5%2C8c0%2C4.14-3.36%2C7.5-7.5%2C7.5S.5%2C12.14.5%2C8%2C3.86.5%2C8%2C.5s7.5%2C3.36%2C7.5%2C7.5Z%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22uuid-0eabe225-6c5a-4071-aaa7-32e8506aa8d2%22%20d%3D%22M8%2C11l3-3-3-3%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22uuid-112e1e89-4a92-4d23-8d13-a3dff9038caf%22%20d%3D%22M5%2C8h6%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	mask: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-b95ba189-0e80-4d60-9b2b-3d8a6362afc3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22uuid-20032862-dd17-41a2-a940-e09d004f77da%22%3E%3Cpath%20id%3D%22uuid-3910fa1a-d01e-409e-9462-5c6c104574cf%22%20d%3D%22M15.5%2C8c0%2C4.14-3.36%2C7.5-7.5%2C7.5S.5%2C12.14.5%2C8%2C3.86.5%2C8%2C.5s7.5%2C3.36%2C7.5%2C7.5Z%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22uuid-0eabe225-6c5a-4071-aaa7-32e8506aa8d2%22%20d%3D%22M8%2C11l3-3-3-3%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22uuid-112e1e89-4a92-4d23-8d13-a3dff9038caf%22%20d%3D%22M5%2C8h6%22%20fill%3D%22none%22%20stroke%3D%22%233a3a3a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	-webkit-mask-size: 100% auto;
	mask-size: 100% auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (max-width: 767px){
	.p-recruit {
		padding-bottom: 140px;
	}
	.p-recruit-mv {
		padding: 50px 20px 50px;
	}
	.p-recruit-navi {
		-webkit-box-pack: start;
		justify-content: flex-start;
		max-width: 500px;
		margin: 0 auto;
		gap: 16px 24px;
	}
	.p-recruit-navi--list {
		width: calc(50% - 12px);
		margin: 0;
	}
	.p-recruit-navi--list::before, .p-recruit-navi--list::after {
		background-color: transparent;
	}
	.p-recruit-navi--list::before {
		left: -12px;
	}
	.p-recruit-navi--list::after {
		right: -12px;
	}
	.p-recruit-section {
		grid-template-rows: repeat(auto, 4);
		grid-template-columns: 100%;
		grid-template-areas: "head" "figure" "lead" "navi";
		margin-top: 60px;
	}
	.p-recruit-section + .p-recruit-section {
		margin-top: 40px;
		padding-top: 40px;
	}
	.p-recruit-section--head {
		padding-left: 30px;
		font-size: 2rem;
	}
	.p-recruit-section--head::before {
		top: 3px;
		width: 2.2rem;
	}
	.p-recruit-section--figure {
		margin-top: 18px;
	}
	.p-recruit-section--navi {
		grid-template-columns: repeat(1, 1fr);
	}
	.p-recruit-section--btn {
		min-width: inherit;
	}
}
@media screen and (max-width: 549px){
	.p-recruit-navi {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		max-width: 350px;
		gap: 8px 0;
	}
	.p-recruit-navi--list {
		width: 100%;
		padding-left: 20px;
	}
	.p-recruit-navi--list::before {
		display: inline-block;
		position: absolute;
		top: -4px;
		left: 0;
		content: "■";
		color: #DA3915;
	}
	.p-recruit-navi--link {
		display: block;
	}
}