@charset "utf-8";

/*-----------------------------------------------------------------------------------------------*/
/* 働く環境を知る -------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.main .contents { margin-top: var(--margin-80); }
.main .contents:first-of-type { margin-top: var(--margin-20); }

.main .contents h3 { padding-bottom: var(--margin-10); }
.main .button.long { margin-top: var(--margin-30);  }
.main .career .button.long .detail { text-align: left; }


/* 数字で見る直島文化村 -------------------------------------------------------------------------*/
.main #numbers ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--margin-10);
}
.main #numbers li {
	background-color: rgba(79, 163, 200, 0.7);
	border-radius: 20px;
	width: calc((100% - var(--margin-10)) / 2);
}


/* 福利厚生・待遇 -------------------------------------------------------------------------------*/
.main #welfare .contents {
	display: flex;
	flex-direction: column;
	row-gap: var(--margin-80);
}
.main #welfare dl {
	border-top: var(--color-border) solid 1px;
	font-size: var(--font-m);
	line-height: var(--line-m);
}
.main #welfare dl:last-of-type { border-bottom: var(--color-border) solid 1px; }
.main #welfare dt,
.main #welfare dd { padding: 10px 0 12px; }
.main #welfare dt {
	font-weight: var(--weight-b);
	padding-bottom: 0;
}
.main #welfare dd p:not(:first-of-type) { margin-top: 1em; }
/*-----------------------------------------------------------------------------------------------*/





@media(min-width: 530px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* 働く環境を知る -------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 福利厚生・待遇 -------------------------------------------------------------------------------*/
	.main #welfare dl {
		display: flex;
		column-gap: var(--margin-30);
	}
	.main #welfare dt {
		white-space: nowrap;
		width: 26%;
		max-width: 120px;
	}
	.main #welfare dd { flex: 1; }
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 768px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* 働く環境を知る -------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 数字で見る直島文化村 -------------------------------------------------------------------------*/
	.main #numbers ul { gap: var(--margin-20); }
	.main #numbers li { width: calc((100% - (var(--margin-20) * 2)) / 3); }
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 1024px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* 働く環境を知る -------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 働く環境を知る -------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 数字で見る直島文化村 -------------------------------------------------------------------------*/
	.main #numbers ul { gap: var(--margin-30); }
	.main #numbers li { width: calc((100% - (var(--margin-30) * 2)) / 3); }
	/* 福利厚生・待遇 -------------------------------------------------------------------------------*/
	.main #welfare .contents {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--margin-80) var(--margin-60);
	}
	.main #welfare .contents .item { width: calc((100% - var(--margin-60)) / 2); }
	/*-----------------------------------------------------------------------------------------------*/
}