@charset "utf-8";

/* ==== Common 4Column Block List start ==== */
/* Common 4Column Block List default hide */
.hht-nc22-1-1-1 {
	opacity: 0;
	transition: 100ms opacity;
}
.hht-nc22-1-1-1.ready {
	opacity: 1;
}

/* Common 4Column Block Listの概要ロールオーバー　start */

body>#Contents .hht-nc22-1-1-1__text3, body>.where-not .hht-nc22-1-1-1__text3 {
  height: 5em;
  transition: height 0.1s linear;
}

body>#Contents .hover .hht-nc22-1-1-1__text3, body>.where-not .hover .hht-nc22-1-1-1__text3 {
  height: 100%;
  min-height: 5em;
  transition: height 0.3s linear;
}

body>#Contents .hht-nc22-1-1-1__text3::after, body>.where-not .hht-nc22-1-1-1__text3::after {
}

body>#Contents .hht-nc22-1-1-1__block3:hover .hht-nc22-1-1-1__text3::after, 
body>.where-not .hht-nc22-1-1-1__block3:hover .hht-nc22-1-1-1__text3::after {
  position: relative;
  bottom: 0;
  right: 0;
  content: "";
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 0%);
}
/* Common 4Column Block Listの概要ロールオーバー　end */

/* ==== Common 4Column Block List end ==== */



/* ==== 画像の幅を調整 start ==== */
figure.fullWidthImg {
	width: 100%!important;
}
figure.fullWidthImg > img {
	display: block;
	width: 100%!important;
	max-width: 1275px!important;
	margin: auto!important;
	height: auto!important;
}
@media (min-width: 768px) {
	figure.fullWidthImg > img {
		width: 100%!important;
	}
}
/* ==== 画像の幅を調整 end ==== */



/* ハイテクネクサスブランディング対応　start */
#topMainImage {
    position: relative;
    width: 100%;
    height: auto;
}

#topMainImage video {
    width: 100%;
    height: auto;
}

#topMainImageIn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 0;
    max-width: 995px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

#topMainImage .corpName {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#topMainImage.imgType .imgTypeBlock {
    display: table;
    width: 100%;
    height: 550px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#topMainImage.imgType .imgTypeBlock .bgImage {
    display: none;
}

#topMainImage.imgType .imgTypeBlock .txtImage {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#topMainImage.imgType .imgTypeBlock .txtImage img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    #topMainImage.imgType .imgTypeBlock {
        height: 380px;
    }
}

/* ハイテクネクサスブランディング対応　end */





/* ウェビナー日付調整
https://www.hitachi-hightech.com/jp/science/news/seminar/weekly_miniwebinar/　start */

/* [-] News Category
----------------------------------------------------- */

.DateListStyle2 {
	margin: -1px 0 20px;
	padding-top: 1px;
}

.DateListStyle2 {font-size: 90%;}

.DateListStyle2:after {
	content: "";
	display: block;
	clear: both;
}

.DateListStyle2 dt {
	clear: both;
	float: left;
	line-height: 140%;
}

.DateListStyle2 dd{margin: 0 0 0 9em;}

.DateListStyle2 .LinkListStyle1 {
	margin: -5px 0 5px;
	font-size: 100%;
  overflow: hidden;
}

.DateListStyle2 img {
	vertical-align: middle;
	margin-left: 5px;
}



.NewsLabel {
	float: right;
	padding: 2px 0px 0;
	margin:0px 20px 3px 0px;
	color: #FFFFFF;
	text-align: center;
}

.news2 dt {
	width: 250px;
}

.DateListStyle2 {
	margin: -1px 0 10px;
}



/* ウェビナー日付調　end */


/* ==== floating-navigation　非表示調整 start ==== */
body>#Contents .hht-floating-navigation.-hide,
body>.where-not .hht-floating-navigation.-hide {
  display: none;
}
/* ==== floating-navigation　非表示調整 end ==== */



/* ===== icx_table ===== */
#Contents [class*="icx_table"] {
	overflow-x: auto!important;
	overflow-y: auto!important;
	overflow: auto!important;
}
#Contents [class*="icx_table"]::after {
	content: none!important;
	display: none!important;
}
#Contents [class*="icx_table"] * {
	box-sizing: border-box!important;
}
#Contents [class*="icx_table"] > table {
	display: flex!important;
	flex-wrap: wrap!important;
	justify-content: flex-start!important;
	align-items: flex-start!important;
	width: 100%!important;
	margin-left: 0!important;
	margin-right: 0!important;
	border: none!important;
}
#Contents [class*="icx_table"][class*="icx_table-center"] > table {
	justify-content: center!important;
}
#Contents [class*="icx_table"][class*="icx_table-right"] > table {
	justify-content: flex-end!important;
}
#Contents .icx_table > table > caption {
	display: block!important;
	width: 100%!important;
	margin: 0!important;
	order: 1!important;
}
#Contents [class*="icx_table"] > table > tbody,
#Contents [class*="icx_table"] > table > thead,
#Contents [class*="icx_table"] > table > tfoot {
	border: none!important;
}
#Contents [class*="icx_table"] > table > tbody {
	display: table!important;
	order: 3!important;
}
#Contents [class*="icx_table"] > table > thead ~ tbody {
	max-width: calc( 100% - 247px )!important;
}
#Contents [class*="icx_table"] > table > tbody th,
#Contents [class*="icx_table"] > table > tbody td {
	width: auto!important;
	padding: 5px 15px!important;
	border: 1px solid #b3b3b3!important;
}
#Contents [class*="icx_table"] > table > tbody > th {
	width: auto!important;
}
#Contents [class*="icx_table"] > table > thead {
	order: 4!important;
}
#Contents [class*="icx_table"] > table > thead.icx_img_right {
	order: 2!important;
}
#Contents [class*="icx_table"] > table > thead > tr > * {
	width: 245px!important;
	padding: 0!important;
	border: none!important;
	text-align: right!important;
}
#Contents [class*="icx_table"] > table > thead.icx_img_right > tr > * {
	text-align: left!important;
}
#Contents [class*="icx_table"] > table > thead img {
	width: 230px!important;
}
#Contents [class*="icx_table"] > table th *,
#Contents [class*="icx_table"] > table td * {
	margin: 0!important;
}
#Contents [class*="icx_table"][class*="-rev"] > table > * > tr:nth-child(even) > td {
	background: #fff!important;
}
#Contents [class*="icx_table"][class*="-rev"] > table > * > tr:nth-child(odd) > td {
	background: #f9f9f9!important;
}



@media all and ( max-width: 767px ) {
	#Contents [class*="icx_table"] > table{
		flex-direction: column!important;
	}
	#Contents [class*="icx_table"] > table > thead ~ tbody {
		max-width: none!important;
	}
	#Contents [class*="icx_table"] > table > *,
	#Contents [class*="icx_table"] > table > tr > th,
	#Contents [class*="icx_table"] > table > tr > td,
	#Contents [class*="icx_table"] > table > * > tr,
	#Contents [class*="icx_table"] > table > * > tr > th,
	#Contents [class*="icx_table"] > table > * > tr > td {
		display: block!important;
		width: 100%;
	}
	#Contents [class*="icx_table"] > table > tr > th,
	#Contents [class*="icx_table"] > table > tr > td,
	#Contents [class*="icx_table"] > table > tbody > tr > th,
	#Contents [class*="icx_table"] > table > tbody > tr > td {
		border-color: #b3b3b3!important;
		border-style: solid!important;
		border-width: 1px 1px 0!important;
	}
	#Contents [class*="icx_table"] > table > tbody {
		border-width: 0 0 1px!important;
		border-style: solid!important;
		border-color: #b3b3b3!important;
	}
	#Contents [class*="icx_table"] > table > tr > td,
	#Contents [class*="icx_table"] > table > * > tr > td {
		background: #ffffff!important;
	}
	#Contents [class*="icx_table"] > table > thead > tr > *,
	#Contents [class*="icx_table"] > table > thead.icx_img_right > tr > * {
		width: 100%!important;
		padding: 20px 0 0!important;
		background: #ffffff!important;
		text-align: center!important;
	}
	#Contents [class*="icx_table"] > table > thead,
	#Contents [class*="icx_table"] > table > thead.icx_img_right {
		order: 4!important;
	}
	
	#Contents [class*="icx_table"][class*="noBreak"] {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		max-width: 1275px;
		min-height: 110px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 16px;
		margin-bottom: 16px;
	}

	#Contents [class*="icx_table"][class*="noBreak"] > table > * > tr {
		display: table-row!important;
	}
	#Contents [class*="icx_table"][class*="noBreak"] > table > * > tr > th,
	#Contents [class*="icx_table"][class*="noBreak"] > table > * > tr > td {
		display: table-cell!important;
		white-space: nowrap!important;
	}
}
 


/* ===== /icx_table ===== */


/* ===== SNS ===== */
.hht-nc27-12__list1 a[title="facebook"] {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 1!important;
	text-decoration: none!important;
	background-color: #1877f2;
}
.hht-nc27-12__list1 a[title="facebook"],
.hht-nc27-12__list1 a[title="facebook"] * {
	color: #ffffff!important;
}
.hht-nc27-12__list1 a[title="facebook"]:hover {
	background-color: #4267b2;
}
.hht-nc27-12__list1 a[title="facebook"] > span {
	display: none;
}
.hht-nc27-12__list1 a[title="facebook"]::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAYAAACKAxD9AAAACXBIWXMAABcRAAAXEQHKJvM/AAAG6UlEQVR4nO2d4XHbOBCFcTf5b3ZwSgWWK7BSQZQKzq4gugqidOBUcFIHVgWRKzi5A6sDsQJnqFne8QSAAkAA3AXfN8OxR5RskXhc7AKLxW/v7+8KgN8nfwfAGQgBnIEQwBkIAZz5UPBtWCilZnTMlVIV/f6H9k47L3TmoJQ6KaX2Sqk3OoqilKihooZvj1vtHXGpSRTtcch9wbGRLITmKX/I1PDXaIXxTMfpyvvZIU0IjWlfKaWWniY+NzsSxIbxd/wfUoTwQMe9doY3NYnhibtfwVkIFTX+ivnT78qWRLHn+OU4CqGixm+OG+2sfJpIZM1NENyE8EA3qQQLcI0tXSuLLoOLEObUj0rzAYZS03Wvx/4iYwuhopvwVTszLY5kDUfrLsYcYl7QQMzURaCoK/xJ1qHSzmZgLCGs6cKn4Av48JWswjz3P87dNVQ00DI1X8CXmqKmbANSOYUwJ7WXGBKmYku+Q3JydQ0PEEEQf9J9S+435LAIjQj+1l4FPrySc51sMiu1RVhDBFG4Te1EprQIGzJtIB51J+yOSiqLsIYIknBDlmEW+4+nsAjwCdIT3WeIbREggjzcxo4mYlqExpH5R3sVpGRH2VqDiWURKq4JF4XzOdbMZSyLcGCQQJqCmq5t30lpN6WzVxeh3azj0M0751MNqH2hoftgYgjhqbAZxLqTeJrCyu0TzLXUJLTgJJehC1wWBYngSGZWYjr6DQl3oZ1xZIiPUA01R4z4Tk/URuKaBOJ+iL8wRAhPBUwiNfH4Hd1AqQLo8i10sClUCIsCRg63qYZrRyYohyFUCGJW8Fho5/lLsAKX3IfkMIQIQXq6ebZkjxHxzn30FUK7+EQqr8K/vys3vtfpKwTpq49K7Q5MrHysgo8QpFuD7wU6hn14WQUfIUi2BkcOq4lGwNkquApBujWYogiUj1VwFcJSsDWoCwh3h+AUIbkKQfITNWURKAr1r4rBRQgL4eMGUxeCchGCy+yj5MGXOlOksOjkHVwjeuKpA/f0f63T1C5CiJIKNRIps6akVXZZ0oijkWtdg2QnUSW0BnP6298E3Z9ey+4iBMmksAgV+R3S/Kbbvm6pdCGkYCU4P9Pann1CSJlsmYsUFqHXxDLHmsrWJwTrhyaMb1FvbljbFELww9rHCuHGtqIaQvCjhHtivAabEGaoblIsXhbB+GZQBMa2hRCmhzH0hRCmida+NiGMUv0TZENrX5sQNMWAotDa1yYERAxl42QRtDeB4tDa2CQEzWyA4tDa2CQEMEEgBHAGQgBnJOwNve1LusxMjPwGljmOpmJaC9pdhQufCivdp93wEXi5nIVE15AXzVvnAoSQFwgBnGGb4WQSAkrppsOYHTQCWhubhADSIcoiKFozCOLDJQNaKx9kE8KUSszkglPiq9a+NiFwGcApCU4Rg9a+EEI+OPkHWvvahKB5lWAwXCzCi/ZKjxA0xYDBcBGCsW37hHDUXgWhcFowZLT2NiEok2cJguHkHxjbtU8IRuWAILiEjtaaUhBCHrhYBGub9gnhwMRP+Elz+CFHbNaB34PLJifWrZf6hND7QSASa3teE4LVlABxvJrmGFyF8IwwshisNRaV4zS01ZwAUfS2o4sQUMtYPru+bkE5CuFgG58GYujtFlyFoGAVRHN0cfp9hACnUSZOe2345CxeNS+AHc671/gIYYNcRnE4P7w+QjjBKoiiTiUERf0NfAUZrHw2Ow3dGxrw5ugb6YUIYYNxBfZk2S1eTWSjbansQiYLQ4VwoL2WAS/q0I1Fhqx9XNPUJuBD8G74QxfBSt7WpjR2Q2aKhwqh6SL+0l4FuTkOfShjLIt/ooJXYBxq2r0tqEtoiVUfYQV/YTRWthR1H2IJ4USqxFxEXn7EShGIWTHljRZyQAx52MYcz4ldOueASCILr7Hvc4oaSk0I86i9CmLxmmIJXapiWhuIIQmtCAZFCCZSVlWDGOKSTAQqQ3m9DdVShgM5jG1KEahMdRb3iCYGsR0yh+BKroKbB1oajkEnPx5zRWE5K6+eqI7QD+0MuKSZO7jLuZ5kjBK8zSDIF3QVVnb0wGQtXTRWLeZnulikvP1HTTO5gyeQQhizKHc7JP0I6/CvFRhtuQCH6uwbciSnOJV9pG5yaat/mAsuZfpP5B3fTaS7qCnnc8al/gS3/RoO1F18KlQQXQGwWh/CdeOOfWGCuBRAdmfwGtx3cGkF8ZHGH6Q5lS/kDFdcBdAiZSufNxp/qMi52mnv4MORnv6PJGIRRUYk7AR7yTMdFd3oJf0cc5ucF/pOe6k1rCUKoeXUEYWiOHxOomh+3mqfiENbz3jfaXi2Jt8V05bAYIJguz9wBkIAZyAEcAZCAEoppX4BGxWJRISub6IAAAAASUVORK5CYII=');
	background-size: 100% 100%;
}
.hht-nc27-12__list1 a[title="facebook"]::after {
	content: "Share";
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 3px;
}
[lang="ja"] .hht-nc27-12__list1 a[title="facebook"]::after {
	content: "シェア";
	padding-top: 2px;
}

.hht-nc27-12__list1 a[title="twitter"] {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 1!important;
	text-decoration: none!important;
	background-color: #1d9bf0;
}
.hht-nc27-12__list1 a[title="twitter"],
.hht-nc27-12__list1 a[title="twitter"] * {
	color: #ffffff!important;
}
.hht-nc27-12__list1 a[title="twitter"]:hover {
	background-color: #0c7abf;
}
.hht-nc27-12__list1 a[title="twitter"] > span {
	display: none;
}
.hht-nc27-12__list1 a[title="twitter"]::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fab%22%20data-icon%3D%22twitter%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M459.37%20151.716c.325%204.548.325%209.097.325%2013.645%200%20138.72-105.583%20298.558-298.558%20298.558-59.452%200-114.68-17.219-161.137-47.106%208.447.974%2016.568%201.299%2025.34%201.299%2049.055%200%2094.213-16.568%20130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772%206.498.974%2012.995%201.624%2019.818%201.624%209.421%200%2018.843-1.3%2027.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969%207.797%2030.214%2012.67%2047.431%2013.319-28.264-18.843-46.781-51.005-46.781-87.391%200-19.492%205.197-37.36%2014.294-52.954%2051.655%2063.675%20129.3%20105.258%20216.365%20109.807-1.624-7.797-2.599-15.918-2.599-24.04%200-57.828%2046.782-104.934%20104.934-104.934%2030.213%200%2057.502%2012.67%2076.67%2033.137%2023.715-4.548%2046.456-13.32%2066.599-25.34-7.798%2024.366-24.366%2044.833-46.132%2057.827%2021.117-2.273%2041.584-8.122%2060.426-16.243-14.292%2020.791-32.161%2039.308-52.628%2054.253z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-size: 100% 100%;
}
.hht-nc27-12__list1 a[title="twitter"]::after {
	content: "Tweet";
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 3px;
}
[lang="ja"] .hht-nc27-12__list1 a[title="twitter"]::after {
	content: "ツイート";
	padding-top: 2px;
}
/* ===== /SNS ===== */