@charset "UTF-8";

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

/*------------greeting---------------------------------------------------------------*/
#greeting section {
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	font-family: var(--mincho);
}
#greeting #grePho {
	width: 100%;
	max-width: 400px;
}
#greeting #grePho dl {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	margin-top: 1em;
}
#greeting #grePho dl * {
	font-weight: bold;
}
#greeting #grePho dl dd {
	margin-left: 0.25em;
	font-size: 1.5em;
}
#greeting #greTxt {
	width: 100%;
	max-width: 760px;
}
#greeting #greTxt dl:not(:first-of-type) { margin-top: 1em; }
#greeting #greTxt dl dt {
	font-size: 1.875em;
	font-weight: bold;
	color: var(--co-navy);
}
#greeting #greTxt dl.meaning dt {
	font-size: 1.5em;
	color: var(--co-sky);
}
#greeting #greTxt dl dd {
	font-size: 1.125em;
	font-weight: bold;
}
#greeting #greTxt dl dd p {
	text-align: center;
	font-weight: bold;
}
#greeting #greTxt ol { list-style: decimal; }
#greeting #greTxt ol li {
	margin-left: 1.5em;
	font-weight: bold;
}
#greeting #greTxt dl dd div#link {
	position: relative;
	width: 100%;
	max-width: 590px;
	margin: 0 auto 20px;
}
#greeting #greTxt dl dd div#link ul {
	position: absolute;
	width: 100%;
	height: 100%;
}
#greeting #greTxt dl dd div#link ul li { position: absolute; }
#greeting #greTxt dl dd div#link ul li#link01 { width: 30%; top: 0; left: 39%; }
#greeting #greTxt dl dd div#link ul li#link02 { width: 25%; top: 46%; left: 0; }
#greeting #greTxt dl dd div#link ul li#link03 { width: 25%; top: 48%; right: 0; }
#greeting #greTxt dl dd div#link ul li#link04 { width: 30%; bottom: 1%; right: 0; }
#greeting #greTxt dl dd div#link ul li a {
	display: block;
	width: 100%;
	height: 27px;
	line-height: 0;
	font-size: 0;
	text-indent: -99999px;
}
#greeting #greTxt dl dd div#link ul li a:hover { background-color: rgba(255,255,255,0.7); }
#greeting #greTxt ul#meaImg {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
#greeting #greTxt ul#meaImg li {
	width: calc((100% - 20px * 3) / 4);
	padding: 10px;
	border: 1px solid var(--co-silv30);
}
#greeting #greTxt ul#meaImg li p:not(:first-of-type) {
	margin-top: 0.25em;
	text-align: center;
	font-weight: bold;
}

@media (max-width: 979px) {
	#greeting section { display: block; }
	#greeting #grePho { margin: 0 auto; }
	#greeting #greTxt { margin-top: 1em; }
	#greeting #greTxt ul#meaImg li { width: calc((100% - 20px) / 2); }
}

/*------------profile---------------------------------------------------------------*/
#profile table tr td span { display: inline-block; }
#profile table tr td span:not(:first-of-type),
#profile table tr td .list01 span:not(:first-of-type) { margin-left: 0.5em; }
#profile table tr td dl { display: flex; }
#profile table tr td dl dt::after { content: "："; }
#profile table tr td ol {
	padding-left: 1.5em;
	list-style: decimal;
}
#profile table tr td ul.list02 { display: flex; }
#profile table tr td ul.list02 li:not(:nth-last-of-type(1))::after {
	margin: 0 1em;
	content: "／";
}

@media (max-width: 979px) {
	#profile table tr td span { display: inline-block; }
	#profile table tr td span:not(:first-of-type) { margin-left: 0; }
	#profile table tr td .list01 span:not(:first-of-type) {
		margin-left: 0;
		padding-left: 1.3em;
	}
	#profile table tr td ul.list02 { display: block; }
	#profile table tr td ul li {
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
	#profile table tr td ul li::before {
		padding-right: 0.3em;
		content: "・";
	}
	#profile table tr td ul.list02 li:not(:nth-last-of-type(1))::after { display: none; }
}

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

/*------------access---------------------------------------------------------------*/
#access section {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}
#access #accMap {
	width: 100%;
	max-width: 660px;
}
#access #accTxt {
	width: 100%;
	max-width: 500px;
}
#access #accTxt p + dl { margin-top: 1em; }
#access #accTxt dl { display: flex; }
#access #accTxt dl dt { white-space: nowrap; }
#access #accTxt dl dt::after { content: "："; }
#access #accTxt dl dd { flex-grow: 1; }
#access #accExp { margin-top: 1em; }
#access #accExp dl:not(:first-of-type) { margin-top: 0.8em; }
#access #accExp dl dt { width: 5.5em; }
#access #accExp dl dt::before { content: "【"; }
#access #accExp dl dt::after { content: "】"; }
#access #accExp dl dd {
	padding-left: 1.3;
	text-indent: -1.3em;
}
#access #accExp dl dd::before {
	padding-right: 0.3em;
	content: "…";
}
#access #accExp dl dd ol {
	padding-left: 1.3em;
	list-style: decimal;
	text-indent: 0;
}

@media (max-width: 979px) {
	#access section { display: block; }
	#access #accMap { margin: 0 auto; }
	#access #accTxt { margin-top: 1em; }
	#access #accMap iframe {
		width: 100%;
		height: 450px;
	}
}