@charset "utf-8";

/*採用情報ページ ここから*/
.recruit_page{
	width: 100%;
	height: auto;
	background-color: #fafafa;
}
.recruit_page .baskervville{
	font-family: 'Baskervville', serif;
}

/*=== 見出し＋ヒーロー ===*/
.recruit_head{
	width: 100%;
	height: auto;
	padding: 70px 0 0;
	display: block;
}
.recruit_head_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.recruit_page_en{
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #0e2155;
}
.recruit_page_ttl{
	margin-top: 30px;
	font-size: 32px;
	line-height: 41px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.recruit_hero{
	width: 100%;
	height: 570px;
	margin: 63px auto 0;
	display: block;
	overflow: hidden;
}
.recruit_hero img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/*=== イントロ ===*/
.recruit_intro{
	width: 100%;
	height: auto;
	margin: 69px 0 0;
	display: block;
}
.recruit_intro_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.recruit_intro_ttl{
	font-size: 24px;
	line-height: 1.7;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.recruit_intro_txt{
	margin-top: 25px;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.recruit_intro_img{
	width: 820px;
	height: 400px;
	margin: 53px auto 0;
	display: block;
	overflow: hidden;
	border-radius: 6px;
}
.recruit_intro_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.recruit_page_btn{
	width: 220px;
	height: 58px;
	margin: 39px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #0e2155;
	border-radius: 29px;
	font-size: 15px;
	line-height: 1;
	color: #0e2155;
	position: relative;
}
.recruit_page_btn--interview{
	width: 280px;
}
.recruit_page_btn--work{
	width: 250px;
}

/*=== 働く魅力 ===*/
.recruit_merit{
	width: 100%;
	height: auto;
	margin: 100px 0 0;
	padding: 80px 0 75px;
	background-color: #f4f4f4;
	display: block;
}
.recruit_merit_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.recruit_merit_ttl{
	font-size: 28px;
	line-height: 42px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.recruit_merit_list{
	width: 100%;
	height: auto;
	margin: 42px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.recruit_merit_item{
	width: 380px;
	height: auto;
	display: block;
}
.recruit_merit_img{
	width: 380px;
	height: 241px;
	display: block;
	overflow: hidden;
	border-radius: 6px;
}
.recruit_merit_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.recruit_merit_item_ttl{
	margin-top: 30px;
	font-size: 22px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
	text-align: center;
}
.recruit_merit_item_txt{
	margin-top: 14px;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0.05em;
	color: #5a5959;
	text-align: left;
}
.recruit_merit .recruit_page_btn{
	margin-top: 39px;
}

/*=== 募集要項 ===*/
.recruit_outline{
	width: 100%;
	height: auto;
	margin: 74px 0 0;
	padding: 0 0 100px;
	display: block;
}
.recruit_outline_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.recruit_outline_ttl{
	font-size: 28px;
	line-height: 42px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.recruit_table{
	width: 870px;
	height: auto;
	margin: 31px auto 0;
	display: block;
	border-top: 1px solid #d5d5d5;
	text-align: left;
}
.recruit_table_row{
	width: 100%;
	height: auto;
	padding: 19px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #d5d5d5;
}
.recruit_table_row dt{
	width: 165px;
	height: auto;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
	font-weight: 700;
	flex-shrink: 0;
}
.recruit_table_row dd{
	width: auto;
	height: auto;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
/*採用情報ページ ここまで*/


/* PC: SP用ヒーロー画像は非表示 */
.recruit_hero img.recruit_hero_sp{ display: none; }

/* ============================================================
   SP（〜767px） 採用情報
   ============================================================ */
@media only screen and (max-width: 767px){
	/* 見出し＋ヒーロー */
	.recruit_head{ padding: 56px 0 0; }
	.recruit_head_inner{ width: 100%; padding: 0 27px; }
	.recruit_page_en{ font-size: 16px; letter-spacing: 0.1em; }
	.recruit_page_ttl{ margin-top: 18px; font-size: 25px; line-height: 1.4; }
	.recruit_hero{ width: 100%; height: auto; margin: 24px 0 0; }
	.recruit_hero img.recruit_hero_pc{ display: none; }
	.recruit_hero img.recruit_hero_sp{ display: block; width: 100%; height: auto; }

	/* イントロ */
	.recruit_intro{ margin-top: 48px; }
	.recruit_intro_inner{ width: 100%; padding: 0 27px; }
	.recruit_intro_ttl{ font-size: 20px; line-height: 1.6; }
	.recruit_intro_txt{ margin-top: 20px; font-size: 15px; line-height: 28px; text-align: left; }
	.recruit_intro_img{ width: 100%; height: auto; aspect-ratio: 320 / 156; margin-top: 28px; }
	.recruit_page_btn{ margin-top: 32px; }

	/* 働く魅力 */
	.recruit_merit{ margin-top: 56px; padding: 50px 0 54px; }
	.recruit_merit_inner{ width: 100%; padding: 0 27px; }
	.recruit_merit_ttl{ font-size: 24px; }
	.recruit_merit_list{ flex-direction: column; align-items: stretch; margin-top: 32px; gap: 40px; }
	.recruit_merit_item{ width: 100%; }
	.recruit_merit_img{ width: 100%; height: auto; aspect-ratio: 320 / 203; }
	.recruit_merit_item_ttl{ margin-top: 20px; font-size: 20px; line-height: 1.4; text-align: center; }
	.recruit_merit_item_txt{ margin-top: 12px; font-size: 14px; }
	.recruit_merit .recruit_page_btn{ margin-top: 36px; }

	/* 募集要項 */
	.recruit_outline{ margin-top: 56px; padding: 0 0 54px; }
	.recruit_outline_inner{ width: 100%; padding: 0 27px; }
	.recruit_outline_ttl{ font-size: 24px; }
	.recruit_table{ width: 100%; margin-top: 24px; }
	.recruit_table_row{ flex-direction: column; align-items: flex-start; padding: 16px 0; }
	.recruit_table_row dt{ width: auto; margin-bottom: 6px; }
	.recruit_table_row dd{ width: 100%; }
}