@charset "utf-8";

.main{
	padding-bottom: 0;
}



/*-------------------------------
	募集要項
-------------------------------*/

.Recruit-wrap__header{
	padding-bottom: 10rem;
}
.Recruit__nav{
	width: 100%;
	gap: 3.5rem 6.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Recruit__nav-item{
	border-bottom: 1px solid var(--maincolor);
	width: calc((100% - (6.5rem * 2)) / 3);
}
.Recruit__nav-item a{
	font-family: var(--en);
	color: var(--maincolor);
	font-size: 2rem;
	padding-right: 5rem;
	letter-spacing: .1em;
	padding-bottom: 1.8rem;
	line-height: 1;
	display: block;
	position: relative;
	opacity: 1 !important;
}
.Recruit__nav-item a::after{
	transition: .3s transform var(--transition-easing);
	background: var(--bgcolor);
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%) scaleX(0);
	transform-origin: right;
}
.Recruit__nav-item a:hover::after{
	transform: translateY(100%) scaleX(1);
	transform-origin: left;
}
.Recruit__nav-item span{
	width: 100%;
	line-height: 1;
	display: block;
	position: relative;
}
.Recruit__nav-item span::after{
	border-right: 1px solid var(--maincolor);
	border-bottom: 1px solid var(--maincolor);
	transition: var(--transition);
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: -2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.Recruit__nav-item a:hover span::after{
	transform: translateY(calc(-50% + .5rem)) rotate(45deg);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){
	.Recruit__nav-item{
		width: calc((100% - (6.5rem)) / 2);
	}
}
@media screen and (max-width:768px){
	
	.Recruit-wrap__header{
		padding-bottom: var(--padding-topbottom);
	}
	.Recruit__nav{
		width: 100%;
		gap: 5rem 5rem;
	}
	.Recruit__nav-item{
		width: calc((100% - (5rem)) / 2);
	}
	.Recruit__nav-item a{
		font-size: 2.88rem;
		padding-right: 4.5rem;
		padding-bottom: 2.52rem;
	}
	.Recruit__nav-item a:hover::after{
		transform: translateY(100%) scaleX(1);
		transform-origin: left;
	}
	.Recruit__nav-item span{
		width: 100%;
		line-height: 1;
		display: block;
		position: relative;
	}
	.Recruit__nav-item span::after{
		width: 1.4rem;
		height: 1.4rem;
		right: -2.4rem;
	}

}


/*-------------------------------
	募集要項2
-------------------------------*/
.Recruit__content-wrap{
	padding-top: var(--padding-topbottom);
	padding-bottom: var(--padding-topbottom);
	background: var(--bgcolor);
}
.Recruit__content:not(:last-child){
	padding-bottom: var(--padding-topbottom);
}
.Recruit__content-title{
	border-bottom: 2px solid var(--maincolor);
	font-family: var(--en);
	color: var(--maincolor);
	width: 100%;
	font-size: 3.2rem;
	margin-bottom: 5rem;
	padding-bottom: .5rem;
	font-weight: 500;
	line-height: calc(6 / 3.2);
	letter-spacing: .1em;
}
.Recruit__content-end{
	width: 100%;
	font-size: 1.6rem;
	padding: .5rem 1.5rem;
	margin-bottom: 4.5rem;
	letter-spacing: 0;
	border: 2px solid #f00;
	color: #f00;
	line-height: 1.5;
	background: #fff;
	text-align: center;
}
.Recruit__content-item{
	width: 100%;
	border-bottom: 1px solid #B2B2B2;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.Recruit__content-item-title{
	color: var(--maincolor);
	width: 20rem;
	font-size: 1.6rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 2.5rem;
	letter-spacing: 0;
	line-height: calc(3.5 / 1.6);
	position: relative;
}
.Recruit__content-item-title::after{
	background: var(--maincolor);
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
}
.Recruit__content-item-body{
	width: calc(100% - 20rem);
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.Recruit__content-item-text{
	font-size: 1.6rem;
	line-height: calc(3.5 / 1.6);
}
.Recruit__content-item:first-child .Recruit__content-item-title,
.Recruit__content-item:first-child .Recruit__content-item-body{
	padding-top: 0;
}
.Recruit__content-item-button{
	margin-left: 0;
	margin-top: 3rem;
}
.Recruit__content-item-body:has(.Recruit__content-item-button){
	padding-bottom: 3.2rem;
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){
	
}
@media screen and (max-width:768px){
	.Recruit__content-title{
		border-bottom: 2px solid var(--maincolor);
		font-size: 4.48rem;
		margin-bottom: 7rem;
		padding-bottom: .7rem;
	}
	.Recruit__content-end{
		font-size: var(--font-size);
		padding: .7rem 2.1rem;
		margin-bottom: 6.3rem;
		border: 2px solid #f00;
	}
	.Recruit__content-item{
	}
	.Recruit__content-item-title{
		width: 18rem;
		font-size: var(--font-size);
		padding-top: 2.8rem;
		padding-bottom: 2.8rem;
		padding-right: 3.5rem;
	}
	.Recruit__content-item-title::after{
		background: var(--maincolor);
		height: 1px;
	}
	.Recruit__content-item-body{
		width: calc(100% - 18rem);
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.Recruit__content-item-text{
		font-size: var(--font-size);
	}
	.Recruit__content-item-button{
        max-width: 39.8rem;
		margin-left: 0;
		margin-top: 4.2rem;
	}
	.Recruit__content-item-button::after{
        width: 10rem;
        transform: translateX(5rem);		
	}
	.Recruit__content-item-body:has(.Recruit__content-item-button){
		padding-bottom: 4.48rem;
	}
}