@charset "Shift_JIS";

/* **************************************************

Name: about_menu_scroll.css

Create: 2021.03.09
Update: 2023.07

Copyright 2020 Hitachi, Ltd.

***************************************************** */

/* about height 解除
=========================================================================================== */

#aboutMain .contentsWidth:first-child {
    min-height: auto;
}


/* ページスクロール／ページ内リンク
=========================================================================================== */
/*--- ページ内リンク ---*/
#InnerLinksArea {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #D9D9D9;
	box-shadow: 0px 1px 2px 0px #D9D9D9;
}

#InnerLinksArea .HorizontalInnerLinks {
	margin-bottom: 0;
}

#InnerLinksArea .HorizontalInnerLinks ul.ClearFix {
	display: table;
	width: 100%;
	height: 70px;
}

#InnerLinksArea .HorizontalInnerLinks li {
	display: table;/**/
	width: 25%;
	margin-right: 0;
}

#InnerLinksArea .HorizontalInnerLinks li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
	background-image: none;
}
#InnerLinksArea .HorizontalInnerLinks li a:link,
#InnerLinksArea .HorizontalInnerLinks li a:visited {
	background-color: #fff;
}
#InnerLinksArea .HorizontalInnerLinks li a:hover,
#InnerLinksArea .HorizontalInnerLinks li a:active {
	color: #B1000E;
}

#InnerLinksArea .HorizontalInnerLinks li a span {
	padding-right: 16px;
	background: url(/products/it/lumada/images/icon_arrowunder02.png) right center no-repeat;
	background-size: 11px 7px;
	font-size: 115%;
	font-weight: bold;
	color: #002060;
}

#InnerLinksArea .HorizontalInnerLinks li a:hover span ,
#InnerLinksArea .HorizontalInnerLinks li a:active span  {
	padding-right: 16px;
	background: url(/products/it/lumada/images/icon_arrowunder03.png) right center no-repeat;
	background-size: 11px 7px;
	font-size: 115%;
	color: #B1000E;
}

#InnerLinksArea ul li.InnerLinkTitle h2 {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
	background-image: none;
	font-size: 115%;
	font-weight: bold;
	color: #333;
	border: none;
	padding: 0;
	background: linear-gradient(90deg, #f8f7dd 30%, #cde5ed 70%, #fff);
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {


}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

#InnerLinksArea .contentsWidth {
padding:0;
}

	.JS #InnerLinksArea .HorizontalInnerLinks {
		padding-left: 0px;　　/* 指定の意味確認 */
		padding-right: 0;
	}

	#InnerLinksArea .HorizontalInnerLinks ul.ClearFix {
		margin-left: 0;
	}

	#InnerLinksArea .HorizontalInnerLinks li a {
	/*	height: 24px;*/
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		line-height: 120%;
		padding: 0 4px;
		background-image: none;
	}

	#InnerLinksArea .HorizontalInnerLinks li a span,
	#InnerLinksArea ul li.InnerLinkTitle span {
		font-size: 12px !important;
	}


}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
	.JS #InnerLinksArea .HorizontalInnerLinks li a, {
		height: 24px;
	}
	#InnerLinksArea .HorizontalInnerLinks li br.sp-hid {
		display:none;
	}

	#InnerLinksArea .HorizontalInnerLinks ul li {
		width:100%;
		border-bottom: 1px solid #C1C1C1;
	}

	#InnerLinksArea .HorizontalInnerLinks ul li a {
		height: 20px;
		padding: 8px;
	}
	#InnerLinksArea ul li.InnerLinkTitle span  {
		height: 35px;
	}

	#InnerLinksArea ul li.InnerLinkTitle h2 {
		height:40px;
		font-size: 100%;
		background: linear-gradient(180deg, #f8f7dd , #cde5ed );
	}

}