@font-face {
   font-family: Roboto-Light;
   src: url('../fonts/Roboto-Light.ttf') format("truetype");
}
@font-face {
   font-family: Roboto-Bold;
   src: url('../fonts/Roboto-Bold.ttf') format("truetype");
}

.movieBox {
    position: relative;
    width: 100%;
    max-width: 900px;
    padding-bottom: 53.29%;
    height: 0px;
    overflow: hidden;
    margin: 0 auto 50px auto;
}
.movieBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movieBox + .movieCaption {
  max-width: 900px;
  margin: -44px auto 50px;
  text-align: left;
  font-size: 14px;
}

.Grid1 {
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    padding-left: 25px;
    padding-right: 25px;
}
.vd-section *:not(.fa) {
    font-family: 'Roboto-Light';
    font-weight: 300;
}
.vd-section a {
    text-decoration: none!important;
    color: #cc0022;
}
.vd-section a:hover {
    text-decoration: underline!important;
    color: #b1000e;
}
.full-banner-cst {
    max-width: 100%;
    width: 100%;
}
.show-mb {
    display: none;
}
.show-dsk {
    display: block;
}
sup {
    margin: auto 1px auto;
    font-size: 78%;
    position: relative;
    vertical-align: 0.42em;
    line-height: 100%;
}
#preNexLink {
    width: 100%;
    display: table;
    margin: 140px 0 60px 0;
}
#preNexLink > .col1 {
    position: relative;
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
}
#preNexLink > .col2 {
    position: relative;
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    padding-left: 10px;
    text-align: right;
    vertical-align: middle;
}
#preNexLink > .col1 .HideRWD,#preNexLink > .col1 .ShowRWD,#preNexLink > .col2 .HideRWD,#preNexLink > .col2 .ShowRWD {
    font-size: 18px;
}
#preNexLink > .col1 a {
    padding-left: 10px;
}
#preNexLink > .col2 a {
    padding-right: 10px;
}
#preNexLink > .col1 a span,#preNexLink > .col2 a span {
    font-family: 'Roboto-Bold';
    font-weight: bold;
}
#preNexLink > .col1 .leftArr {
    width: 36px;
    min-height: 36px;
}
#preNexLink > .col1 .leftArr::before {
    content: "\f137";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    color: #cc0022;
}
#preNexLink > .col1:hover .leftArr::before { color: #b1000e; }
#preNexLink > .col2 .rightArr {
    width: 36px;
    min-height: 36px;
}
#preNexLink > .col2 .rightArr::before {
    content: "\f138";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    color: #cc0022;
}
#preNexLink > .col2:hover .rightArr::before { color: #b1000e; }
.colIn {
    width: 100%;
    display: table;
}
.colIn p {
    display: table-cell;
    vertical-align: middle;
}
.colIn p.iconArr {
    width: 37px;
}
.relatedBoxLink:after {
  content: "";
  display: block;
  clear: both;
}
.relatedBoxLink {
    width: 100%;
    max-width: 900px;
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-bottom: 25px !important;
    box-sizing: border-box;
}
.relatedBoxLink > li {
    float: left;
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
    box-sizing: border-box;
}
/*.relatedBoxLink > li:first-child {
    padding-left: 50px;
}
.relatedBoxLink > li:nth-child(2) {
    padding-right: 50px;
}*/
.relatedBoxLink > li a {
    display: inline-block;
    margin-top: 6px;
    padding-right: 35px;
    font-size: 18px;
    background-position: right center;
    background-repeat:  no-repeat;
    background-size: 24px 24px;
}
.relatedBoxLink > li a.Default {
    background-image: url("/-/media/project/hitachi/sib/image/en/r1/icon/icon_link_right_hd.gif");
}
.relatedBoxLink > li a.NewWin {
    background-image: url(/-/media/project/hitachi/sib/image/en/r1/icon/icon_new_window_hd.gif);
}
.relatedBoxLink > li a.Pdf {
    background-image: url("/-/media/project/hitachi/sib/image/en/r1/icon/icon_pdf_hd.gif");
}
.relatedBoxLink > li img {
    width: 100%;
    height: auto;
}
.mb0 { margin-bottom: 0 !important; }
.pb0 { padding-bottom: 0 !important; }

@media (max-width: 767px) {
    .show-mb {
        display: block;
    }
    .show-dsk {
        display: none;
    }
    .spFlexBox {
        display:-webkit-box;
        display: -webkit-flex;
        display:-ms-flexbox;
        display: flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .spFlexBox .flex1 {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:1;
    }
    .spFlexBox .flex2 {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:2;
        -webkit-order:2;
        order:2;
    }
    .vd-section .TextStyle1.flex1 { margin-bottom: 15px!important; }
    .ImgLeftAdjust .ImgOnlyStyle { margin-bottom: 15px!important; }
}

a { text-decoration-skip-ink: none; }

.redsection .rowWrapper a {
  text-decoration: none;
}

#Contents.vd-section {
  color: #000;
}

.vd-section .fluid-container {
  margin-bottom: 50px;
}

.vd-section .PageTitleStyle1 {
  margin: 0;
  padding: 50px 0;
}
.vd-section .PageTitleStyle1 h1 {
  font-family: 'Roboto-Bold';
  font-size: 48px;
  line-height: 130%;
}
.vd-section .PageTitleStyle1 .SubTitle {
  font-size: 24px;
  line-height: 130%;
}

.vd-section .PageTitleStyle {
  margin: 0 0 50px;
}
.vd-section .PageTitleStyle1 h1,
.vd-section h2,
.vd-section h2 span,
.vd-section h3 {
  font-family: 'Roboto-Bold'!important; 
  color: #000;
}
.vd-section [class*="PageTitleStyle"] .SubTitle {
  margin: 5px 0 0;
  color: #777;
}
.vd-section [class*="PageTitleStyle"] .SubTitle strong {
  color: #777;
}
.vd-section h2 {
  margin: 0 0 50px;
  padding: 0;
  background: none;
}
.vd-section h2 span {
  display: block;
  padding: 0;
  font-size: 30px;
  line-height: 130%;
  background-color: transparent;
}
.vd-section .PageTitleStyle h2 {
  margin-bottom: 0;
}
.vd-section .PageTitleStyle h2 + .SubTitle {
  font-size: 23px;
  line-height: 130%;
}

.vd-section h3 {
  margin: 0 0 50px;
  font-size: 22px;
  line-height: 130%;
}
.vd-section .PageTitleStyle h3 {
  margin-bottom: 0;
}
.vd-section .PageTitleStyle h3 + .SubTitle {
  font-size: 19px;
  line-height: 130%;
}


.vd-section .TextStyle1 {
  font-size: 18px!important;
  line-height: 150%;
  margin-bottom: 50px !important;
}

.vd-section .ImgOnlyStyle {
  margin: 0 0 50px 0;
  font-size: 18px;
  text-align: left;
}

.vd-section .ImgOnlyStyle:not(.marginWrap) {
  display: table;
  table-layout: fixed;
}
.vd-section .marginWrap .ImgOnlyStyle,
.vd-section div[class*="BoxPattern"] .ImgOnlyStyle {
  display: block;
}
.vd-section .Grid1 .ImgOnlyStyle {
  display: block;
}
.vd-section .ImgOnlyStyle img {
  margin: 0;
}

.vd-section .ImgOnlyStyle span.caption,
.vd-section .ImgOnlyStyle a {
  display: inline-block;
  text-align: left;
  margin-top: 6px;
}

.vd-section .ImgOnlyStyle span.caption {
    font-size: 14px;
}
.vd-section .ImgOnlyStyle a:link {
  text-decoration: underline;
}
.vd-section .ImgOnlyStyle a:hover {
  text-decoration: none;
}
.vd-section .ImgOnlyStyle a.Default,
.vd-section .ImgOnlyStyle a.NewWin,
.vd-section .ImgOnlyStyle a.Pdf {
  padding-right: 35px;
  background-position: right center;
  background-repeat:  no-repeat;

  background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -ms-background-size: 24px 24px;
  zoom: 1;
}
.ImgOnlyStyle a.Default {
  background-image: url("/-/media/project/hitachi/sib/image/en/r1/icon/icon_link_right_hd.gif");
}
.ImgOnlyStyle  a.NewWin {
  background-image: url(/-/media/project/hitachi/sib/image/en/r1/icon/icon_new_window_hd.gif);
}
.ImgOnlyStyle  a.Pdf {
  background-image: url("/-/media/project/hitachi/sib/image/en/r1/icon/icon_pdf_hd.gif");
}


.vd-section .ImgOnlyStyle.CenterAdjust {
  margin-left: auto;
  margin-right: auto;
}
.vd-section .ImgOnlyStyle.marginWrap {
  display: block;
}
.vd-section .ImgOnlyStyle.marginWrap img {
  max-width: 100%;
  height: auto;
}

.vd-section .LinkListStyle1 {
  font-size: 18px;
  margin: -8px 0 50px;
}
.vd-section .LinkListStyle1 li {
  padding: 8px 0 0 0;
}
.vd-section .LinkListStyle1 li a {
  padding-right: 35px;
  background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -ms-background-size: 24px 24px;
}

.vd-section .LinkListStyle1 li a:link,
.vd-section .LinkListStyle1 li a:visited { text-decoration: underline; }
.vd-section .LinkListStyle1 li a:hover,
.vd-section .LinkListStyle1 li a:active { text-decoration: none; }


.vd-section .AdditionalNotesStyle2 {
  font-size: 14px;
  margin-bottom: 42px;
}
.vd-section .AdditionalNotesStyle2 dd {
  margin-bottom: 8px;
}
#FloatingContainer .BoxPatternB {
    background-color: #ffffff!important;
}
#FloatingContainer .BoxPatternB h2 { padding-left: 0!important; }
#FloatingContainer .BoxPatternB p,#FloatingContainer .BoxPatternB ul {
    padding: 0!important;
}
.vd-section .BoxPatternB {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 50px auto;
  padding: 26px 0 5px 0;
}
.vd-section .BoxPatternB .Title,
.vd-section .BoxPatternB h2,
.vd-section .BoxPatternB h3,
.vd-section .BoxPatternB h4 {
  margin: 0;
  padding: 0 25px 30px;
  font-size: 19px;
  color: #000;
}
.vd-section .BoxPatternB p,
.vd-section .BoxPatternB ul,
.vd-section .BoxPatternB dl {
  margin-bottom: 50px;
  padding-left: 25px;
  padding-right: 25px;
}
.vd-section .btm-nav i.fa.fa-chevron-circle-left::after,
.vd-section .btm-nav i.fa.fa-chevron-circle-right::after {
  -webkit-animation: none;
  animation: none;
}
.relatedBox .ColumnSet {
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
}
.relatedBox .ColumnSet {
    padding-left: 50px;
    padding-right: 50px;
}
.vd-section .BoxPatternB .ImgOnlyStyle + .LinkListStyle1 {
  margin-top: -50px;
}

.marginWrap {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.SocialAccountList {
  margin: 0 0 50px;
  font-size: 19px;
  max-width: 250px;
}
.SocialAccountList li {
  background-color: #fff;
  margin-bottom: 1px;
  text-align: center;
}
.SocialAccountList li a {
  display: block;
  padding: 8px 10px;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  transition: 0.2s
}
.SocialAccountList li a:hover { color: #ffffff; }
.SocialAccountList li a:hover span,
.SocialAccountList li a:active span {
  /*text-decoration: underline;*/
}
.SocialAccountList li a:hover,
.SocialAccountList li a:active {
  opacity: 0.7;
}
.SocialAccountList li span {
  display: inline-block;
  margin-left: 15px;
  text-align: center;
}
.SocialAccountList .Facebook a { background-color: #3b579d; }
.SocialAccountList .LinkedIn a { background-color: #0977b5; }
.SocialAccountList .Twitter a { background-color: #00ABF0; }

.vd-section .Grid1 .BoxPatternB .Title,
.vd-section .Grid1 .BoxPatternB h2,
.vd-section .Grid1 .BoxPatternB h3,
.vd-section .Grid1 .BoxPatternB h4 {
  padding-bottom: 25px;
}
.vd-section .Grid1 .BoxPatternB p,
.vd-section .Grid1 .BoxPatternB ul,
.vd-section .Grid1 .BoxPatternB dl,
.vd-section .Grid1 .SocialAccountList {
  margin-bottom: 25px;
}
.vd-section .Grid1 .LinkListStyle1 {
  font-size: 18px;
}
.vd-section .Grid1 .marginWrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}




.fixed-container .pagenav-section {
  display: table;
  width: 100%;
}
.fixed-container .pagenav-section a {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
.fixed-container .pagenav-section .right-nav,
.fixed-container .pagenav-section .left-nav {
  max-width: 100%;
}
.fixed-container .pagenav-section .right-nav span.ShowRWD,
.fixed-container .pagenav-section .left-nav span.ShowRWD {
  display: none;
}




/* for 1305px -
=========================================================================================== */

@media screen and (max-width: 1305px) {
.JS .movieBox {
  padding-bottom: 56.25%;
}
}



/* for 995px - 1304px
=========================================================================================== */

@media screen and (min-width :995px) and (max-width: 1304px) {
.OptionWideRWD #SocialAccountBottom ul { padding: 0; }
.OptionWideRWD .vd-section .fluid-container,
.OptionWideRWD .redsection {
  margin-left: -15px;
  margin-right: -15px;
}
.OptionWideRWD .redsection {
  width: calc(100% + 30px);
}
.OptionWideRWD .marginWrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

}

@media screen and (max-width: 1275px) and (min-width: 0\0) and (min-resolution: +72dpi) {
  .vd-section .ImgOnlyStyle:not(.marginWrap) {
    width: 100%;
  }
  .vd-section .marginWrap .ImgOnlyStyle,
  .vd-section div[class*="BoxPattern"] .ImgOnlyStyle {
    width: auto;
  }

}

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

.JS .relatedBoxLink {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

}

/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {

.JS #Contents {
  padding-right: 15px;
  padding-left: 15px;
}
.JS .GridSet {
  padding-right: 0;
  margin: 0 0 0 -15px;
}

.OptionWideRWD .vd-section .fluid-container {
  margin-left: -15px;
  margin-right: -15px;
}
.OptionWideRWD .marginWrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.JS .GridSet .Grid3 .fixed-container.btm-nav {
  padding-left: 0;
  padding-right: 0;
}

.vd-section .PageTitleStyle1 h1 {
  font-size: 36px;
}
.vd-section .PageTitleStyle1 .SubTitle {
  font-size: 26px;
}
.vd-section h2 span {
  font-size: 26px;
}
.vd-section .PageTitleStyle h2 + .SubTitle {
  font-size: 22px;
}
.vd-section h3 {
  font-size: 20px;
}
.vd-section .PageTitleStyle h3 + .SubTitle {
  font-size: 18px;
}
.vd-section .LinkListStyle1 {
  font-size: 18px;
}
.vd-section .AdditionalNotesStyle2 {
  font-size: 14px;
}
.vd-section .BoxPatternB .Title,
.vd-section .BoxPatternB h2,
.vd-section .BoxPatternB h3,
.vd-section .BoxPatternB h4 {
  font-size: 18px;
}
.SocialAccountList {
  font-size: 18px;
}

}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {

.marginWrap {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.JS .vd-section .PageTitleStyle1 h1 {
  /*word-break: break-all;*/
}
.JS .vd-section .ImgOnlyStyle:not(.marginWrap) {
  display: block;
}
.JS .SocialAccountList {
  margin: 0 0 15px;
}
.JS .Grid1 .BoxPatternB .ImgOnlyStyle:first-child {
  float: none;
  width: auto;
  margin: 0 15px 10px;
  padding: 0;
}
.Grid1 { max-width: 100%; }
#FloatingGridSet #FloatingContainer { padding-left: 15px; }
#FloatingGridSet #FloatingContainer .Grid1 { margin: 0!important; }
#FloatingContainer .BoxPatternB h2,#FloatingContainer .BoxPatternB ul { margin-left: 15px; }
.SocialAccountList { max-width: 100%; }
.fixed-container .pagenav-section .right-nav span.HideRWD,
.fixed-container .pagenav-section .left-nav span.HideRWD {
  display: none;
}
.fixed-container .pagenav-section .right-nav span.ShowRWD,
.fixed-container .pagenav-section .left-nav span.ShowRWD {
  display: table-cell;
}

.fa-chevron-circle-left:after,
.fa-chevron-circle-right:after {
  content: none;
}
.vd-section .PageTitleStyle1 .SubTitle {
    font-size: 22px;
}
.vd-section .PageTitleStyle h2 + .SubTitle {
  font-size: 19px;
}
.vd-section .BoxPatternB ul {
    padding-left: 15px;
    padding-right: 15px;
}
.vd-section .BoxPatternB h2 { padding-left: 15px!important; }
.spFlexBox .flex1,.spFlexBox .flex2 { width: 100%; }
.spImgWidth {
    margin-left: auto;
    margin-right: auto;
}
.relatedBoxLink {
    display: block;
}
.relatedBoxLink li {
    float: none;
    width: 100%;
    max-width: 100%;
    display: block;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.rStories { padding-top: 0!important; }
.Grid1 .BoxPatternB.pb0 { padding-bottom: 25px!important; }
.Grid1 .BoxPatternB .ImgOnlyStyle { margin-bottom: 25px!important; }
}

/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {}


/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {}

@charset "utf-8";
/* CSS Document */

.Credit-bg {
    background: #EEEEEE;
    padding: 25px;
    margin-bottom: 20px;
}

/*.Credit-column{
    margin-bottom: 20px;
}*/

.Credit-Img {
    display: block;
    float: left;
    width: 30%;
    padding-right: 15px;
}

.Credit-Img img {
    max-width: 220px;
}


.Credit-Txt {
    display: block;
    float: right;
    width: 68%;
}

.Credit-author {
    font-weight: bold !important;
    font-size: 18px;
}

.Credit-Txt p{
    font-size: 16px;
    line-height: 160%;
}

.Nortice-bg {
    background: #0977b5;
    padding: 30px;
    margin-bottom: 50px;
}

.Nortice-bg h3{
    color: #fff;
    font-weight: bold;
    margin: 0px 0 10px 0;
    
}

.Nortice-bg p{
    color: #fff;
    margin: 0px 0 30px 0;
    font-size: 18px;
    line-height: 160%;
}

.Nortice-bg p.end{
    margin: 0;
}

.Imprint {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  background-color:#fff; 
  border: 1px solid #999;
  margin: 0 auto 25px auto;
  padding: 25px;
}

.Imprint p {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0px;
}

.Newscred-Credit {
  margin-bottom: 50px;
}

.Newscred-Credit hr {
  display: block;
  margin: 0 0 25px 0;
  height: 1px;
  background-color: #ddd;
  border: 0;
}

.Newscred-Credit p {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0px;
}

.marginWrap strong,
.marginWrap b
{
  font-weight: bold !important;
}

@media screen and (max-width: 767px) {
  .Credit-Img, .Credit-Txt {
    float: none;
    width: 100%;
}
    
.Credit-Img p {
    text-align: center;
    margin: 0 auto;
    width: 50%;
    }
    
}