/* ---------------------------------------


entry


-----------------------------------------*/
.benefitsArea .entryArea {background: none;}
.entryArea .lList{margin: 30px auto;list-style: none;font-size: 2rem;font-weight: bold;color: var(--navy);}
.entryArea__dl{}
.entryArea__dl .generalSect__middleTitle{text-align: center;}
.entryArea__dl .btn{max-width: 350px;width: 100%;margin: auto;}
a[href$=".pdf"]::after,
a[href*=".pdf#page="]::after {content: ""!important;}

.benefitsArea .entryArea  .entryArea__title{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px solid var(--navyLight);
}
.benefitsArea .entryArea__title .generalSect__middleTitle{
	width: 50%;
	border-bottom: none!important;
}
.entryArea__title .note {
	width: 50%;
	color: var(--white);
	font-size: 2.0rem;
	font-weight: bold;
	align-self: end;
	line-height: 1.3;
	padding: 10px;
	background: var(--skyBlue);
	text-align: center;
	border-radius: 30px;
	margin-bottom: 15px;
}



/* ---------------------------------------
flowArea
-----------------------------------------*/
.flowArea ul{	display: flex;	flex-wrap: wrap;	justify-content: space-around;	padding: 0;	list-style: none;	}
.flowArea ul li{	background: var(--blueGrade);	color: var(--navy);	border-radius: 30px;	position: relative;	min-height: 80px;	width: 15%;}
.flowArea ul li::after{	content: "";  width: 0;  height: 0;  border-style: solid;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid var(--navy);  border-right: 0;	position: absolute;	right: -20%;	top: 50%;	transform: translateY(-50%);}
.flowArea ul li:last-of-type::after{	display: none;}
.flowArea ul li span{display: block;width: 100%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-weight: bold;}

/* ---------------------------------------
recruitmentTypeArea
-----------------------------------------*/
.recruitmentTypeArea{padding: 0;margin-bottom: 30px;}
.recruitmentTypeArea__block{background: var(--lightGrade);border-radius: 30px;margin-bottom: 30px;}
.recruitmentTypeArea__text{width: 100%;padding: 3% 80px 3% 3%;background: none;border: none;cursor: pointer;position: relative;text-align: left;}
.recruitmentTypeArea__text::after{content: "";width: 20px;height: 20px;border-top: 2px solid var(--navy);border-right: 2px solid var(--navy);transform: rotate(135deg);display: block;position: absolute;right: 40px;top: 30%;}
.recruitmentTypeArea__text.open::after{transform: rotate(-45deg);top: 40%;}
.recruitmentTypeArea__text .generalSect__smallTitle{margin: 0;}
.recruitmentTypeArea__panel{display: none;padding: 0 3% 30px 3%;}
.recruitmentTypeArea__panel .text--large{font-size: 1.8rem;margin:  0 0 20px 0;}
.recruitmentTypeArea__panel .text--middle{font-size: 1.6rem;margin: 0; }
.recruitmentTypeArea__panel .localnavArea{background: none;padding: 0 0 0 0;}
.recruitmentTypeArea__panel > .lList > li{margin-bottom: 20px}
.recruitmentTypeArea__panel .lList .lList li{font-size: 1em;padding-left:0;}
.recruitmentTypeArea__panel .lList ul.lList li{list-style: circle;}

/* ---------------------------------------
benefitsArea
-----------------------------------------*/
.benefitsArea .generalSect__title .heading .jp {font-size: 4rem;}
.benefitsArea .generalSect__middleTitle {font-size: 2.4rem;padding: 32px 0 0px 0;border-bottom: 1px solid var(--navyLight);margin-bottom: 20px;}
.benefitsArea .lList{margin: 0;}
.benefitsArea .alert {margin: 0 0 0 0;padding: 0;}
.benefitsArea .dllist dt{border: none;}
.benefitsArea .dllist dd{border: none;}


/* ---------------------------------------
not-recruiting
-----------------------------------------*/
.not-recruiting {text-align: center;padding-bottom: 100px;}
.not-recruiting .back--white{padding: 40px;background: var(--white);border-radius: var(--radius);}

/* ---------------------------------------
recruiting-detail
-----------------------------------------*/
.recruiting-detail {padding-bottom: 100px;}
.recruiting-detail .back--white{padding: 40px;background: var(--white);border-radius: var(--radius);}
.recruiting-detail .btn{
	margin-block: 40px 0;
	margin-inline: unset;
	max-width: 350px;
	width: 100%;
}
.recruiting-detail .btn:after{
	padding: 0;
	margin: 0;
}

/* ---------------------------------------
note-detail
-----------------------------------------*/
.note-detail {padding-bottom: 100px;}
.note-detail .back--white{padding: 40px;background: var(--white);border-radius: var(--radius);}
.note-detail .btn{
	margin-block: 40px 0;
}
.note-detail .btn:after{
	padding: 0;
	margin: 0;
}
.note-detail .galleryList {
	margin: 40px 0 0;
	padding: 0;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
}
.note-detail .galleryList__item {
}
.note-detail .galleryList__link {
	color: var(--black);
	text-decoration: none;
	transition: opacity .3 ease;
}
.note-detail .galleryList__link:after {
	display: none;
}
.note-detail .galleryList__link:hover {
	opacity: 0.7;
}
.note-detail .galleryList__thumb {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 8px;
}
.note-detail .galleryList__date {
	margin-top: 10px;
	display: block;
	font-size: 14px;
	color: var(--grayDark);
}
.note-detail .galleryList__ttl {
	font-size: 16px;
}



/* ------タブレット1024------------------------------------ */
@media screen and (max-width: 1023px) {
	/* benefitsArea 1023px--------------------------------
-----------------------------------------*/
.benefitsArea .generalSect__title .heading .jp {font-size: 2.4rem;}

/* ---------------------------------------
benefitsArea 767
-----------------------------------------*/
.benefitsArea .generalSect__middleTitle {font-size: 2.0rem;padding: 20px 0 4px 0;}


}/* end1024 */

/* ------SP767------------------------------------ */
@media screen and (max-width: 767px) {


/* ---------------------------------------
entryArea__title 767
-----------------------------------------*/
.benefitsArea .entryArea__title .generalSect__middleTitle{width: 100%;margin-bottom: 0;}
.entryArea__title .note{width: 100%;padding-bottom: 10px;font-size: 1.8rem;}

/* ---------------------------------------
flowArea 767
-----------------------------------------*/
.flowArea ul{justify-content: center;padding-right: 2%;}
.flowArea ul li{width: 29%;margin: 0 2% 20px 2%;}
.flowArea ul li::after {border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid var(--navy);right: -12%;}
.recruitmentTypeArea__text .generalSect__smallTitle {line-height: 1.3;}
.recruitmentTypeArea__text {padding: 20px 50px 20px 20px;}
.recruitmentTypeArea__text::after {width: 10px;height: 10px;right: 20px;top: 40%;}

/* ---------------------------------------
not-recruiting 767px
-----------------------------------------*/
.not-recruiting {text-align: left;}
.not-recruiting .back--white{padding: 20px 0;background: none;}

}/* end767 */