@charset "utf-8";

/* CSS Document */
/* ------------------------------------------------------------------------------------------------------------
	[求人 / index]
	<header>
------------------------------------------------------------------------------------------------------------ */
.recruit.index .Harea .page_head
{
	display: grid;
}


.recruit.index .page_head p
{
	position: absolute;
	right: 0;
	bottom: 0;

	color: rgb(var(--w));
}


.recruit.index .page_head .img
{
	grid-template-columns: unset;
	gap: var(--gap);
}

.recruit.index .page_head .img img
{
	aspect-ratio: unset;
}

.recruit.index .page_head .lead
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;
}


.recruit.index .Harea
{
	margin-top: calc((0em - var(--padding)) + (var(--gap) / 1));
}


/* ------------------------------------------------------------------------------------------------------------
	[求人 / index]
	<main>
------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------
	[求人 / index]
	<footer>
------------------------------------------------------------------------------------------------------------ */
.recruit.index footer>*[class*="wrap"]
{
}

.recruit.index footer>*[class*="wrap"]::before
{
	top: 0;
	translate: -50% -0%;
	height: calc(100% + var(--copy_h));
}


/* ------------------------------------------------------
	[求人 / index]　「技術」よりも先に、大切にしたいことがあります。
*/
.recruit.index main .ct1
{
}

.recruit.index main .ct1 table :where(th, td):has(img)
{
	width: auto;

	padding-top: 0;
	padding-bottom: 0;

	border-bottom-width: 0;
}


/* ------------------------------------------------------
	[求人 / index]　私たちが大切にしている働き方
	[求人 / index]　守るべきは「安全」、磨くべきは「一生の腕」。
*/
.recruit.index main :is(.ct2>*, .ct3)
{
	--txt_w						: 100%;
}

.recruit.index main :is(.ct2>*, .ct3)>img
{
	order: 2;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;

	width: auto;
	height: auto;
}

.recruit.index main .ct2>*
{
	display: grid;
	gap: var(--gap);
}
.recruit.index main .ct2>*>*[class*="wrap"]
{
	order: 1;
}
.recruit.index main :is(.ct2) h2
{
	justify-self: initial;
}
.recruit.index main :is(.ct2) .main table th
{
	width: 100%;
}

/* ------------------------------------------------------
	[求人 / index]　この街を、この仲間と。
*/
.recruit.index main .ct5
{
}

.recruit.index main .ct5 .body .item
{
	grid-template-columns: unset;
}

.recruit.index main .ct5 .body .num
{
	grid-column: unset;

	font-size: 3em;
	text-align: left;
}

.recruit.index main .ct5 .body .item .head
{
	justify-self: center;

	width: 60%;
}

.recruit.index main .ct5 .body .item .main
{
	padding-left: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	[求人]　エントリーフォーム
	recruit/form.php
------------------------------------------------------------------------------------------------------------ */
.recruit.form
{
}


.recruit.form .page_head
{
	margin-top: calc(0em - (var(--padding) - var(--gap)));
}