@charset "UTF-8";

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

/*------------greeting---------------------------------------------------------------*/
#greeting dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: 1em;
}
#greeting dl * {
	font-family: var(--mincho);
	font-weight: bold;
}
#greeting dl dd {
	margin-left: 0.25em;
	font-size: 1.5em;
}

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

/*------------profile---------------------------------------------------------------*/
#profile table tr td span { display: inline-block; }
#profile table tr td div,
#profile table tr td dl { display: flex; }
#profile table tr td div dl + dl { margin-left: 3em; }
#profile table tr td div dl dt::after {
	margin-right: 0.25em;
	content: ".";
}
#profile table tr td#location dl dt {
	min-width: 11em;
	font-weight: bold;
	color: var(--co-black);
}
#profile table tr td ul {
	display: flex;
	flex-flow: wrap;
}
#profile table tr td ul li:not(:last-of-type)::after {
	margin: 0 0.5em;
	content: "/";
}
#profile table tr td#bank ul li:nth-last-of-type(2)::after { content: " "; }

@media (max-width: 979px) {
	#profile table tr td div,
	#profile table tr td#location dl { display: block; }
	#profile table tr td#location dl + dl { margin-top: 0.8em; }
	#profile table tr td div dl + dl { margin-left: 0; }
}

/*------------history---------------------------------------------------------------*/
#history table tr th { width: 15%; }
#history table span { color: transparent; }

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

/*------------access---------------------------------------------------------------*/
#access p {
	width: 100%;
	max-width: 780px;
	margin: 15px auto 0;
	text-align: center;
}
#access p span { display: inline-block; }

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

/*------------acquisition---------------------------------------------------------------*/
#acquisition section {
	display: flex;
	justify-content: space-between;
	gap: 0 40px;
}
#acquisition table { max-width: 470px; }
#acquisition table tr th { width: 80%; }
#acquisition table tr td { text-align: right; }

@media (max-width: 979px) {
	#acquisition section { display: block; }
	#acquisition table + table { border-top: 0 none; }
}