@charset "UTF-8";

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

/*------------greeting--代表メッセージ-------------------------------------------------------------*/
#greeting dl {
	margin-top: var(--parag-bet);
	text-align: right;
}
#greeting dl dd {
	font-size: 1.5em;
	font-weight: bold;
}

/*------------profile--会社概要-------------------------------------------------------------*/
#profile table tr th { width: 15%; }
#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 #address > dl > dt { width: 9em; }
#profile #address > dl > dt::before { content: "【"; }
#profile #address > dl > dt::after  { content: "】"; }
#profile ol {
	padding-left: 1.3em;
	list-style: decimal;
}

@media (max-width: 680px) {
	#profile table tr th { width: 100%; }
}

@media (max-width: 590px) {
	#profile #address > dl { flex-direction: column; }
	#profile #address > dl:not(:first-of-type) { margin-top: 0.5em; }
}

@media (max-width: 480px) {
	#profile #address > dl span { display: block; }
}

/*------------history--会社沿革-------------------------------------------------------------*/
#history table tr th { width: 15%; }
#history table tr td span { color: transparent; }
@media (max-width: 680px) {
	#history table tr th { width: 100%; }
}

/*------------access--アクセス-------------------------------------------------------------*/
#access .flexBox { flex-direction: row; }
#access p { margin-bottom: var(--parag-bet); }
#access span { display: block; }
#access .Number dl { display: flex; }
#access .Number dl dt::after { content: "："; }
#access .Number dl dd { flex: 1; }
#access .Number + dl { margin-top: var(--parag-bet); }
#access .Number + dl dt {
	font-weight: bold;
	color: var(--co-brown01);
}
#access .Number + dl dt::before { content: "●"; }
#access .Number + dl dd ul li {
	padding-left: 1.5em;
	text-indent: -1em;
}
#access .Number + dl dd ul li::before {
	padding-right: 0.5em;
	content: "・";
}
#access .Number + dl dd ul li:not(:first-of-type) { margin-top: 0.5em; }
#access .gmap { margin-top: 25px; }

@media (max-width: 680px) {
	#access section .flexBox { flex-direction: column; }
}