/*===============================================================================
地域とともに、成長する仕事
================================================================================*/
.recruit-summary{
	margin-bottom: var(--g-sec--md);
}

/* タイトル */
.recruit-summary__title{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}
@media (min-width: 768px){
	.recruit-summary__title{
		text-align: left;
	}
}

/* 2カラム */
.recruit-summary__cols{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 90%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.recruit-summary__cols{
		--count: 2;
	}
}

/* テキストエリア */
.recruit-summary__content{
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

/* 画像 */
.recruit-summary__image{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}



/*===============================================================================
会社を知る
================================================================================*/
.recruit-detail{
	--count: 1;
	--gap: var(--g-sec--xs);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 960px){
	.recruit-detail{
		--count: 2;
	}
}

.recruit-detail__section{
	--cont-layer: 5;
	position: relative;
	flex-grow: 1;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	max-width: 35rem;
	margin-inline: auto;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}

/* 背景画像 */
.recruit-detail__bgi{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 358 / 202;
	object-fit: cover;
	object-position: 50% 50%;
}
@media (min-width: 960px){
	.recruit-detail__bgi{
		aspect-ratio: 540 / 334;
	}
}

/* コンテナ */
.recruit-detail__container{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	height: 100%;
	padding: clamp(1.25rem, 0.716rem + 1.43vw, 2rem);
	z-index: var(--cont-layer);
}

/* ヘッド */
.recruit-detail__title{
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
	font-size: clamp(1.4rem, 0.973rem + 1.14vw, 2rem);
}

/* 文 */
.recruit-detail__desc{ 
	display: flex;
	max-width: 410px;
/* 	justify-content: center; */
}

/* ボタン */
.recruit-detail__btn{ 
	text-align: center;
}



/*===============================================================================
採用情報
================================================================================*/
.recruit-info{
	position: relative;
	padding: var(--g-sec--md) 0;
}
.recruit-info__bgi{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	content: "";
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: 14%;
}

/*===============================
* ヘッド
* =================================*/
.recruit-info__head{
	margin-bottom: var(--g-sec--md);
}
.recruit-info__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}
.recruit-info__lead{
	display: flex;
	justify-content: center;
}


/*===============================
* バナー
* =================================*/
.recruit-info-banner:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
}
.recruit-info-banner{
	--cont-layer: 5;
	position: relative;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}

/* 背景画像 */
.recruit-info-banner__bgi{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 360 / 320;
	object-fit: cover;
}
.recruit-info-banner__bgi.--coordinator{
	object-position: 50% 85%;
}
.recruit-info-banner__bgi.--store{
	object-position: 50% 15%;
}
@media (min-width: 600px){
	.recruit-info-banner__bgi{
		aspect-ratio: 360 / 200;
	}
}
@media (min-width: 768px){
	.recruit-info-banner__bgi{
		aspect-ratio: 360 / 170;
	}
}
@media (min-width: 960px){
	.recruit-info-banner__bgi{
		aspect-ratio: 1120 / 320;
	}
}

/* コンテナ */
.recruit-info-banner__container{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	height: 100%;
	padding: clamp(1rem, -0.068rem + 2.85vw, 2.5rem);
	z-index: var(--cont-layer);
}

/* ヘッド */
.recruit-info-banner__title{
	display: flex;
	flex-direction: column;
}
.recruit-info-banner__title[data-title]::after{
	content: attr(data-title);
	font-size: .5em;
}

/* ボディ */
.recruit-info-banner__body{
	--count: 1;
	--gap: 1rem;
	--text-width: 100%;
	--btn-width: calc( 200% - var(--text-width) );
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 2.25rem var(--gap);
}
@media (min-width: 960px){
	.recruit-info-banner__body{
		--count: 2;
	}
}

/* 文 */
.recruit-info-banner__desc{ 
	flex-grow: 1;
	width: calc( ( var(--text-width) - var(--gap) * (var(--count) - 1) ) / var(--count) ); 
}
@media (min-width: 960px){
	.recruit-info-banner__desc{ 
		max-width: 37.5rem;
	}
}

/* ボタン */
.recruit-info-banner__btn{ 
	width: calc( ( var(--btn-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	text-align: center;
}
@media (min-width: 600px){
	.recruit-info-banner__btn{ 
		max-width: 22.5rem;
	}
}