@charset "UTF-8";
/* =====================================================================
   企業情報(/common/css/page/corporate.css。既存サイトの corporate/css/corporate.css)
   SitePage の style が CORPORATE の画面(会社概要・トップマネジメントメッセージ・沿革)だけで読み込む(layout :: headAssets)。
   ===================================================================== */
.outline-list {
	margin-top: 2em;
	font-size: 1rem;
}

.outline-list dt {
	padding: 1em;
	border-bottom: 1px solid var(--site-border-light);
	border-left: 3px solid var(--site-border);
}

.outline-list dd {
	padding: 1em;
}

.executive-officers {
	border-collapse: collapse;
}

.executive-officers td {
	padding: .2em 2em .2em .2em;
	border: 1px solid #999;
}

.executive-officers td + td {
	padding-left: 2em;
}

.outline-access dt {
	margin-top: 1em;
	padding-left: .5em;
	border-left: 3px solid var(--site-border);
	font-weight: 400;
}

.outline-access dd {
	margin-left: calc(.5em + 3px);
}

/* md 以上の横並びは Bootstrap の d-md-flex flex-md-wrap(テンプレートで指定) */
@media (min-width: 768px) {
	.outline-access dt {
		width: 13em;
		padding-top: .55em;
	}

	.outline-access dd {
		width: calc(100% - 13em);
		margin: 1em 0 0;
	}
}

.message-img-ceo {
	float: right;
	margin: 0 .5em .5em;
}

.message-img-ceo img {
	max-width: 120px;
	height: auto;
}

.message-text {
	line-height: 1.6;
}

.message-policy-ttl {
	margin-top: 2em;
}

.message-policy dt {
	margin-top: 1em;
	padding: .5em 0;
	border-top: 1px solid var(--site-border-light);
	border-bottom: 1px solid var(--site-border-light);
	text-align: center;
}

.message-policy dd {
	margin-top: .5em;
}

.message-ceosign {
	margin-top: 2em;
	overflow: hidden;
}

.message-ceosign img {
	float: right;
	max-width: 200px;
	height: auto;
}

@media (min-width: 768px) {
	.message-img-ceo img {
		max-width: none;
	}

	.message-policy dt {
		padding: .5em 0;
		border-top: 0;
		text-align: left;
	}

	.message-policy dd {
		padding: 0 1em;
	}

	.message-ceosign img {
		max-width: none;
	}
}

.organization-history dt {
	margin-top: .5em;
	padding: .3em .5em;
	background-color: var(--site-bg-light);
	font-weight: 400;
	line-height: 1;
}

.organization-history dd {
	padding: .3em .5em;
}

/* md 以上の横並びは Bootstrap の d-md-flex flex-md-wrap(テンプレートで指定)。年月の幅は --label-width(英語は長いため広げる) */
.organization-history {
	--label-width: 8em;
}

html:lang(en) .organization-history {
	--label-width: 12em;
}

@media (min-width: 768px) {
	.organization-history dt {
		width: var(--label-width);
		margin: 0;
		padding: 1em 1em 1em 0;
		border-top: 1px dotted var(--site-border-light);
		background-color: transparent;
		line-height: 1.4;
	}

	.organization-history dd {
		width: calc(100% - var(--label-width));
		margin: 0;
		padding: 1em;
		border-top: 1px dotted var(--site-border-light);
		line-height: 1.4;
	}

	.organization-history dt:first-child,
	.organization-history dt:first-child + dd {
		border-top: 0;
	}
}