@charset "UTF-8";

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

/*------------greeting--代表メッセージ-------------------------------------------------------------*/
#greeting h4 {
	border-bottom: 0 none;
	text-align: center;
}
#greeting h4::before { display: none; }
#greeting h5 {
	margin-bottom: 0.5em;
	text-align: center;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.25em;
	font-weight: bold;
	color: var(--co-orange);
}
#greeting p:last-of-type { margin-bottom: 1em; }
#greeting dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: auto;
}
#greeting dl * {
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	line-height: 1;
	font-weight: bold;
}
#greeting dl dd {
	margin-left: 0.5em;
	font-size: 1.9em;
}

/*------------overview--会社概要-------------------------------------------------------------*/
#overview span { display: inline-block; }
#overview span:not(:last-of-type) { margin-right: 1em; }
#overview #GroupList {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}
#overview #GroupList > div {
	width: calc((100% - 25px * 2) / 3);
	padding: 1em;
	background-color: var(--co-gray10);
}
#overview #GroupList div h5 { text-align: center; }
#overview #GroupList div h6,
#overview #GroupList div .addTxt {
	margin-top: 1em;
}
#overview #GroupList div .addTxt dl { display: flex; }
#overview #GroupList div .addTxt dl dt::after { content: "："; }
@media (max-width: 980px) {
	#overview #GroupList > div { width: calc((100% - 25px) / 2); }
}
@media (max-width: 480px) {
	#overview #GroupList > div { width: 100%; }
}

/*------------history--会社沿革-------------------------------------------------------------*/
#history table tr th span { color: transparent; }
@media (max-width: 480px) {
	#history table tr th { width: 100%; }
}

/*------------access--アクセス-------------------------------------------------------------*/
#access #accAdd {
	display: flex;
	flex-direction: column;
}
#access #accAdd span { display: inline-block; }
#access #accAdd span:not(:last-of-type) { margin-right: 1em; }
#access #accAdd > div {
	display: flex;
	justify-content: center;
	gap: 0 1em;
	margin-top: 1em;
	text-align: center;
}
#access #accAdd > ul {
	display: flex;
	justify-content: center;
	gap: 1em 30px;
	margin-top: 1em;
}

@media (max-width: 680px) {
	#access #accAdd { flex-direction: column-reverse; }
	#access #accAdd > div { flex-direction: column; }
	#access #accAdd div .number { justify-content: center; }
	#access #accAdd > ul { flex-direction: column; }
	#access #accAdd > ul li {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
}