@charset "UTF-8";

/*--------------------------------------------------------------------
company.html
company.css
--------------------------------------------------------------------*/

/*------------greeting--社長挨拶-------------------------------------------------------------*/
#greeting h4 {
	text-align: center;
	padding-bottom: 0;
	border: 0 none;
	line-height: 1.2;
	font-size: 1.9em;
	color: var(--co-green);
}
#greeting h4::after { display: none; }
#greeting .flePR .fleTxt {
	display: flex;
	flex-direction: column;
}
#greeting p:last-of-type { margin-bottom: 1em; }
#greeting dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: auto;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
}
#greeting dl * {
	line-height: 1;
	font-weight: bold;
}
#greeting dl dd {
	margin-left: 0.25em;
	font-size: 1.9em;
}

/*------------attempt--取り組み-------------------------------------------------------------*/
#attempt dl dt {
	text-align: center;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.9em;
	color: var(--co-green);
}

/*------------sdgs--SDGs-------------------------------------------------------------*/
#sdgs p { text-align: center; }

/*------------overview--会社概要-------------------------------------------------------------*/
#overview span { display: inline-block; }
#overview span:not(:last-of-type) { margin-right: 1em; }
#overview #location > dl:not(:first-of-type),
#overview #business > dl:not(:first-of-type) { margin-top: var(--parag-bet); }
#overview #location > dl > dt::before,
#overview #location > dl > dt::after { content: "◆"; }
#overview #delegation > dl { display: flex; }
#overview #delegation > dl dt { margin-right: 1em; }
#overview #business > dl > dt::before { content: "◆"; }
#overview #business > dl > dd ul,
#overview .slash {
	display: flex;
	flex-flow: wrap;
}
#overview #business > dl > dd ul li:not(:last-of-type)::after,
#overview .slash li:not(:last-of-type)::after { margin: 0 0.25em; }
#overview #business > dl > dd ul li:not(:last-of-type)::after { content: "・"; }
#overview .slash li:not(:last-of-type)::after { content: "／"; }

/*------------history--会社沿革-------------------------------------------------------------*/
#history table tr td span { display: inline-block; }
#history table tr td span:not(:last-of-type) { margin-right: 1em; }

/*------------access--アクセス-------------------------------------------------------------*/