@charset "UTF-8";

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

/*------------president--社長挨拶-------------------------------------------------------------*/
#president .fleL {
	display: flex;
	flex-direction: column;
}
#president .fleL dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: auto;
}
#president .fleL dl * {
	font-family: var(--mincho);
	font-weight: bold;
}
#president .fleL dl dd {
	margin-left: 0.5em;
	font-size: 1.9em;
}

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

/*------------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;
}
#overview ul li:not(:last-of-type)::after {
	display: inline-block;
	margin: 0 1em;
	content: "／";
}
#overview ul li a {
	position: relative;
	display: inline-block;
	padding-left: 1.25em;
	color: var(--co-sky);
}
#overview ul li a:hover {
	color: var(--co-black);
}
#overview ul li a::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 14px;
	height: 12px;
	background: url("../img/link.png") no-repeat left top;
	left: 0;
	top: 50%;
	transform: var(--transformY);
}

@media (max-width: 580px) {}
@media (max-width: 480px) {
	#overview ul { flex-direction: column; }
	#overview ul li {
		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 #accnum { margin-top: var(--parag-bet); }
#access dl { display: flex; }
#access dl dt::after { content: "："; }

@media (max-width: 680px) {
}