@charset "UTF-8";

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

/*------------president--社長挨拶-------------------------------------------------------------*/
#president .fleR dl {
	margin-top: var(--parag-bet);
	text-align: right;
}
#president .fleR dl * { font-family: var(--mincho); }
#president .fleR dl dd { font-size: 1.5em; }

@media (max-width: 680px) {
	#president .fleR dl { margin-top: var(--parag-bet); }
}

/*------------policy--会社概要-------------------------------------------------------------*/
#policy ol {
	counter-reset: listnum;
}
#policy ol li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	line-height: 1.8;
	letter-spacing: 0.065em;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.28em;
}
#policy ol li::before {
	counter-increment: listnum;
	content: counter(listnum) "、";
}

/*------------overview--会社概要-------------------------------------------------------------*/
#overview table tr td span { display: inline-block; }
#overview table tr td span:not(:last-of-type) { margin-right: 1em; }
#overview ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 2em;
}
#overview ul li { min-width: calc((100% - 2em * 2) / 3); }

@media (max-width: 580px) {
	#overview ul li { min-width: calc((100% - 2em) / 2); }
}
@media (max-width: 480px) {
	#overview ul { flex-direction: column; }
	#overview ul li {
		width: 100%;
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
	#overview ul li::before {
		padding-right: 0.3em;
		content: "・";
	}
	#overview ul li:not(:last-of-type)::after { display: none; }
}

/*------------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 #addTxt { text-align: center; }
#access #addTxt span { display: inline-block; }
#access #addTxt span:not(:last-of-type) { margin-right: 1em; }
#access #addTxt .number { justify-content: center; }
#access #addTxt dl { display: flex; }
#access #addTxt dl dt::after { content: "："; }

@media (max-width: 340px) {
	#access #addTxt .number {
		flex-direction: column;
		align-items: center;
	}
	#access #addTxt .number dl:not(:last-of-type) { margin-right: 0; }
}