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

page-working-environment.css　働く環境ページcss

********************************************************************************/

/*============================================================
 セクション共通
*============================================================*/
#page-working-environment .section {
}

/*============================================================
 多様性と包摂性を尊重するオフィス
*============================================================*/
#page-working-environment #sec-office {
	margin-bottom: 80px;
}
#page-working-environment #sec-office .block {
	margin-bottom: 40px;
}
#page-working-environment #sec-office .block .block-title {
	text-align: center;
}
#page-working-environment #sec-office .block:last-child {
	margin-bottom: 0;
}


/*============================================================
 多様性と包摂性を尊重するオフィス
*============================================================*/
#page-working-environment #sec-carrier {
	margin-bottom: 120px;
}
#page-working-environment #sec-carrier .block {
	gap: 32px;
	margin-bottom: 80px;
}
#page-working-environment #sec-carrier .block .image {
	width: 52%;
	margin-bottom: 0;
}
#page-working-environment #sec-carrier .block .info {
	width: 44%;
}

#page-working-environment #sec-carrier .env-block .lead {
	text-align: center;
	margin-bottom: 40px;
}
#page-working-environment #sec-carrier .env-block .lead .block-title {
	margin-bottom: 24px;
}
#page-working-environment #sec-carrier .env-block .image-list.col2 {
	gap: 24px 40px;
	margin-bottom: 40px;
}
#page-working-environment #sec-carrier .env-block .image-list.col2 .item {
	width: 48%;
}
#page-working-environment #sec-carrier .env-block .image-list.col2 .item .image {
	margin-bottom: 16px;
}
#page-working-environment #sec-carrier .env-block .image-list.col3 {
	gap: 50px;
	margin-bottom: 40px;
}
#page-working-environment #sec-carrier .env-block .image-list.col3 .item {
	width: 30%;
}
#page-working-environment #sec-carrier .env-block .image-list.col3 + .text {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1048px) {
    /*============================================================
     セクション
    *============================================================*/
	#page-working-environment #sec-carrier .block {
		gap: 24px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col2 {
		gap: 24px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col3 {
		gap: 32px;
	}

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     セクション
    *============================================================*/
	#page-working-environment #sec-carrier {
		margin-bottom: 56px;
	}
	#page-working-environment #sec-carrier .block .image {
		width: 100%;
		max-width: 480px;
	}
	#page-working-environment #sec-carrier .block .info {
		width: 100%;
	}
	#page-working-environment #sec-carrier .block .info .block-title {
		text-align: center;
	}

	#page-working-environment #sec-carrier .env-block .image-list.col2 {
		gap: 24px 16px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col2 .item {
		width: 100%;
		max-width: 480px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col3 {
		gap: 24px;
		margin-bottom: 16px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col3 .item {
		width: 29%;
	}

}

@media screen and (max-width: 480px) {
	#page-working-environment #sec-carrier .inner {
		padding: 0;
	}
	#page-working-environment #sec-carrier .block .info {
		padding: 0 16px;
	}
	#page-working-environment #sec-carrier .block .image {
		overflow: hidden;
	}
	#page-working-environment #sec-carrier .block .image img {
		width: 144%;
		max-width: initial;
		margin-left: -23vw;
	}

	#page-working-environment #sec-carrier .env-block {
		padding: 0 16px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col3 {
		gap: 16px;
	}
	#page-working-environment #sec-carrier .env-block .image-list.col3 .item {
		width: 47%;
	}
	
}