@charset "UTF-8";

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

/*------------greeting--社長挨拶-------------------------------------------------------------*/
#greeting dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: var(--parag-bet);
}
#greeting dl * { font-weight: bold; }
#greeting dl dd {
	margin-left: 0.25em;
	font-size: 1.5em;
}

/*------------profile--会社概要-------------------------------------------------------------*/
#profile span { display: inline-block; }
#profile span:not(:last-of-type) { margin-right: 1em; }
#profile ul {
	display: flex;
	flex-wrap: wrap;
}
#profile ul li:not(:last-of-type)::after {
	margin: 0 0.25em;
	content: "／";
}
#profile dl { display: flex; }
#profile dl dd { flex: 1; }
#profile .list dl dt { font-weight: bold; }
#profile #item dl dt { min-width: 20%; }
#profile #purchase dl dt { min-width: 30%; }
#profile #item dl dt::before { content: "【"; }
#profile #item dl dt::after  { content: "】"; }
#profile #item dl dd {
	display: flex;
	padding-left: 1em;
	text-indent: -1em;
}
#profile #item dl dd::before {
	margin-right: 1em;
	content: "：";
}
#profile .list dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
#profile .list dl dd ul li { text-indent: 0; }
#profile .list dl dd ul li:not(:last-of-type)::after { content: "・"; }
@media (max-width: 680px) {
	#profile .list dl { flex-direction: column; }
	#profile .list dl:not(:first-of-type) { margin-top: var(--parag-bet); }
	#profile #item dl dt {
		min-width: inherit;
	}
	#profile #item dl dd {
		padding-left: 0;
		text-indent: 0;
	}
	#profile #item dl dd::before {
		margin-right: 0;
		content: "";
	}
}

/*------------history--会社沿革-------------------------------------------------------------*/
#history table tr th { width: 20%; }
#history span { display: inline-block; }
#history span:not(:last-of-type) { margin-right: 2em; }
@media (max-width: 480px) {
	#history table tr th { width: 100%; }
}


/*------------access--アクセス-------------------------------------------------------------*/
#access .flePR { flex-flow: row; }
#access p { margin-bottom: var(--parag-bet); }
#access dl { display: flex; }
#access dl dt::after { content: "："; }


@media (max-width: 680px) {
	#access .flePR { flex-flow: column; }
}
@media (max-width: 480px) {}