@charset "UTF-8";

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

/*------------philosophy--企業理念-------------------------------------------------------------*/
#philosophy h4 {
	padding-bottom: 0;
	border-bottom: 0 none;
	text-align: center;
	line-height: 1.2;
}
#philosophy h4::before { display: none; }
#philosophy h4 span {
	display: block;
	font-size: 0.87em;
}
#philosophy #EngTxt { margin-top: 2em; }

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

/*------------president--社長挨拶-------------------------------------------------------------*/
#president dl {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 1em;
}
#president dl * { font: bold 1em / 1.2 var(--mincho); }
#president dl dd {
	margin-left: 0.25em;
	font-size: 1.5em;
}
#president ol { counter-reset: number 0; }
#president ol > li::before {
	counter-increment: number 1;
	content: counter(number) ".";
}

/*------------overview--会社概要-------------------------------------------------------------*/
#overview span:not(:last-of-type) { margin-right: 1em; }
#overview dl { display: flex; }
#overview dl dt::after { content: "："; }
#overview dl a { color: var(--co-black); }
#overview dl a:hover  {
	text-decoration: underline;
	color: var(--co-sky);
}

/*------------history--会社沿革-------------------------------------------------------------*/
#history span {
	font-weight: bold;
	color: transparent;
}

/*------------initiatives--弊社の取り組み-------------------------------------------------------------*/
#initiatives p {
	margin-bottom: var(--parag-bet);
	text-align: center;
}
#initiatives ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#initiatives ul li::before {
	padding-right: 0.3em;
	content: "〇";
}

/*------------clients--取引先一覧-------------------------------------------------------------*/
#clients p {
	margin-top: var(--parag-bet);
	text-align: right;
}
#clients ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
}
#clients ul li {
	min-width: calc((100% - 1em) / 2);
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#clients ul li::before {
	padding-right: 0.3em;
	content: "〇";
}
#clients ul li span {
	display: inline-block;
	text-indent: 0;
}

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

@media (max-width: 480px) {
	#clients ul li { width: 100%; }
}

/*------------facilities--保有設備一覧-------------------------------------------------------------*/
#facilities table tr td:not(:last-of-type) { border-right: 1px solid var(--co-gray30); }
#facilities table tr td:last-of-type {
	border-right: 0 none;
	text-align: right;
}

/*------------access--アクセス-------------------------------------------------------------*/
#access p span:not(:last-of-type) { margin-right: 1em; }
#access .number { display: flex; }
#access .number dt::after { content: "："; }
#access #use {
	display: flex;
	gap: 30px 60px;
}
#access #use div { width: calc(100% - 60px / 2); }
#access #use dl:not(:first-of-type) { margin-top: 1em; }
#access #use dl dt {
	font-weight: bold;
	color: var(--co-navy);
}
#access #use ol,
#access #use ul { counter-reset: number 0; }
#access #use li {
	margin-top: var(--parag-bet);
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#access #use ol > li::before {
	padding-right: 0.3em;
	counter-increment: number 1;
	content: counter(number, upper-alpha) ".";
}
#access #use ul > li::before {
	padding-right: 0.3em;
	counter-increment: number 1;
	content: counter(number, decimal) ".";
}

@media (max-width: 480px) {
	#access #use { flex-direction: column; }
	#access #use div { width: 100%; }
}