@charset "utf-8";

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

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 2022.05.20

Copyright 2022 Hitachi,Ltd.

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


/* ----------------------------------------------------------------------------------------

Modify Setting

------------------------------------------------------------------------------------------- */


/* inline-block使用による、不要なマージン削除
=========================================================================================== */
.CourtesyNavi { letter-spacing: -.40em; }
.CourtesyNavi li { letter-spacing: normal; }


/* テーブル内リスト使用による、不要なマージン削除・フォントサイズ補正
=========================================================================================== */
th .LinkListStyle1, th .LinkListStyle2, th .LinkListStyle3, th .LinkListStyle4,
th .LinkListStyle5, th .LinkListStyle6, td .LinkListStyle1, td .LinkListStyle2,
td .LinkListStyle3, td .LinkListStyle4, td .LinkListStyle5, td .LinkListStyle6,
th .ListStyle1, th .ListStyle2, th .ListStyle3, th .ListStyle4, th .ListStyle5,
th .ListStyle6, td .ListStyle1, td .ListStyle2, td .ListStyle3, td .ListStyle4,
td .ListStyle5, td .ListStyle6, td .TextStyle1, td .TextStyle2, td .TextStyle3,
td .TextStyle4, dd .LinkListStyle1, dd .LinkListStyle2, dd .LinkListStyle3,
dd .LinkListStyle4, dd .LinkListStyle5, dd .LinkListStyle6, dd .ListStyle1,
dd .ListStyle2, dd .ListStyle3, dd .ListStyle4, dd .ListStyle5, dd .ListStyle6,
td ul.ListStyle1, td ul.ListStyle2, td p.ImgOnlyStyle, .ListStyle1 li ul,
.ListStyle1 li ol, .ListStyle2 li ul, .ListStyle2 li ol, .ListStyle1 dd ul,
.ListStyle1 dd ol, .ListStyle2 dd ul, .ListStyle2 dd ol, .LinkListStyle1 li ul,
.LinkListStyle1 li ol, .LinkListStyle2 li ul, .LinkListStyle2 li ol {
	margin-bottom: 0;
	font-size: 100%;
}


/* グリッド3+1の下にグリッド4が来た場合の回り込み解除
=========================================================================================== */
.Grid4 { clear: both; }

/*
文中のニューアイコン付加
=========================================================================================== */

p.NewWin a,
dd.NewWin a {
  padding: 0 17px 0 0;
  background-image: url("/image/en/r1/icon/icon_new_window_hd.gif")  !important;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -ms-background-size: 16px 16px;
}


/* 文字サイズの調整
=========================================================================================== */
.ListStyle1,
.LinkListStyle1,
.TextStyle1 {
	font-size: 0.875em; /* 14px	0.875em	87.5%	11pt */
	line-height: 1.65em;
}
.ImgOnlyStyle,
.ListStyle2,
.LinkListStyle2,
.TextStyle2 {
	font-size: 0.813em; /* 13px	0.813em	81.3%	10pt */
	line-height: 1.65em;
}
.ListStyle3,
.LinkListStyle3,
.TextStyle3 {
	font-size: 0.75em; /* 12px	0.750em	75.0%	9pt */
	line-height: 1.65em;
}
.ListStyle4,
.LinkListStyle4,
.TextStyle4 {
	font-size: 0.688em; /* 11px	0.688em	68.8%	8pt */
	line-height: 1.65em;
}


/* 画像リスト
=========================================================================================== */
/* --- [c11-5] Link List > Thumbnail + Descriptive Text > Thumbnail --- */
.ImgW60SetStyle .ImgSet p, .ImgW60SetStyle .ImgSet ul, .ImgW60SetStyle .ImgSet ol { margin-left: 80px; }
.ImgW120SetStyle .ImgSet p, .ImgW120SetStyle .ImgSet ul, .ImgW120SetStyle .ImgSet ol { margin-left: 140px; }
.ImgW180SetStyle .ImgSet p, .ImgW180SetStyle .ImgSet ul, .ImgW180SetStyle .ImgSet ol { margin-left: 200px; }
.ImgW230SetStyle .ImgSet p, .ImgW230SetStyle .ImgSet ul, .ImgW230SetStyle .ImgSet ol { margin-left: 250px; }


/*
余白調整
=========================================================================================== */
.mb0{margin-bottom: 0 !important}
.mb10{margin-bottom: 10px !important}
.mb30{margin-bottom: 30px !important}

.ml0{margin-left: 0 !important;}





/*
環境
=========================================================================================== */
/* 環境TOP */
.bannerList {
	display: flex;
}
.listWrap {
	position: relative;
	display: block;
	width: 228px;
	margin-right: 15px;
	border: 1px solid #ccc;
}
.listWrap:last-child {
	margin-left: 0;
}
.listWrap:hover {
	cursor: pointer;
}
.listWrap span {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 6px;
	color: #FFF;
	font-size: 10px;
	background: #737373;
}
.listWrap p {
	position: absolute;
	bottom: 0;
	width: calc(100% - 20px);
	padding: 8px 10px;
	color: #333;
	line-height: 120%;
	font-weight: bold;
	background-color: rgba(255,255,255,.8);
	background-image: url(/image/en/r1/icon/icon_link_right_xl_hd.gif);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 8px center;
}
.listWrap:hover p {
	background-position: right 6px center;
}
.listWrap p.NewWin {
	background-image: url(/image/en/r1/icon/icon_new_window_hd.gif);
}

/* factry */
.EcoBox{
display: flex;
}

.EcoBox .Column1{
position: relative;
margin-bottom: 10px;
border:1px solid #4b986c;
box-sizing: border-box;
background: url("/environment/image/eco_bg.png") no-repeat 100% 100%;
}

.EcoBox .Inner{
padding:0 10px 5px;
}

.EcoBox .Inner dt{
min-height:3.5em;
margin-bottom:15px;
font-size:90%;
}

.EcoBox .Inner dd{
font-size:83%;
margin-bottom:1.5em;
}

.EcoBox .Inner dd p{
margin-bottom: 5px;
}

.EcoBox .Inner dd.EcoItem{
margin-bottom:0;
padding-top:5px;
border-top:1px dotted #ddd;
}

/*
=========================================================================================== */
.BdrTopNone{
border-top:none;
}

.BdrBtmNone{
border-bottom: none;
}

/*　TOP page
=========================================================================================== */
/* branding for hero header */
.TopMarginSet{
padding-top: 0;
}

.heroHeader{
position: relative;
max-width:1229px;
margin:0 auto 15px;
text-align: center;
overflow: hidden;
}

.ResponsiveBrandingImgStyle .heroHeader .ImgText{
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
text-align: center;
}


.ipH2Style{
margin: 0 0 20px;
padding:0;
border-top:1px solid #E60027;
border-bottom:1px solid #ddd;
background: none;
}
.ipH2Style span{
background: none;
}

/* ProductList for TOP and Product top */
.ProductList{
position: relative;
display: flex;
flex-wrap: wrap;
margin-left:-15px;
}

.ProductList *{
box-sizing: border-box;
}

.ProductList li{
position: relative;
display:block;
width:33%;
max-width:230px;
margin:0 0 15px 15px;
padding:5px;
background:#eee;
text-align: center;
justify-content: space-around;
}

.ProductList li a{
color:#333;
text-decoration: none;
}

.ProductList li img{
margin:0 auto 5px;
}

.ProductList li p,
.ProductList li a p{
padding:10px 0 10px 5px;
font-size:14px;
font-weight:bold;
text-align:left;
}

.ProductList li a p{
background:url("/image/en/r1/icon/icon_link_right_l_hd.gif") no-repeat right 8px center;
background-size: 16px 16px;
}
.ProductList li:hover a p{
background-position: right 6px center;
}

/* top right navi */
.TopRightNav{
margin:0 auto 15px;
padding:5px 5px 1px;
background: #eee;
}

.TopRightNav li{
position: relative;
margin:0 0 5px;
font-size: 83%;
}

.TopRightNav li a{
display: block;
padding: 9px 15px;
background: #fff url("/common/image/top/top_nav_arrow.png") no-repeat right 5px center;
line-height: 140%;
text-decoration: none;
}
.TopRightNav li a:hover{
color:#b1000e;
background: #fff url("/common/image/top/top_nav_arrow_hover.png") no-repeat right 5px center;
}

.RightNavBox{
margin:0 auto 15px;
padding:5px;
background: #eee;
}

.RightNavBox img{
margin:0;
}

/*　Global Network page
=========================================================================================== */
#GlobalList{
padding: 5px 5px 2px;
background-color: #eee;
}

#GlobalList ul li {
margin-bottom: 4px;
}
#GlobalList ul li.LastItem {
margin-bottom: none !important;
}
#GlobalList ul li a {
position: relative;
font-size: 67%;
background: url(/common/image/top/top_nav_arrow.png) #fff no-repeat right 5px center;
display: block;
padding: 9px 10px;
vertical-align: top;
line-height: 140%;
text-decoration: none;
border-left: 4px solid;
}

#GlobalList ul li a:link,
#GlobalList ul li a:visited,
#GlobalList ul li a:hover,
#GlobalList ul li a:active{
text-decoration: none;
}
#GlobalList ul li a:hover{
background: url(/common/image/top/top_nav_arrow_hover.png) #fff no-repeat right 5px center;
}


#GlobalList ul li a.C01 {
border-color: #95c486;
}
#GlobalList ul li a.C02 {
border-color: #d5af4e;
}
#GlobalList ul li a.C03 {
border-color: #63aec0;
}
#GlobalList ul li a.C04 {
border-color: #246eab;
}
#GlobalList ul li a.C05 {
border-color: #c25162;
}



/*　Renewal pages
=========================================================================================== */
.linkBtn a,
.linkBtn span {
  padding: 0 0 0 12px;
  display: inline-block;
  position: relative;
  width: 138px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background: #d50127 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAACXBIWXMAAAsSAAALEgHS3X78AAAAWklEQVQokZ2R7QmAMAxETydwBEdzZEfpBq8UK2hzGuhBflx45HMBJGmXVHpENQgowAls3b/iNgeXLPg0n+BY2oKhvwMdFMDVrjxqpl06eHqC9Jgt+fuW/MGSKsZXScyk137fAAAAAElFTkSuQmCC) center right 5px no-repeat;
  text-decoration: none;
  box-sizing: border-box;
	transition: opacity ease .3s;
}
.linkBtn a:hover {
  opacity: .7;
}




/* top */
.topHero {
  margin: 0 auto 70px;
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: 490px;
  overflow: hidden;
}
.topHero .slick-slide {
  position: relative;
  width: 100%;
  height: 490px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.topHero .slick-slide>span,
.topHero .slick-slide>a {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 490px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  transition: opacity ease .3s;
}
/*
.topHero .slick-slide a:hover {
  opacity: .6;
}
*/
.topHero .slick-slide a:hover {
  opacity: 1;
}


.topHero .Slide1>span,
.topHero .Slide1>a {
cursor: pointer;
  background-image: url("/common/image/top/slide01.png");
}
.topHero .Slide2>span,
.topHero .Slide2>a {
cursor: pointer;
  background-image: url("/common/image/top/slide02.png");
}
.topHero .Slide3>span,
.topHero .Slide3>a {
cursor: pointer;
  background-image: url("/common/image/top/slide03.png");
}
.topHero .Slide4>span,
.topHero .Slide4>a {
cursor: pointer;
  background-image: url("/common/image/top/slide04.png");
}
.topHero .Slide5>span,
.topHero .Slide5>a {
cursor: pointer;
  background-image: url("/common/image/top/slide05.png");
}
.topHero .Slide6>span,
.topHero .Slide6>a {
  background-image: url("/common/image/top/slide06.jpg");
}
.topHero .Slide7>span,
.topHero .Slide7>a {
cursor: pointer;
  background-image: url("/common/image/top/slide07.png");
}


.topHero .slick-slider {
  margin: 0;
}
.topHero button {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  transform: none;
  transition: opacity ease .3s;
}
.topHero .slideArrows {
  position: absolute;
  top: calc(50% - 18px);
  left: 50%;
  width: 100%;
  max-width: 965px;
  transform: translateX(-50%);
}
.topHero .slick-arrow {
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  background: transparent url("/common/image/top/icon_slide_paddle.png") 0 0 no-repeat;
}
.topHero .slick-prev {
  left: 0;
}
.topHero .slick-next {
  right: 0;
  transform: rotate(180deg);
}
.topHero .slick-arrow:hover {
  opacity: .6;
}
.topHero .AutoMenu {
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}
.topHero .slideDots {
  margin-right: 20px;
}
.topHero .slideDots ul.slick-dots {
  position: static;
  width: auto;
  display: flex;
  align-items: center;
}
.topHero .slideDots ul li {
  width: 16px;
  height: 16px;
}
.topHero .slideDots ul li button {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #787878;
  transition: background-color ease .3s;
}
.topHero .slideDots ul li button:hover,
.topHero .slideDots ul li.slick-active button {
  background-color: #DE0A2E;
}
.topHero .slideDots ul li button:before {
  display: none;
}
.topHero .AutoMenu button {
  display: none;
  width: 30px;
  height: 30px;
}
.topHero .AutoMenu button:not(.active) {
  display: block;
}
.topHero .Play {
  background: transparent url("/common/image/top/icon_slide_play.png") 0 0 no-repeat;
}
.topHero .Pause {
  background: transparent url("/common/image/top/icon_slide_stop.png") 0 0 no-repeat;
}
.topHero .heroWrap {
  margin: 0 auto;
  padding: 100px 45px;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 965px;
  box-sizing: border-box;
}
.topHero .heroTxt {
  line-height: 1.28;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
}
.topHero .heroTxt.otherPxTxt {
  font-size: 44px;
}
.topHero .heroTxt2 {
  margin-top: .5em;
  max-width: 500px;
  line-height: 1.6;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.topHero .otherCol01 {
  color: #1A3053;
}
.topHero .linkBtn {
  position: absolute;
  bottom: 80px;
  left: 45px;
}
/*
.topHero .linkBtn.ppsBtn02 {
  left: 145px;
  bottom: 75px;
}
*/
.topHero .Slide1 .heroWrap {
  padding: 0 45px;
  height: auto;
}

.topHero .Slide6 .heroTxt,
.topHero .Slide7 .heroTxt,
.topHero .Slide7 .heroTxt2 {
  display: none;
}


.topSectionHead {
  margin: 0 auto 15px;
  padding: 0 15px;
  position: relative;
  max-width: 965px;
}
.topSectionHeadBdr {
  padding-bottom: 15px;
  border-bottom: 1px #a7a7a7 solid;
}
.GridSet .topSectionHead {
  padding: 0;
}
.topSectionHeadTitle {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  color: #1A3053;
  background: none;
  font-size: 46px;
  font-weight: bold;
}
.topSectionHeadTitle a {
  padding-right: 30px;
  position: relative;
  color: #1A3053 !important;
  background: none !important;
  text-decoration: none !important;
  transition: opacity ease .3s;
}
.topSectionHeadTitle a:hover {
  opacity: .6;
}
.topSectionHeadTitle a:after {
  content: '';
  border-top: 4px #1A3053 solid;
  border-right: 4px #1A3053 solid;
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
}

.topSectionHeadTitle.TitlePT02 a {
  display: inline-block;
}

.topSectionHead .linkBtn {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
}
.introGN {
  margin: 0 0 60px;
}
.introGNList {
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  max-width: 1058px;
  height: 325px;
  background: url("../image/top/globalnetwork_pc.png") top center no-repeat;
}
.introGNList.otherBG01 {
  background: url("../image/top/initiatives_pc.png") top center no-repeat;
}
.introGNList ul {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 965px;
}
.introGNList ul li {
  font-size: 28px;
  font-weight: bold;
}
.introGNList ul li a {
  padding-right: 20px;
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsSAAALEgHS3X78AAAAV0lEQVQYlX3QgQ0AERAF0S3hSlGSkq4EJV0pOhiRI1n8JSGReREYkIEXMDX7UvhHicAV+Y1E+5EHUhdbkAIPUAdKKn4j9ucvJxzRAxknCOMEYfRfLSNgDV7pUV1QPjd3AAAAAElFTkSuQmCC) center right no-repeat;
  text-decoration: none;
}
.introCI {
  margin: 0 auto 60px;
}
.introCI ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 965px;
}
.introCI ul li {
  width: calc(348/1058*100%);
}
.introCI ul li a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.introCI ul li a .image {
}
.introCI ul li a .image img {
  width: 100%;
}
.introCI ul li a span {
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  min-height: 85px;
  line-height: 1.11;
  background: rgba(30,60,96,.9) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsSAAALEgHS3X78AAAAV0lEQVQYlX3QgQ0AERAF0S3hSlGSkq4EJV0pOhiRI1n8JSGReREYkIEXMDX7UvhHicAV+Y1E+5EHUhdbkAIPUAdKKn4j9ucvJxzRAxknCOMEYfRfLSNgDV7pUV1QPjd3AAAAAElFTkSuQmCC) center right 10px no-repeat;
  font-size: 28px;
  font-weight: bold;
  box-sizing: border-box;
}
.introProducts {
  margin: 0 0 60px;
  padding: 50px 0;
  background-color: #e3e3e3;
}
.productsList {
  display: flex;
  flex-wrap: wrap;
}
.productsList li {
  margin: 0 calc(19/965*100%) 20px 0;
  width: calc(309/965*100%);
}
.productsList li:nth-child(3n) {
  margin-right: 0;
}
.productsList li a {
  position: relative;
  display: block;
  height: 100%;
  background-color: #e3e3e3;
  text-decoration: none;
}
.introProducts .productsList li a {
  background-color: #fff;
}
.productsList li a p {
  padding: 20px;
  min-height: 106px;
  line-height: 1.72;
  color: #1A3053;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
}
.productsList li a img {
  width: 100%;
}
.productsList li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background: #D70127 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsSAAALEgHS3X78AAAAV0lEQVQYlX3QgQ0AERAF0S3hSlGSkq4EJV0pOhiRI1n8JSGReREYkIEXMDX7UvhHicAV+Y1E+5EHUhdbkAIPUAdKKn4j9ucvJxzRAxknCOMEYfRfLSNgDV7pUV1QPjd3AAAAAElFTkSuQmCC) center right 7px no-repeat;
}





/* global network */
.GNHead {
  position: relative;
}
.GNHeadText {
  padding: 0 15px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  box-sizing: border-box;
  transform: translateY(-50%);
}
.GNAnchorArea {
  margin: 0 0 50px;
  position: relative;
  height: 42px;
  background-color: #F2F2F2;
}
.GNAnchor {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 42px;
  max-width: 965px;
  background-color: #F2F2F2;
  transform: translateX(-50%);
}
.GNAnchor.fixed {
  position: fixed;
}
.GNAnchor ul {
  display: table;
  width: 100%;
  height: 22px;
}
.GNAnchor ul li {
  border-right: 1px #575757 solid;
  display: table-cell;
  line-height: 22px;
  text-align: center;
}
.GNAnchor ul li:first-child {
  border-left: 1px #575757 solid;
}
.GNAnchor ul li a {
  color: #909191;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  transition: color ease .3s;
}
.GNAnchor ul li a:hover {
  color: #1A3053;
}
.regionArea {
  margin-top: -42px;
  padding-top: 42px;
}
.regionName {
  margin: 0 0 25px;
  padding: 5px 40px 0;
  border-top: 6px #1a3053 solid;
  line-height: 1.17;
  color: #1A3053;
  font-size: 18px;
  font-weight: bold;
}
.regionBox {
  padding: 35px 40px;
  border-top: 1px #f2f2f2 solid;
  display: flex;
}
.regionBox:last-of-type {
  margin-bottom: 45px;
}
.regionBox h2 {
  margin: 0;
  padding: 0;
  width: calc(220/885*100%);
  background: none;
}
.regionBox h2 span {
  margin: 0;
  padding: 0;
  color: #575757;
  background: none;
  font-size: 25px;
  font-weight: bold;
}
.regionBox .regionData {
  width: calc(665/885*100%);
}
.regionBox h3 {
  margin: 0 0 5px;
  padding: 0;
  color: #575757;
  font-size: 18px;
  font-weight: bold;
}
.regionBox .TextStyle1 {
  margin: 0 0 5px;
  padding: 0;
  color: #333;
  line-height: 1.77;
  font-size: 13px;
}
.regionBox .LinkListStyle1 {
  margin: 0;
}
.regionBox .LinkListStyle1 li {
  font-size: 13px;
}
.regionBox .LinkListStyle1 li a {
}





/* history */
.historyTable {
  padding-bottom: 40px;
  position: relative;
}
.historyTable:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 96px;
  width: 6px;
  height: 100%;
  background-color: #eee;
}
.historyTable dl {
  display: flex;
  align-items: center;
}
.historyTable dl:first-child {
  position: relative;
}
.historyTable dl:first-child:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 96px;
  width: 6px;
  height: 50%;
  background-color: #fff;
}
.historyTable dl dt {
  padding: 10px 12px 10px 0;
  width: 84px;
  color: #E40127;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
}
.historyTable dl dd {
  padding: 10px 0 10px 65px;
  display: flex;
  align-items: center;
  position: relative;
  width: calc(100% - 96px);
  box-sizing: border-box;
}
.historyTable dl dd:before {
  content: '';
  border-radius: 50%;
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: -5px;
  width: 16px;
  height: 16px;
  background-color: #909191;
}
.historyTable dl dd:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #909191;
}
.historyTable dl dd .historyImg {
  width: 142px;
}
.historyTable dl dd p {
  box-sizing: border-box;
}
.historyTable dl:nth-of-type(1) dd p {
  width: calc(100% - 114px);
}
.historyTable dl:nth-of-type(2) dd p {
  padding-right: 1em;
  max-width: 310px;
  width: calc(100% - 142px);
}
.historyTable dl:nth-of-type(5) dd p {
  padding-left: 1em;
  width: calc(100% - 142px);
}
.historyTable dl:nth-of-type(6) dd p {
  padding-right: 1em;
  max-width: 380px;
  width: calc(100% - 142px);
}





.introGNList ul li a,
.introCI ul li a,
.productsList li a,
.ImgTopLink a {
  transition: opacity ease .3s;
}
.introGNList ul li a:hover,
.introCI ul li a:hover,
.productsList li a:hover,
.ImgTopLink a:hover {
  opacity: .6;
}

.ShowRWD02 {display: none;}

.fontWNml {font-weight: normal !important;}

table.ReleaseTB th,
table.ReleaseTB td {
border: none;
vertical-align: top;
font-size: 0.875em;
padding: 5px 7px;
}
.TDnowarp {
white-space: nowrap;
}
table.ReleaseTB th {
background-color: #fff;
text-decoration: underline;
}
.table-scroll01 table {
min-width: 500px;
}

/*　Top Slider
=========================================================================================== */
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir='rtl'] .slick-prev:before{content:''}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before,[dir='rtl'] .slick-next:before{content:''}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'?';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


