@charset "UTF-8";

/* サイトマップエリア */
.page #page-main #title-area .img {
	width: 100%;
	margin: 0px 0px 48px;
}

/* サイトマップエリア */
.page #page-main #sitemap-area {
	display: flex;
	justify-content: space-between;
}

/* サイトマップエリア 最初のul */
.page #page-main #sitemap-area ul {
	list-style-type: none;
}

/* サイトマップエリア 最初のul */
.page #page-main #sitemap-area .menu {
	padding: 0px;
}

/* サイトマップエリア 最初のul */
.page #page-main #sitemap-area .sub-menu {
	padding: 0px 0px 0px 30px;
}

/* サイトマップエリア li a */
.page #page-main #sitemap-area li a {
	text-decoration: underline;
	text-decoration-color: rgb(13, 110, 253);
	text-underline-offset: .125em;
	font-size: 18px;
	color: rgb(13, 110, 253);
}

/* サイトマップエリア li a ホバー時 */
.page #page-main #sitemap-area li a:hover {
	color: rgb(10, 88, 202);
	text-decoration-color: rgb(10, 88, 202);
}

/* サイトマップエリア li */
.page #page-main #sitemap-area li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da   ";
	font-weight: 900;
	color: rgb(108, 117, 125);
}

/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
.page #page-main #sitemap-area #topics-year-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 0 0 32px;
}

/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
.page #page-main #sitemap-area #topics-year-list li {
	width: 25%;
}

/*
 * タブレットデザイン ここから
 */
@media screen and (min-width:768px) and (max-width:1049px) {
	/* サイトマップエリア */
	.page #page-main #title-area .img {
		width: 100%;
		margin: 0px 0px 48px;
	}

	/* サイトマップエリア */
	.page #page-main #sitemap-area {
		display: block;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area ul {
		list-style-type: none;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area .menu {
		padding: 0px;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area .sub-menu {
		padding: 0px 0px 0px 30px;
	}

	/* サイトマップエリア li a */
	.page #page-main #sitemap-area li a {
		text-decoration: underline;
		text-decoration-color: rgb(13, 110, 253);
		text-underline-offset: .125em;
		font-size: 18px;
		color: rgb(13, 110, 253);
	}

	/* サイトマップエリア li a ホバー時 */
	.page #page-main #sitemap-area li a:hover {
		color: rgb(10, 88, 202);
		text-decoration-color: rgb(10, 88, 202);
	}

	/* サイトマップエリア li */
	.page #page-main #sitemap-area li::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0da   ";
		font-weight: 900;
		color: rgb(108, 117, 125);
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-list {
		padding-bottom: 20px;
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-year-list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 0 0 32px;
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-year-list li {
		width: 13%;
	}
}

/*
 * スマートフォンデザイン ここから
 */
@media screen and (max-width:767px) {
	/* サイトマップエリア */
	.page #page-main #title-area .img {
		width: 100%;
		margin: 0px 0px 48px;
	}

	/* サイトマップエリア */
	.page #page-main #sitemap-area {
		display: block;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area ul {
		list-style-type: none;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area .menu {
		padding: 0px;
	}

	/* サイトマップエリア 最初のul */
	.page #page-main #sitemap-area .sub-menu {
		padding: 0px 0px 0px 30px;
	}

	/* サイトマップエリア li a */
	.page #page-main #sitemap-area li a {
		text-decoration: underline;
		text-decoration-color: rgb(13, 110, 253);
		text-underline-offset: .125em;
		font-size: 18px;
		color: rgb(13, 110, 253);
	}

	/* サイトマップエリア li a ホバー時 */
	.page #page-main #sitemap-area li a:hover {
		color: rgb(10, 88, 202);
		text-decoration-color: rgb(10, 88, 202);
	}

	/* サイトマップエリア li */
	.page #page-main #sitemap-area li::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0da   ";
		font-weight: 900;
		color: rgb(108, 117, 125);
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-list {
		padding-bottom: 20px;
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-year-list {
		display: flex;
		flex-wrap: wrap;
		width: 19em;
		padding: 0 0 0 32px;
	}

	/* サイトマップエリア ニュース・社内トピックス 年度別リスト */
	.page #page-main #sitemap-area #topics-year-list li {
		width: 33%;
	}
}