@charset “UTF-8”;
/*
mystyle.css
*/
@media (min-width: 576px) { /*sm*/}
@media (min-width: 992px) { /*lg*/}
@media (min-width: 1200px) { /*xl*/}
@media (min-width: 1400px) { /*xxl*/}


/* =========== ↓ 背景の高さ ↓ =========== */

/*-----------------------------------
上下のパディング各項目で調整（物差しで測る）
84px(sp)
120px(768px)
130px(992px)
148px(1200px)
-------------------------------------*/


/* 私たちと造園の仕事をしませんか？ */
#recruit-works.bg-wh-l {
	padding: 5rem 0 4.8rem 0;
  }
  @media (min-width: 768px) {
	#recruit-works.bg-wh-l {
		padding: 7rem 0 7.1rem 0;
	  }
}
@media (min-width: 992px) {
	#recruit-works.bg-wh-l {
		padding: 8rem 0 7.7rem 0;
	  }
}
  @media (min-width: 1200px) {
	#recruit-works.bg-wh-l {
		padding: 8.8rem 0 9.7rem 0;
	  }
}


/* 私たちについて */
#recruit-aboutus.bg-wh-r {
	padding: 5rem 0 7.9rem 0;
	margin-top: -3rem;
}
@media (min-width: 768px) {
	#recruit-aboutus.bg-wh-r {
		padding: 7rem 0 10.5rem 0;
	}
}
@media (min-width: 992px) {
	#recruit-aboutus.bg-wh-r {
		padding: 8rem 0 14.7rem 0;
	}
}
@media (min-width: 1200px) {
	#recruit-aboutus.bg-wh-r {
		padding: 8.8rem 0 15.7rem 0;
		margin-top: -6.3rem;
	}
}



/* 数字で見るの背景 */
#recruit-numbers.bg-gry-l {
	padding: 8.7rem 0 11.2rem;
}
@media (min-width: 768px) {
	#recruit-numbers.bg-gry-l {
		padding: 9rem 0 13.4rem;
	}
}
@media (min-width: 992px) {
	#recruit-numbers.bg-gry-l {
		padding: 9.7rem 0 14rem;
	}
}
@media (min-width: 1200px) {
	#recruit-numbers.bg-gry-l {
		padding: 11rem 0 15.2rem;
	}
}


/* 働く環境・サポートの背景 */
#recruit-support.bg-wh-n {
	padding: 6.6rem 0 8rem 0;
}
@media (min-width: 768px) {
	#recruit-support.bg-wh-n {
		padding: 9rem 0 10rem 0;
	}
}
@media (min-width: 992px) {
	#recruit-support.bg-wh-n {
		padding: 9.7rem 0 14.6rem 0;
	}
}
@media (min-width: 1200px) {
	#recruit-support.bg-wh-n {
		padding: 11rem 0 15.7rem 0;
	}
}


/* 先輩社員紹介 */
#recruit-employee.bg-gry-r {
	padding: 9rem 0 11rem;
}
@media (min-width: 768px) {
	#recruit-employee.bg-gry-r {
		padding: 9.1rem 0 13.2rem;
	}
}
@media (min-width: 992px) {
	#recruit-employee.bg-gry-r {
		padding: 9.6rem 0 14.1rem;
	}
}
@media (min-width: 1200px) {
	#recruit-employee.bg-gry-r {
		padding: 11.2rem 0 15rem;
	}
}


/* よくある質問 */
#recruit-faq.bg-wh-l {
	padding: 6.5rem 0 5.2rem 0;
}
@media (min-width: 768px) {
	#recruit-faq.bg-wh-l {
		padding: 9.2rem 0 7.4rem 0;
	}
}
@media (min-width: 992px) {
	#recruit-faq.bg-wh-l {
		padding: 9.6rem 0 14.1rem;
	}
}
@media (min-width: 1200px) {
	#recruit-faq.bg-wh-l {
		padding: 11.2rem 0 15rem;
	}
}


/* エントリーエリア */
#recruit-entry {
	margin-top: -3rem;
}
@media (min-width: 768px) {
	#recruit-entry {
		margin-top: -4rem;
	}
}
@media (min-width: 1200px) {
	#recruit-entry {
		margin-top: -5.3rem;
	}
}


/* =========== ↑ 背景の高さ ↑ =========== */



/* =========== ↓ 共通タイトル ↓ =========== */

/* タイトルh2サイズ */
.title-main-b h2 {
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 3rem;
}
@media (min-width: 1200px) {
	.title-main-b h2 {
		font-size: 2rem;
		margin-bottom: 4rem;
	}
}


/* -------------------------------------
タイトル英文共通設定
英文の画像サイズは各タイトルごとに調整してください。
--------------------------------------- */
.title-main-b {
	position: relative;
}

.title-main-b::after {
	content: "";
	width: 300px;
	height: 70px;
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
	.title-main-b::after {
		width: 700px;
	}
}
@media (min-width: 1200px) {
	.title-main-b::after {
		width: 885px;
	}
}

/* 「私たちについて」タイトル英文------- */
.title-main-b.t-about::after  {
	background-image: url(../images/recruit/t-about-sp.svg);
	background-size: 172px;
}
@media (min-width: 768px) {
	.title-main-b.t-about::after  {
		background-image: url(../images/recruit/t-about.svg);
		background-size: 230px;
	}
}
@media (min-width: 1200px) {
	.title-main-b.t-about::after  {
		background-size: 295px;
	}
}

/* 「数字で見る富山興業」タイトル英文------- */
.title-main-b.t-numbers::after  {
	background-image: url(../images/recruit/t-numbers-sp.svg);
	background-size: 292px;
	top: -23px;
}
@media (min-width: 768px) {
	.title-main-b.t-numbers::after  {
		background-image: url(../images/recruit/t-numbers.svg);
		background-size: 700px;
		top: -5px;
	}
}
@media (min-width: 1200px) {
	.title-main-b.t-numbers::after  {
		background-size: 885px;
	}
}

/* 「働く環境・サポート」タイトル英文------- */
.title-main-b.t-support::after  {
	background-image: url(../images/recruit/t-support-sp.svg);
	background-size: 160px;
}
@media (min-width: 768px) {
	.title-main-b.t-support::after  {
		background-image: url(../images/recruit/t-support.svg);
		background-size: 215px;
	}
}
@media (min-width: 1200px) {
	.title-main-b.t-support::after  {
		background-size: 273px;
	}
}

/* 「先輩社員紹介」タイトル英文------- */
.title-main-b.t-employee::after  {
	background-image: url(../images/recruit/t-employee-sp.svg);
	background-size: 252px;
	top: -23px;
}
@media (min-width: 768px) {
	.title-main-b.t-employee::after  {
		background-image: url(../images/recruit/t-employee.svg);
		background-size: 615px;
		top: -5px;
	}
}
@media (min-width: 1200px) {
	.title-main-b.t-employee::after  {
		background-size: 755px;
	}
}

/* 「よくある質問」タイトル英文------- */
.title-main-b.t-qa::after  {
	background-image: url(../images/recruit/t-qa-sp.svg);
	background-size: 64px;
}
@media (min-width: 768px) {
	.title-main-b.t-qa::after  {
		background-image: url(../images/recruit/t-qa.svg);
		background-size: 85px;
	}
}
@media (min-width: 1200px) {
	.title-main-b.t-qa::after  {
		background-size: 107px;
	}
}

/* =========== ↑ 共通タイトル ↑ =========== */



/* =========== ↓ リクルートメインビジュアル ↓ =========== */

/* スライドショー共通 ボタン消す */
.cntst-slide-rcrt-l .carousel-indicators,
.cntst-slide-rcrt-r .carousel-indicators {
	display: none;
}


/* スライドショーグリッド */
.rcrt-main-area {
	display: grid;
	grid-template-columns:1fr;
	gap: 10px 0;
	position: relative;
	margin-bottom: 5.5rem;
}
@media (min-width: 768px) {
	.rcrt-main-area {
		grid-template-columns: 1fr 1fr;
		gap: 0 10px;
		margin-bottom: 6rem;
	}
}
@media (min-width: 1200px) {
	.rcrt-main-area {
		padding-top: 0;
		margin-bottom: 7rem;
	}
}
@media (min-width: 1400px) {
	.rcrt-main-area {
		margin-bottom: 7.3rem;
	}
}
@media (min-width: 1800px) {
	.rcrt-main-area {
		padding-top: 0;
		margin-bottom: 8.5rem;
	}
}


.cntst-slide-rcrt-l {
	padding-left: 13%;
}
@media (min-width: 768px) {
	.cntst-slide-rcrt-l {
		padding: 0;
	}
}

.cntst-slide-rcrt-r {
	padding-right: 13%;
}
@media (min-width: 768px) {
	.cntst-slide-rcrt-r {
		padding: 0;
		margin-top: 8.2%;
	}
}


/* 山背景---------------- */
.rcrt-bg-yama {
	background-image: url(../images/recruit/rcrt-bg-yama.jpg);
	background-repeat: no-repeat;
	background-size: auto 870px;
	background-position: bottom -40px left 17%;
	padding-bottom: 10.5rem;
}
@media (min-width: 576px) {
	.rcrt-bg-yama {
		background-position: bottom -96px left 17%;
	}
}
@media (min-width: 768px) {
	.rcrt-bg-yama {
		background-size: auto 742px;
		background-position: bottom -108px left 17%;
		padding-bottom: 13rem;
	}
}
@media (min-width:1200px) {
	.rcrt-bg-yama {
		background-size: cover;
		background-position: bottom -218px left 17%;
	}
}
@media (min-width:1400px) {
	.rcrt-bg-yama {
		padding-bottom: 15rem;
	}
}
@media (min-width:1500px) {
	.rcrt-bg-yama {
		background-position: bottom -248px left 17%;
	}
}
@media (min-width:1700px) {
	.rcrt-bg-yama {
		background-position: bottom -338px left 17%;
	}
}
@media (min-width:2000px) {
	.rcrt-bg-yama {
		background-position: bottom -450px left 17%;
		padding-bottom: 17rem;
	}
}
@media (min-width:2500px) {
	.rcrt-bg-yama {
		background-position: bottom -510px left 17%;
	}
}


/* リクルート文字サイス--------- */
.rcrt-en-txt {
	position: absolute;
	top: 88%;
	left: 2%;
	width: 280px;
	z-index: 1;
}
@media (min-width:576px) {
	.rcrt-en-txt {
		top: 92%;
		width: 320px;
	}
}
@media (min-width:768px) {
	.rcrt-en-txt {
		top: 80%;
		width: 380px;
	}
}
@media (min-width:1200px) {
	.rcrt-en-txt {
		left: 4%;
		width: 460px;
	}
}
@media (min-width:1400px) {
	.rcrt-en-txt {
		top: 80%;
		width: 530px;
	}
}
@media (min-width:1500px) {
	.rcrt-en-txt {
		left: 10%;
	}
}
@media (min-width:1700px) {
	.rcrt-en-txt {
		left: 10%;
	}
}
@media (min-width:1800px) {
	.rcrt-en-txt {
		top: 76%;
		left: 13%;
		width: 620px;
	}
}
@media (min-width:2000px) {
	.rcrt-en-txt {
		top: 80%;
	}
}
@media (min-width:2500px) {
	.rcrt-en-txt {
		top: 85%;
		left: 15%;
	}
}

/* =========== ↑ リクルートメインビジュアル ↑ =========== */



/* =========== ↓ リクルートのメッセージ ↓ =========== */

.rcrt-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media (min-width: 1200px) {
	.rcrt-summary {
		width: 935px;
		margin: 0 auto;
	}
}

.rcrt-title {
	width: 254px;
	margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
	.rcrt-title {
		width: 35%;
		margin-right: 2rem;
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.rcrt-title {
		width: 32%;
		max-width: 320px;
		margin-right: 3.5rem;
	}
}

.rcrt-m-txt {
	width: 100%;
	font-size: 0.9375rem;
	line-height: 200%;
}
@media (min-width: 768px) {
	.rcrt-m-txt {
		width: 59%;
	}
}
@media (min-width: 992px) {
	.rcrt-m-txt {
		font-size: 1rem;
		line-height: 255%; /* 40.8px */
	}
}

/* =========== ↑ リクルートのメッセージ ↑ =========== */



/* =========== ↓ 私たちと仕事しませんか ↓ =========== */

/* 山もまちも緑にテキスト------------- */
#recruit-works h3 {
	text-align: center;
	font-size: 1.3125rem;
	font-weight: var(--font-bold);
	line-height: 160%;
	margin-bottom: 1rem;
}
@media (min-width: 576px) {
	#recruit-works h3 {
		font-size: 1.4rem;
		margin-bottom: 3rem;
	}
}
@media (min-width: 768px) {
	#recruit-works h3 {
		font-size: 1.5rem;
		margin-bottom: 5rem;
	}
}
@media (min-width: 1200px) {
	#recruit-works h3 {
		font-size: 1.75rem;
		margin-bottom: 5.5rem;
	}
}

/* まる画像のフレックス------------- */
.rcrt-works-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 0;
	margin-bottom: 2.2rem;
}
@media (min-width: 992px) {
	.rcrt-works-list {
		width: 740px;
		margin: 0 auto;
		margin-bottom: 4rem;
	}
}


/* まる画像のサイズ----------------- */
.rcrt-works-list li {
	list-style: none;
	width: 47%;
	margin: 0 0.3rem ;
}
@media (min-width: 768px) {
	.rcrt-works-list li {
		width: 30%;
		margin: 0 0.7rem;
	}
}


/* 私たちと仕事しませんかのテキスト */
.rcrt-w-title {
	text-align: center;
	font-size: 1.0625rem;
	margin-bottom: 1.3rem;
	position: relative;
}
@media (min-width: 576px) {
	.rcrt-w-title {
		font-size: 1.2rem;
		margin-bottom: 2.3rem;
	}
}
@media (min-width: 992px) {
	.rcrt-w-title {
		font-size: 1.5rem;
		margin-bottom: 3.4375rem;
	}
}


.rcrt-w-title-area {
	text-align: center;
}


/* 私たちと仕事しませんかのテキスト　タイトルの左右の画像 */
.rcrt-w-title {
	position: relative;
	display: inline-block;
	padding: 10px 35px;
	background-image: url('../images/recruit/line-l.png'), url('../images/recruit/line-r.png');
	background-position: left top 32px, right top 32px;
	background-repeat: no-repeat;
	background-size: 30px auto, 30px auto;
	text-align: center;
}
@media (min-width: 576px) {
	.rcrt-w-title {
		padding: 10px 50px;
		background-position: left top 39px, right top 39px;
	}
}
@media (min-width: 768px) { /*md*/
	.rcrt-w-title {
		background-position: left top 12px, right top 12px;
	}
}
@media (min-width: 992px) {
	.rcrt-w-title {
		background-position: left top 12px, right top 12px;
		padding: 10px 60px;
		background-size: 40px auto, 40px auto;
	}
}


.rcrt-w-title span {
    display: inline-block;
}


/* テキストの幅---------------------- */
.rcrt-works-txt {
	width: 100%;
}
@media (min-width: 1200px) {
	.rcrt-works-txt {
		width: 995px;
		margin: 0 auto;
	}
}

/* 葉っぱの背景---------------------- */
.bg-leaf {
	position: relative;
}

.bg-leaf::after {
	content: "";
	display: inline-block;
	width: 344px;
	height: 163px;
	background-image: url(../images/recruit/gry-leaf-r.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media (min-width: 576px) {
	.bg-leaf::after {
		width: 472px;
		height: 243px;
		right: 6%;
	}
}
@media (min-width: 992px) {
	.bg-leaf::after {
		width: 472px;
		height: 243px;
		right: 6%;
	}
}
@media (min-width: 1200px) {
	.bg-leaf::after {
		width: 495px;
		height: 255px;
		right: 6%;
	}
}
@media (min-width: 1400px) {
	.bg-leaf::after {
		right: 9%;
	}
}
@media (min-width: 1800px) {
	.bg-leaf::after {
		right: 10%;
	}
}
@media (min-width: 2000px) {
	.bg-leaf::after {
		right: 20%;
	}
}


/* =========== ↑ 私たちと仕事しませんか ↑ =========== */



/* =========== ↓ 採用情報インクルード ↓ =========== */

.recruit-news-area {
	margin-bottom: 6.3rem;
}
@media (min-width: 768px) {
	.recruit-news-area {
		margin-bottom: 8.3rem;

	}
}
@media (min-width: 1200px) {
	.recruit-news-area {
		margin-bottom: 9.3rem;

	}
}

/* =========== ↑ 採用情報インクルード ↑ =========== */



/* =========== ↓ 私たちについて ↓ =========== */

.rcrt-about-list {
	padding-left: 0;
}

.rcrt-about-list li,
.rcrt-about-list-b li {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}
@media (min-width: 992px) {
	.rcrt-about-list li,
	.rcrt-about-list-b li {
		margin-bottom: 3rem;
	}
}

.rcrt-about-list li:last-child,
.rcrt-about-list-b li:last-child {
	margin-bottom: 0;
}

/*画像のサイズ共通*/
.r-ab-photo {
	width: 87.6%;
	margin: 0 auto 1.5rem;
}
@media (min-width: 768px) {
	.r-ab-photo {
		width: 42%;
		margin: 0;
	}
}
@media (min-width: 1200px) {
	.r-ab-photo {
		width: 45%;
		max-width: 434px;
	}
}


/*画像の角丸共通*/
.r-ab-photo img {
	border-radius: 20px 0px;
}
@media (min-width: 768px) {
	.r-ab-photo img {
		border-radius: 25px 0px;
	}
}
@media (min-width: 1200px) {
	.r-ab-photo img {
		border-radius: 30px 0px;
	}
}


/*左に画像*/
@media (min-width: 768px) {
	.rcrt-ab-l .r-ab-photo {
		margin-right: 1.5rem;
	}
}
@media (min-width: 992px) {
	.rcrt-ab-l .r-ab-photo {
		margin-right: 2.6rem;
	}
}


/*右に画像*/
.rcrt-ab-r .r-ab-photo {
	order: 1;
}
@media (min-width: 768px) {
	.rcrt-ab-r .r-ab-photo {
		margin-left: 1.5rem;
		order: 2;
	}
}
@media (min-width: 992px) {
	.rcrt-ab-r .r-ab-photo {
		margin-left: 2.6rem;
	}
}


/*テキストの幅共通*/
.r-ab-txt {
	width: 100%;
}
@media (min-width: 768px) {
	.r-ab-txt {
		width: 53%;
	}
}
@media (min-width: 1200px) {
	.r-ab-txt {
		width: 42%;
	}
}


/*画像右の時のテキスト*/
.rcrt-ab-r .r-ab-txt {
	order: 2;
}
@media (min-width: 768px) {
	.rcrt-ab-r .r-ab-txt {
		order: 1;
	}
}

/* =========== ↑ 私たちについて ↑ =========== */




/* =========== ↓ 数字で見る富山興業 ↓ =========== */

@media (min-width: 1400px) {
	.r-numbers-list-w {
		width: 1205px;
		margin: 0 auto;
	}
}

.r-numbers-list,
.r-numbers-list-b {
	padding-left: 0;
	display: grid;
	gap: 16px;
}
@media (min-width: 1200px) {
	.r-numbers-list,
	.r-numbers-list-b  {
		gap: 32px 27px;
	}
}


/* カラム1 → md~3カラム */
.r-numbers-list {
	grid-template-columns: 1fr;
}
@media (min-width: 768px) {
	.r-numbers-list {
		grid-template-columns: repeat(3, 1fr);
	}
}


/* カラム2 → md~3カラム */
.r-numbers-list-b {
	grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
	.r-numbers-list-b {
		grid-template-columns: repeat(3, 1fr);
	}
}


/* 共通の背景色 */
.r-numbers-list li,
.r-numbers-list-b li {
	list-style: none;
	background-color: white;
	border: solid 1px var(--c-b7);
}

.r-numbers-list li {
	padding: 2.5rem 1rem 2rem;
}
@media (min-width: 1200px) {
	.r-numbers-list li {
		padding: 2.5rem 2rem 2rem;
	}
}

.r-numbers-list-b li {
	padding: 2rem 1rem 2rem;
}


/* メインの画像の位置 */
.nmb-icon-area {
	text-align: center;
	margin-bottom: 0.5rem;
}



.r-numbers-list-b .nmb-icon-area {
	height: 63%;
}
@media (min-width: 576px) {
	.r-numbers-list-b .nmb-icon-area {
		height: 80%;
	}
}
@media (min-width: 992px) {
	.r-numbers-list-b .nmb-icon-area {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.r-numbers-list-b .nmb-icon-area {
		height: 76%;
	}
}



/* メインの画像のサイズ */
.nmb-m-icon img {
	width: 250px; /* 適切な幅に設定 */
	height: auto; /* アスペクト比を維持 */
	max-height: 128px; /* 高さが異なる場合は調整 */
	object-fit: contain; /* 画像を比率に合わせて収める */
}

/* 1→３カラムの画像サイズ */
.r-numbers-list .nmb-m-icon img {
	width: 250px;
	max-height: 128px;
}

/* 2→３カラムの画像サイズ */
@media (min-width: 992px) {
	.r-numbers-list-b .nmb-m-icon img {
		width: 220px;
		max-height: 120px;
	}
}


.r-numbers-list-b .nmb-m-icon.grf img {
	margin-top: 0.9rem;
}
@media (min-width: 992px) {
	.r-numbers-list-b .nmb-m-icon.grf img {
		width: 232px;
		max-height: 147px;
		margin-top: 1.2rem;
	}
}
@media (min-width: 1200px) {
	.r-numbers-list-b .nmb-m-icon.grf img {
		width: 260px;
		max-height: 163px;
		margin-top: 0.3rem;
	}
}


 /* 東京ドームの画像サイズ */
.nm-dome {
	width: 96px;
}
@media (min-width: 576px) {
	.nm-dome {
		width: 50px;
	}
}
@media (min-width: 992px) {
	.nm-dome {
		width: 96px;
	}
}


/* 東京ドームと数字のフレックス */
.nmb-count-area {
	display: flex;
	align-items: center; /* 縦方向でセンター揃え */
	justify-content: center; /* 横方向でセンター揃え（必要なら） */
	gap: 8px; /* 画像と数字の間にスペースを設ける */
}

.nmb-count-area p {
	margin: 0; /* 不要な余白を削除 */
}



/* 数字のテキスト */
.nm-count {
	font-size: 3.25rem;
	font-weight: var(--font-bold);
	font-family: var(--font-oz);
	color: var(--c-a);
}
@media (min-width: 768px) {
	.nm-count {
		font-size: 2.5rem;
	}
}
@media (min-width: 992px) {
	.nm-count {
		font-size: 3.25rem;
	}
}

.r-numbers-list-b .nm-count {
	font-size: 2rem;
}
@media (min-width: 992px) {
	.r-numbers-list-b .nm-count {
		font-size: 3.25rem;
	}
}


/* 数字のテキストの小さい文字 */
.nm-count span {
	font-size: 1.5rem;
	font-weight: var(--font-bold);
	font-family: var(--font-oz);
	color: var(--c-a);
	padding-left: 0.2rem;
}


.r-numbers-list-b .nm-count span {
	font-size: 1.25rem;
}
@media (min-width: 992px) {
	.r-numbers-list-b .nm-count span {
		font-size: 1.5rem;
	}
}


/* タイトルと詳細テキスト */
.nmb-txt-area {
	font-size: 0.875rem;
}

.nmb-txt-area h6 {
	color: var(--c-a);
	font-size: 1rem;
	line-height: 140%;
	font-weight: var(--font-bold);
	text-align: center;
	margin-bottom: 0.4rem;
}


.r-numbers-list-b .nmb-txt-area {
	text-align: center;
}

/* =========== ↑ 数字で見る富山興業 ↑ =========== */



/* =========== ↓ 働く環境サポート ↓ =========== */

/* サポートタイトルテキストエリア */
.support-txt-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 1.7rem;
}
@media (min-width: 768px) {
	.support-txt-area {
		width: 739px;
		margin: 0 auto 3rem auto;
	}
}
@media (min-width: 1200px) {
	.support-txt-area {
		margin: 0 auto 4.4rem auto;
	}
}

.prt-t-icon {
	width: 90px;
	margin: 0 auto 1rem auto;
}
@media (min-width: 768px) {
	.prt-t-icon {
		width: 13%;
		max-width: 90px;
		margin: 0 1.3rem 0 0;
	}
}


.prt-t-txt {
	width: 100%;
}
@media (min-width: 768px) {
	.prt-t-txt {
		width: 85%;
	}
}

/* サポートリスト */
.support-list {
	padding-left: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}
@media (min-width: 768px) {
	.support-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 992px) {
	.support-list {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 1200px) {
	.support-list {
		gap: 28px;
	}
}
@media (min-width: 1400px) {
	.support-list {
		width: 1280px;
		margin: 0 auto;
	}
}


/* サポートリスト 色 */
.support-list li {
	list-style: none;
	padding: 2rem 1.5rem;
	background-color: var(--c-a1);
	border-radius: 10px;
}


/* サポートリスト h5 */
.support-list h5 {
	font-size: 0.9375rem;
	color: var(--c-text);
	background-image: url(../images/parts/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: top 1px left;
	padding: 0.2rem 0rem 0.3rem 2rem;
}
@media (min-width: 992px) {
	.support-list h5 {
		font-size: 1.0625rem;
		background-position: top 3.8px left;
	}
}





.readmore {
	position: relative;
	padding: 0px 0px 75px;
}
@media (min-width: 992px) {
	.readmore {
		margin: 0 auto;
		padding: 0;
	}
}

.readmore-content {
	position: relative;
	height: 630px;
	transition: all .4s;
	overflow: hidden;
}
@media (min-width: 576px) {
	.readmore-content {
		height: 489px;
	}
}
@media (min-width: 768px) {
	.readmore-content {
		height: 380px;
	}
}
@media (min-width: 992px) {
	.readmore-content {
		height: 100%;
	}
}

.readmore-content::before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 75px;
	transition: all .4s;
	background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100% );
}
@media (min-width: 992px) {
	.readmore-content::before {
		background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0) 50%, #fff0 100% );
	}
}

.readmore-content.is_open:before{
	display: none;
}


.readmore button {
	position: absolute;
	display: table;
	left: 48%;
	bottom: 0px;
	margin: 0 auto;
	width: 121px;
	background-color: transparent;
	background-image: url(../images/parts/aw2-c-a-b.svg);
	background-repeat: no-repeat;
	background-size: 19px auto;
	background-position: center right;
	color: var(--c-a);
	text-align: center;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	transform: translateX(-50%);
	z-index: 1;
	transition: all .4s;
}

.readmore button.is_open {
    background-image: url(../images/parts/aw2-c-a-t.svg); /* 切り替え後の矢印画像 */
}

@media (min-width: 992px) {
	.readmore button {
		display: none;
	}
}

/* =========== ↑ 働く環境サポート ↑ =========== */



/* =========== ↓ 先輩社員紹介のボタン　 bxスライダー ↓ =========== */

@media (min-width: 768px) {
	.staff-slider {
		width: 90%;
		margin: 0 auto;
	}
}
@media (min-width: 1400px) {
	.staff-slider {
		width: 1260px;
		margin: 0 auto;
	}
}

.bx-wrapper {
	margin-bottom: 0;
}

.bxslider a {
	text-decoration: none;
}

/* --------- liのサイズ ------------------------------------ */
.bxslider {
	margin-left: 50%;/* 中心揃えにするとき必須 */
}

/* 画像を中央揃えにする時に、マージンレフト・ライトの調整が必要です。 */
.bxslider li {
	width: 316px !important;
	position: relative;
	overflow: hidden;
	margin-left: -158px;/* 316÷2=15 */
	margin-right: 195px !important;/* 158＋37(開けるマージンの数字) */
}
@media (min-width: 768px) {
	.bxslider li {
		width: 500px !important;
		margin-left: -250px;/* 200÷2=250 */
		margin-right: 280px !important;/* 250＋37 */
	}
}
/* --------- liのサイズ ------------------------------------ */


/* 画像のサイズ親 */
.bxslider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 35px 0px;
}

/* 画像のサイズ細かい調整 */
.invw-s-img {
    height: 210px;
    margin-bottom: 0.4rem;
    border-radius: 35px 0px;
}


@media (min-width: 768px) {
    .invw-s-img {
        height: 330px;
    }
}

@media (min-width: 1200px) {
	.invw-s-img {
		overflow: hidden;  /* 画像のはみ出しを隠す */
	}

	/* ホバー時に画像を拡大 */
	.bxslider li a:hover > .invw-s-img img {
		transform: scale(1.1);  /* 画像を1.1倍に拡大 */
		transition: transform 0.3s ease; /* スムーズなアニメーション */
	}

	/* ホバー効果を無効化するクラス */
	.bxslider.no-hover li a:hover > .invw-s-img img {
		transform: none !important;
		transition: none !important;
	}

	/* ボタンエリアはホバー効果を除外 */
	.bx-controls-direction {
		pointer-events: auto;
	}
}


/* 題名のテキスト親 */
.invw-s-txt {
    position: absolute;
	bottom: 65px;
    left: 20px;
    font-size: 0.9375rem;
	line-height: 3;
}
@media (min-width: 768px) {
	.invw-s-txt {
		bottom: 70px;
		font-size: 1.5rem;
		line-height: 2.5;
	}
}


/* 題名のテキスト */
.invw-s-txt span {
    color: #fff;
    background-color: var(--c-text);
    padding: 10px;
}

.invw-num {
	text-align: center;
	color: var(--c-text);
	font-size: 0.8125rem;
}


/* ネクストボタンの高さ */
.bx-wrapper .bx-controls-direction a {
	top: calc(43% - var(--size-a) / 2);
	opacity: 1;
}
@media (min-width: 768px) {
	.bx-wrapper .bx-controls-direction a {
		top: calc(42% - var(--size-a) / 2);
	}
}

/* ネクストボタンの左 */
@media (min-width: 768px) {
	.bx-controls-direction .bx-prev {
		left: -40px;
	}
}
@media (min-width: 1200px) {
	.bx-controls-direction .bx-prev {
		left: -45px;
	}
}
/* ネクストボタンの右 */
@media (min-width: 768px) {
	.bx-controls-direction .bx-next {
		right: -40px;
	}
}
@media (min-width: 1200px) {
	.bx-controls-direction .bx-next {
		right: -45px;
	}
}


/* 画像の下の丸 */
.bx-pager {
	display: none;
}


/* =========== ↑ 先輩社員紹介のボタン bxスライダー ↑ =========== */



/* =========== ↓ 先輩社員紹介の中身 道・記載 ↓ =========== */

.staff-headhing-photo {
	position: relative;
}

.staff-heading-photo-main img {
	border-radius: 40px 0px;
		object-fit: cover;
		width: 100%;
		aspect-ratio: 3 / 2;
}
@media (min-width: 992px) {
	.staff-heading-photo-main img {
        object-fit: initial;
        aspect-ratio: auto;
    }
}

@media (min-width: 768px) {
	.staff-headhing-text {
		position: absolute;
		bottom: -3%;
		left: 3%;
	}
}
@media (min-width: 768px) {
	.staff-headhing-text {
		position: absolute;
		bottom: -5%;
		left: 3%;
	}
}
@media (min-width: 1400px) {
	.staff-headhing-text {
		position: absolute;
		bottom: -4%;
		left: 3%;
	}
}

.staff-headhing .staff-b {
	display: flex;
    flex-direction: column;
    gap: 0;
}
@media (min-width: 768px) {
	.staff-headhing .staff-b {
		display: initial;
		flex-direction: initial;
		gap: 0;
	}
}

.staff-headhing .staff-b span {
	display: inline;
	font-size: 1.125rem;
	color: var(--c-white);
	background-color: var(--c-k8);
	padding: .5rem .75rem;
}
@media (min-width: 768px) {
	.staff-headhing .staff-b span {
		font-size: 1.25rem;
	}
}
@media (min-width: 1400px) {
	.staff-headhing .staff-b span {
		font-size: 1.5rem;
	}
}

@media (min-width: 768px) {
	.staff-headhing .staff-blur {
		font-size: 1rem;
		line-height: normal;
		background: rgba(255, 255, 255, 0.30);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		padding: .5rem 1.5rem;
	}
}
@media (min-width: 1400px) {
	.staff-headhing .staff-blur {
		font-size: 1.125rem;
	}
}

.tree-illust img {
	position: absolute;
	bottom: 43%;
	right: 1%;
	max-width: 111px;
}
@media (min-width: 768px) {
	.tree-illust img {
		bottom: -10%;
		right: 3%;
		max-width: 132px;
	}
}
@media (min-width: 1400px) {
	.tree-illust img {
		bottom: -9%;
		right: 5%;
		max-width: 166px;
	}
}

.staff-content {
	border-bottom: 1px solid var(--c-b7);
}

@media (min-width: 768px) {
    .staff-content .staff-phpto-r img {
        width: 70%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .staff-content .staff-phpto-r img {
        width: auto;
        margin: 0;
    }
}
@media (min-width: 768px) {
    .staff-content .staff-phpto-l img {
        width: 70%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .staff-content .staff-phpto-l img {
        width: auto;
        margin: 0;
    }
}

@media (min-width: 1200px) {
	.staff-content .staff-text-r {
		order: 2;
	}
}

@media (min-width: 1200px) {
	.staff-content .staff-photo-l {
		order: 1;
	}
}

/* =========== ↑ 先輩社員紹介の中身 道・記載 ↑ =========== */



/* =========== ↓ よくある質問 ↓ =========== */

@media (min-width: 1200px) {
	.faq-area {
		width: 1140px;
		margin: 0 auto;
	}
}

/* =========== ↑ よくある質問 ↑ =========== */



/* =========== ↓ エントリーバナーエリア ↓ =========== */

/*グラデーションと画像の設定*/
.bnr-entry {
	background: linear-gradient(45deg, rgba(183, 197, 126, 0.70), rgba(28, 125, 28, 0.70)),
	url(../images/recruit/04-06-01-sp.jpg);
	background-repeat: no-repeat;
	background-size: auto,cover;
	background-position: center center;
	padding: 5rem 2rem;
	position: relative;
	border-radius: 30px 0px;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	.bnr-entry {
		background: linear-gradient(45deg, rgba(183, 197, 126, 0.70), rgba(28, 125, 28, 0.70)),
		url(../images/recruit/04-06-01.jpg);
		background-repeat: no-repeat;
		background-size: auto,cover;
		background-position: center center;
		padding: 6rem 0;
		border-radius: 40px 0px;
		margin: 0 auto 2.5rem;
	}
}
@media (min-width: 1200px) {
	.bnr-entry {
		padding: 8.2rem 0;
		width: 1044px;
	}
}


/*英文の位置*/
.entry-en {
	position: absolute;
	top: -28px;
}
@media (min-width: 1200px) {
	.entry-en {
		top: -60px;
		left: -60px;
	}
}


@media (min-width: 768px) {
	.entry-en img {
		width: 300px;
	}
}
@media (min-width: 1200px) {
	.entry-en img {
		width: 410px;
	}
}



/*h3タイトルの設定*/
.bnr-entry h3 {
	text-align: center;
	color: white;
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
	.bnr-entry h3 {
		font-size: 2rem;
		margin-bottom: 3.375rem;
	}
}


/*テキストとボタンのフレックス*/
.bnr-entry-fx {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media (min-width: 768px) {
	.bnr-entry-fx {
		width: 630px;
		margin: 0 auto;
	}
}


/*テキストエリア*/
.entry-txt {
	width: 100%;
	max-width: 300px;
	color: white;
	margin-bottom: 1.5rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.entry-txt {
		width: 48%;
		margin-right: 1.5rem;
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.entry-txt {
		margin-right: 2.5rem;
	}
}


/*ボタンエリア*/
.grd-btn-area {
	width: 77%;
	max-width: 260px;
	color: var(--c-a);
	margin: 0 auto;
}
@media (min-width: 1200px) {
	.grd-btn-area {
		max-width: 273px;
	}
}


#bnr-entry .grd-btn-area {
	.grd-btn-area {
		width: 77%;
	}
}
@media (min-width: 768px) {
	#bnr-entry .grd-btn-area {
		width: 48%;
	}
}



.grd-btn {
	display: block;
    text-align: center;
    border-radius: 35px;
    padding: 2px;
    background: linear-gradient(75deg, rgba(183, 197, 126, 0.70), rgba(28, 125, 28, 0.70));
	transition-duration: .3s;
}

.grd-btn > * {
    display: block;
    background: white;
    border-radius: 30px;
    padding: 9px 20px;
}
@media (min-width: 768px) {
	.grd-btn > * {
		padding: 16px 20px;
	}
}


.grd-btn a {
    text-decoration: none;
    color: inherit;
}

@media (min-width: 1200px) {
	.grd-btn a:hover {
		padding: 16px 20px;
		background-color: rgba(255,255,255,.9);
	}
}



.entry-list {
	display: grid;
	grid-template-columns: 1fr;
	padding-left: 0;
	gap: 16px;
}
@media (min-width: 768px) {
	.entry-list {
		gap: 32px;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1200px) {
	.entry-list {
		gap: 40px;
		grid-template-columns: repeat(2, 1fr);
		width: 975px;
		margin: 0 auto;
	}
}

.entry-list li {
	background-color: var(--c-b5);
	border-radius: 40px 0px;
	padding: 2rem;
	display: grid;
	grid-row: span 3;
	grid-template-rows: subgrid;
	row-gap: 0px;
}
@media (min-width: 576px) {
	.entry-list li {
		padding: 2.5rem 5.5rem;
	}
}
@media (min-width: 768px) {
	.entry-list li {
		padding: 2rem;
	}
}
@media (min-width: 1200px) {
	.entry-list li {
		padding: 3rem 4.2rem;
	}
}


.entry-list li {
	list-style: none;
}



.entry-list h5 {
	text-align: center;
	font-weight: var(--font-normal);
	color: var(--c-text);
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
	.entry-list h5 {
		font-size: 1.5rem;
		margin-bottom: 2rem;
	}
}


.entry-list-txt {
	margin-bottom: 2rem;
}

/* =========== ↑ エントリーバナーエリア ↑ =========== */



/* =========== ↓ トップエントリーボタン ↓ =========== */

.t-entry-btn {
	max-width: 163px;
	position: absolute;
	right: 0;
	top: -38px;
	z-index: 1;
}
@media (min-width: 768px) {
	.t-entry-btn {
		max-width: 207px;
		top: -52px;
	}
}

.t-entry-btn a {
	text-decoration: none;
}

.t-entry-txt {
	line-height: 0.6;
	font-size: 0.875rem;
}
@media (min-width: 768px) {
	.t-entry-txt {
		font-size: 1rem;
	}
}

/* ボタンの設定 */
.t-entry-btn a {
	display: block;
	background: linear-gradient(90deg, #B7C57E, #1C7D1C);
	padding: 0.8rem 0.7rem 0.6rem 1.5rem;
	text-align: center;
	border-radius: 50px 0 0 50px;
}
@media (min-width: 768px) {
	.t-entry-btn a {
		padding: 1.7rem 1rem 1.4rem 2rem;
	}
}


/* 下向きやじるし */
.t-entry-btn a::after {
	content: "";
	background-image: url(../images/parts/rc-aw-wh-b.svg);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: center bottom;
	padding: 0rem 1rem;
}
@media (min-width: 768px) {
	.t-entry-btn a::after {
		background-size: 28px auto;
		padding: 0.3rem 1rem;
	}
}

@media (min-width: 1200px) {
	.t-entry-btn:hover a::after {
		background-position: center bottom;
		padding: 0rem 1rem 0.7rem 1rem;
	}
}

.t-entry-btn a span {
	color: white;
}


.t-ent-en {
	display: none;
	font-family: var(--font-en);
}
@media (min-width: 768px) {
	.t-ent-en {
		display: block;
	}
}

/* =========== ↑ トップエントリーボタン ↑ =========== */