@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;
}
@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;
	}
}
 


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