.pageTtlWrap {
	color: #7d9c9d;
	background-color: #87a9aa;
}

.pageContentsWrap {
	--site-themeColor-mainColor: 66 98 99;
}

.sectionCont {
		width: var(--site-sizeContentWide-M);
		max-width: var(--site-sizeMaxWidth-S);
		margin: 0 auto;
	}



/* 基本情報
---------------------------------------------------*/

	.tableWrap {
	}
	/* 行 */
	.tableWrap > div {
		padding: 0.8em 1.2em;
	}
	.tableWrap > div:nth-of-type(even) {		background: rgb(255 255 255 /.8);	}

	.tableWrap > div > dt {
		font-weight: bold;
	}

	.tableWrap .inlineList li {
		display: inline-block;
	}
	.tableWrap .inlineList li:not(:last-child)::after {
		content: "、";
	}

	.tableWrap .columnDataList > div {
		display: grid;
		grid-gap: 1.3em;
		grid-template-columns: auto 1fr;
	}

	.tableWrap [data-list-type] li::before {
		content: "・";
		display: inline-block;
		color: rgb(var(--site-themeColor-mainColor)/ 1);
		text-align: center;
		font-weight: bold;

		margin-right: 0.5em;
	}
	.tableWrap [data-list-type] ol {
		counter-reset: listnum;	
	}

	.tableWrap [data-list-type="number"] ol li::before {
		width: 1.2em;
		counter-increment: listnum;
		content: counter(listnum)".";

		font-weight: bold;
	}

@media screen and (min-width: 736.02px) {
	.tableWrap > div {
		display: grid;
		grid-template-columns: max(200px, 30%) 1fr;
	}
}
@media screen and (max-width: 736px) {
	.tableWrap > div > dt {
		padding-bottom: 0.2em;
		border-bottom: 1px dotted rgb(0 0 0 /.3);
	}
	.tableWrap > div > dd {
		padding: 0.5em;
	}
}


/* ご挨拶
---------------------------------------------------*/
	.greetingWrap {
		line-height: 1.8em;
		letter-spacing: 0;
		text-align: justify;
		background: #FFF;
		padding: var(--site-marpad-M) var(--site-marpad-XS);
	}
	.greetingTxt,
	.greetingWrap .paperBottom {
		max-width: 760px;
		margin-right: auto;
		margin-left: auto;
	}
	.greetingTxt p:not(:first-child) {
		margin-top: 1.8em;
	}
@media screen and (min-width: 900.02px) {
	.greetingWrap {
		/*display: grid;
		column-gap: 60px;
		grid-template-columns: 1fr max(280px, 20%);*/
	}
	.greetingImg figcaption {
		display: block;
		text-align: right;
		line-height: 1.6;
		margin-top: 0.8em;
	}
}
@media screen and (max-width: 900px) {
	.greetingWrap {
		/*display: flex;
		flex-direction: column;
		gap: 60px;*/
	}
	.greetingTxt {
		font-size: 0.96em;
		line-height: 2em;
		order: 2;
	}
	.greetingImg figure {
		width: 60%;
		text-align: center;
		margin: 1em auto 0;
	}
	.greetingImg figcaption {
		margin-top: 0.8em;
	}
}



/* 中核的労働要求事項に関する方針
---------------------------------------------------*/
	.textContWrap.iloWrap {
		display: block;
	}
@media screen and (min-width: 900.02px) {
}
@media screen and (max-width: 900px) {
}




/* アクセス
---------------------------------------------------*/
	.textContWrap.accessWrap {
		display: block;
	}
	.accessWrap > div:not(:first-child) {
		margin-top: var(--site-marpad-S);
	}
	.accessWrap > div > dt {
		align-self: flex-start;
		color: #FFF;
		text-align: center;
		background: #7d9c9d;
		padding: 0.3em 0.8em;
	}
	.accessWrap iframe {
		width: 100%;
		min-height: 500px;
	}
	.accessWrap .accessRootInfo dl > div {
		margin-bottom: 0.8em;
	}
	.accessWrap .accessRootInfo dl dt {
		font-weight: bold;
	}

@media screen and (min-width: 736.02px) {
	.accessWrap > div {
		display: grid;
		column-gap: 60px;
		grid-template-columns: 150px 1fr;
		width: 100%;
	}
	.accessWrap .accessRootInfo dl > div {
		display: grid;
		grid-template-columns: 10em 1fr;
	}
}
@media screen and (max-width: 736px) {
	.accessWrap > div > dt {
		margin-bottom: 1em;
	}
}