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

Name: index.css

Description:

Create: 2014.xx.xx
Update: 2020.03.18

Copyright 2014 Hitachi, Ltd.

***************************************************** */
#Contents{
  overflow: hidden;
}
.GridSet {
width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
#mainVisual {
  position: relative;
  overflow: hidden;
  margin: 0 0 50px 0;
}
#mainVisual .bx-wrapper {
  position: relative;
  margin-bottom: 110px;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #fff;
}

#mainVisual .bx-wrapper a:hover img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.bx-wrapper .bx-pager {
  padding-left: 15px;
}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
  background: #a0c31c;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active, 
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a:focus, 
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #0398cb;
}
#mainVisual .bx-wrapper figure {
  margin: 0 auto 0;
}
.banner-container {
  overflow: hidden;
  margin: 0 auto 140px auto;
  width: 82%;
}

.banner-container .banner-inner {
  margin: 0px 0 0 0px;
	background: #fff !important;
}
.banner-container .banner-inner .banner-item a:hover img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.banner-container .banner-inner .banner-item.col-2 {
  width: 475px;
  margin: 0px 15px 15px 0px;
  display: inline-block;
}
.banner-container .banner-inner .banner-item.col-2:nth-child(2n) {
  margin: 0px 0px 15px 0px;
  float: right;
}
.banner-container .banner-inner .banner-item.col-2 img {
  width: 100%;
}
.sp {
    display: none;
 }
.pc {
  display: block;
 }
@media screen and (max-width: 1200px) {
  .GridSet {
    width: 100%;
  }
  #Contents {
    min-width: 100%;
  }
  #mainVisual .bx-wrapper  li img {
    width: 100%;
  }
  .banner-container {
    width: 80%;
  }
  .banner-container .banner-inner{
    width: 100%;
  }
  .banner-container .banner-inner .banner-item.col-2{
    width: 49%;
    display: inline-block;
    margin: 0 auto;
  }
  .banner-container .banner-inner .banner-item.col-2 img{
    width: 100%;
  }
} 
@media screen and (max-width: 767px) {
  .sp {
    display: block;
    margin: 0;
  }
  .pc {
    display: none;
  }
  #mainVisual .bx-wrapper {
    margin-bottom: 55px;
  }
  .banner-container .banner-inner .banner-item.col-2 {
    float: none;
    width: 100%;
    margin-bottom: 4%;
  }
  /*.banner-container .banner-inner .banner-item.col-2:nth-child(2n) {
    margin: 0 auto;
  }*/
}
#mainVisual .auto-control{
    position: absolute;
    bottom: 77px;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -31px;
}
@media screen and (max-width: 767px) {
  #mainVisual .auto-control{
    bottom: 22px;
  }
}
#mainVisual .auto-control .play {
      display: none;
}

#SiteIdentityP {
	position: relative;
	height: 50px;
	z-index: 9999;
}
#SiteIdentityP p {
    padding: 10px 0 10px 14px;
  }
div.Section {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 9999;
}
.CloseButtonStyle li a:link {
    width: 40px;
    background-color: #e60027!important;
}
#Footer {
  min-width: inherit;
  padding: 15px;
  /*      padding: 4% 15px 5%;*/
  margin: 0 auto;
}
#Footer p {
      width: 100%;
      text-align: right;
	}
.CloseButtonStyle li a {
  padding: 20px 9px 4px;
  background: url(/image/jp/r1/icon/icon_close.gif) no-repeat 50% 9px!important;
}
@media screen and (max-width: 767px) {
  #Footer {  
    padding: 4% 15px 5%;
  }
  #Footer p {
    text-align: left;
  }
}

/* header　公開時削除 */
#CountryRegion {
  width: 95px;
}
@media screen and (max-width: 767px) {
  #CountryRegion {
  width: auto;
}
}

/* 印刷用 */
@media print {
	body {
		zoom: 60%;
	}
  body, #HeaderArea, #Contents, #Footer {
    width: 100% !important;
  }
}