@charset "UTF-8";

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

/*------------president--社長挨拶-------------------------------------------------------------*/
#president dl {
	margin-top: var(--parag-bet);
	text-align: right;
	font: normal 1rem / 1.6 var(--mincho);
	font-feature-settings: "palt" 1;
}
#president dl dd { font-size: 1.12em; }

/*------------overview--会社概要-------------------------------------------------------------*/
#overview table tr td span { display: inline-block; }
#overview table tr td span:not(:last-of-type) { margin-right: 1em; }
#overview table tr.permit td dl:not(:first-of-type) { margin-top: var(--parag-bet); }
#overview table tr#authorization td ul {
	display: flex;
	flex-wrap: wrap;
}
#overview table tr#authorization td ul li:not(:last-of-type)::after { content: "／"; }
#overview table tr#other td ul li::before { content: "・"; }

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

/*------------access--アクセス-------------------------------------------------------------*/
#access ul {
	display: flex;
	gap: 10px 30px;
	margin-top: 30px;
}
#access .fleBox {
	flex-flow: row;
	margin-top: 30px;
}
#access .accAdd {
	display: flex;
	justify-content: center;
	gap: 0 1em;
	width: fit-content;
	margin: 20px auto 0;
	padding: 0.5em 1em;
	background-color: var(--co-main);
	border: 1px solid var(--co-main);
	color: var(--co-white);
}
#access .fleBox dl,
#access .accAdd dl { display: flex; }
#access .fleBox dl:first-of-type { margin-top: var(--parag-bet); }
#access .fleBox dl dt::after,
#access .accAdd dl dt::after { content: "："; }
#access span { display: inline-block; }
#access span:not(:last-of-type) { margin-right: 1em; }

@media (max-width: 680px) {
	#access .fleBox,
	#access .accAdd { flex-direction: column; }
	#access ul {
		display: flex;
		gap: 10px;
		margin-top: 30px;
	}
	#access .fle40 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0 1em;
		width: fit-content;
		padding: 0.5em 1em;
		background-color: var(--co-main);
		border: 1px solid var(--co-main);
		color: var(--co-white);
	}
	#access .fleBox dl:first-of-type { margin-top: 0; }
}