@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	募集要項・選考フロー
========================================================================== */
/* 
	ページタイトル
---------------------------------------------------- */
.guidelinesPage #cmnPageTitWrapper{
	background-image: url("../images/bg_recruit_guidelines_page_tit_pc.png");/* pc画像は2倍書き出し */
}
.guidelinesPage #cmnPageTitWrapper .txt1{
	text-indent: -0.1em;
	letter-spacing: -0.25em;
}

/* 
	募集要項
---------------------------------------------------- */
/* ※障がいをお持ちの方も対象となります。
============================== */
.guideBgArea{
	background-color: var(--clrLGray);
	margin-top: 40px;
}
/* --- タイトル --- */
.guideBgTit{
	border-bottom: 1px solid #000;
	text-align: center;
	color: var(--clrMRed);
	font-size: 2rem;
	font-weight: 700;
	line-height: 130%;
	padding: 20px 30px;
}
/* --- 応募資格 --- */
.guideBgTxtArea{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 15px;
	padding: 30px;
}
/* タイトル */
.guideBgTxtArea .tit{
	background-color: var(--clrMRed);
	text-align: center;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	padding: 9px;
}
/* リスト */
.guideBgTxtArea .circleList{
	flex-direction: row;
	gap: 0 15px;
}

/* 
	選考フロー
---------------------------------------------------- */
/* 見出し
============================== */
.guideFlowWrapper .lineBtmTit .txt1{
	letter-spacing: -0.2em;
}
/* ステップリスト
============================== */
/* --- エントリーリスト --- */
.guideFlowEntryList{
	display: flex;
	gap: 0 20px;
	margin-top: 20px;
}
.guideFlowEntryList li{
	width: calc((100% - 20px)/2);
	text-align: center;
}
.guideFlowEntryList a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 90px;
	background-color: #fff;
	border: 1px solid var(--clrBlack15);
	position: relative;
}
/* --- エントリーリスト(2027年卒向けのインターシップは終了しました) --- */
.guideFlowEntryList .internEndBtn {
	width: 100%;
}
.guideFlowEntryList .internEndBtn a {
	background-color: var(--clrDGray);
	border: 1px solid #787878;
}
/* hover時 */
@media (any-hover: hover){
	.guideFlowEntryList a:hover{
		border: 1px solid var(--clrMRed);
	}
	.guideFlowEntryList .internEndBtn a:hover {
		border: 1px solid #787878;
		background-color: var(--clrDGray);
		filter: none;
	 }
}

/* 
	採用実績データ
---------------------------------------------------- */
/* 見出し
============================== */
.guideDataWrapper .lineBtmTit .txt1{
	letter-spacing: -0.2em;
}
/* --- テーブル --- */
.guideDataWrapper .baseTableScroll{
	text-align: center;
}
.guideDataWrapper .baseTableScroll tbody th{
	text-align: left;
}



/* ==========================================================================
	よくある質問
========================================================================== */
/* 
	ページタイトル
---------------------------------------------------- */
.faqPage #cmnPageTitWrapper{
	background-image: url("../images/bg_recruit_faq_page_tit_pc.png");/* pc画像は2倍書き出し */
}
.faqPage #cmnPageTitWrapper .txt1{
	text-indent: -0.15em;
	letter-spacing: -0.35em;
}
.faqPage #cmnPageTitWrapper .txt2{
	text-indent: 0.05em;
	letter-spacing: -0.2em;
}

/* 
	応募・選考について
---------------------------------------------------- */
/* 見出し
============================== */
.faq01 .lineBtmTit .txt1{
	letter-spacing: -0.15em;
}

/* 
	勤務条件・キャリア
---------------------------------------------------- */
.faq02 .lineBtmTit .txt1{
	text-indent: -0.13em;
	letter-spacing: -0.18em;
}

/* 
	福利厚生・働きやすさ
---------------------------------------------------- */
.faq03 .lineBtmTit .txt1{
	text-indent: -0.1em;
	letter-spacing: -0.15em;
}



/* ==========================================================================
	インターンシップ
========================================================================== */
/* 
	ページタイトル
---------------------------------------------------- */
.internshipPage #cmnPageTitWrapper{
	background-image: url("../images/bg_recruit_internship_page_tit_pc.png");/* pc画像は2倍書き出し */
}
.internshipPage .cmnPageTit {
	letter-spacing: -2.2rem;
}

/* 
	概要
---------------------------------------------------- */
.stepList .internProgramBox {
	font-weight: 500;
	line-height: 3;
	padding: 15px;
	background-color: var(--clrLGray);
}
.stepList .internProgramBox .internBoxRed {
	color: #fff;
	background-color: var(--clrMRed);
	padding: 8px 10px;
	margin-right: 18px;
}
.internEntryList {
	align-items: flex-end;
	margin-top: 0px;
}
.internEntryList a {
	border: 1px solid var(--clrMRed);
}



@media screen and (max-width:812px){
	/* ==========================================================================
		募集要項・選考フロー
	========================================================================== */
	/* 
		ページタイトル
	---------------------------------------------------- */
	.guidelinesPage #cmnPageTitWrapper{
		background-image: url("../images/bg_recruit_guidelines_page_tit_sp.png");
	}

	/* 
		募集要項
	---------------------------------------------------- */
	/* ※障がいをお持ちの方も対象となります。
	============================== */
	.guideBgArea{
		margin-top: 30px;
	}
	/* --- タイトル --- */
	.guideBgTit{
		font-size: 1.5rem;
		padding: 15px 15px;
	}
	/* --- 応募資格 --- */
	.guideBgTxtArea{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px 0;
		padding: 15px;
	}
	/* タイトル */
	.guideBgTxtArea .tit{
		width: 100%;
	}
	/* リスト */
	.guideBgTxtArea .circleList{
		flex-direction: column;
		gap: 6px 0;
	}

	/* 
		選考フロー
	---------------------------------------------------- */
	/* ステップリスト
	============================== */
	/* --- エントリーリスト --- */
	.guideFlowEntryList{
		flex-direction: column;
		gap: 15px 0;
		margin-top: 15px;
	}
	.guideFlowEntryList li{
		width: 100%;
	}
	.guideFlowEntryList a{
		min-height: 80px;
		padding-right: 30px;
	}
	.guideFlowEntryList li:nth-of-type(1) img{
		width: 172px;
	}
	.guideFlowEntryList li:nth-of-type(2) img{
		width: 180px;
	}

	/* 
		採用実績データ
	---------------------------------------------------- */
	/* --- テーブル --- */
	.guideDataWrapper .baseTableScroll{
		width: 500px;
	}



	/* ==========================================================================
		よくある質問
	========================================================================== */
	/* 
		ページタイトル
	---------------------------------------------------- */
	.faqPage #cmnPageTitWrapper{
		background-image: url("../images/bg_recruit_faq_page_tit_sp.png");
	}



	/* ==========================================================================
		インターンシップ
	========================================================================== */
	/* 
		ページタイトル
	---------------------------------------------------- */
	.internshipPage #cmnPageTitWrapper{
		background-image: url("../images/bg_recruit_internship_page_tit_sp.png");
	}
	.internshipPage .cmnPageTit {
		letter-spacing: -.8rem;
	}

	/* 
		概要
	---------------------------------------------------- */
	.stepList .internProgramBox {
		display: flex;
		flex-direction: column;
		line-height: 1.5;
	}
	.stepList .internProgramBox .internBoxRed {
		width: fit-content;
		padding: 5px 6px;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.internEntryList {
		margin-top: 0px;
	}
}