@charset "UTF-8";
/* =====================================================================
   トップ画面(/common/css/page/top.css。既存サイトの index/css/top.css)
   SitePage の style が TOP の画面だけで読み込む(layout :: headAssets)。
   ===================================================================== */
/* カテゴリへのリンク・バナーの列・間隔・余白は Bootstrap(row row-cols-*・g-3 g-lg-4・my-4・mb-5。テンプレートで指定) */
.navi-panel a {
	display: block;
	height: 100%;
	padding: 1.25rem .5rem;
	border: 2px solid var(--site-navy);
	text-align: center;
	text-decoration: none;
}

.navi-panel img {
	width: 90%;
	max-width: 200px;
	height: auto;
}

/* お知らせ・トップマネジメントメッセージのバナー(列は Bootstrap の row / col-md-6。テンプレートで指定) */
.bnr-info a {
	display: block;
	border: 2px solid var(--site-navy);
}

.bnr-info img {
	display: block;
	width: 100%;
	height: auto;
}

/* 新着情報(2列は Bootstrap の row / col-lg-6。テンプレートで指定) */
.heading-info {
	margin: 1.25rem 0 .75rem;
	padding: .2em .5em;
	border-bottom: 1px solid var(--site-border-light);
	border-left: 3px solid var(--site-navy);
	font-family: var(--site-font-en), var(--site-font);
	font-size: 1.5rem;
}

.index-info {
	margin-bottom: .625rem;
	padding-bottom: .625rem;
	border-bottom: 1px solid var(--site-border);
}

.index-info dt {
	margin-bottom: .25em;
	color: #003567;
	font-weight: 400;
	letter-spacing: 2px;
}

.index-info dd > a {
	min-width: 0;
	text-decoration: none;
}

.index-info-icon-new {
	margin: 0;
	color: var(--site-required);
}

.index-info-icon-company {
	flex-shrink: 0;
}

.index-info-icon-company img {
	width: auto;
	height: 26px;
	border: 1px solid var(--site-border-light);
}