.mfp-auto-cursor .mfp-content{margin-top:70px}
.white-popup{position:relative;width:auto;max-width:954px;margin:0 auto;padding:50px 0 60px 0;background:#fff}
.white-popup .container{max-width:600px;margin:0 auto}
.white-popup .container .thumb img{width:100%}
.white-popup .container .title{margin-top:1.5em;text-align:center;font-size:1.42em;font-weight:700}
.white-popup .container .desc{margin-top:.5em;line-height:1.812}
button.mfp-close{top:-57px;width:43px;height:43px;opacity:.8;background-color:transparent}
button.mfp-close{right:13px}
.mfp-close-btn-in .mfp-close{color:transparent}
.mfp-close:focus,.mfp-close:hover{opacity:1}
button.mfp-close:active{top:-57px}
button.mfp-close:after,button.mfp-close:before{position:absolute;top:21px;left:-8px;display:block;visibility:visible;width:58px;height:1px;content:'';background-color:#fff}
button.mfp-close:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
button.mfp-close:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.mfp-auto-cursor .mfp-content{margin:110px 0 80px}
.mfp-bg{position:fixed!important}
.white-popup{max-width:992px;padding:0;background-color:transparent}
.white-popup .container{position:relative;max-width:100%}
.white-popup iframe{position:relative!important;width:100%}
.popup{max-width:1000px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 13px}
.movie{padding-top:56.25%;position:relative}
.movies__movie{position:relative;display:block;max-width:1280px;margin:0 auto}
.content-wrap .main-visual{background-image:url(/eig/energysystems/videos/images/main.png)}
.content-wrap .movies-wrap{background-color:#f7f5f0; padding: 80px 0 0;}
.content-wrap .movies{padding:80px 0 120px}
.content-wrap .movies{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content: flex-start;justify-content: center;}
.content-wrap .movie__link{display:block;position:relative;overflow:hidden}
.content-wrap .movie__link:before{position:absolute;top:50%;left:50%;display:inline-block;content:"";background:rgba(0,0,0,.5);border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background .25s ease-out;transition:background .25s ease-out;z-index:2}
.content-wrap .movie__link:before{width:70px;height:70px}
.content-wrap .movie__link:after{position:absolute;top:50%;left:50%;display:inline-block;content:"";width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}
.content-wrap .movie__link:after{margin-left:3px;border-width:11.5px 0 11.5px 20px}
.content-wrap .movie__link img{width:100%;vertical-align:bottom;transition:transform .25s ease-out,-webkit-transform .25s ease-out}
.content-wrap .movie__link:hover:before{background:rgba(221,0,0,.5)}
.content-wrap .movie__link:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-wrap .movies__ele{background-color:#fff;-ms-flex-preferred-size:32%;flex-basis:32%}
.content-wrap .movies__ele:nth-child(n+4){margin-top:20px}
.content-wrap .movies__ele-inner{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.content-wrap .movies__title{font-weight:700;font-size:125%;margin:20px 0 10px}
.content-wrap .movies__comment{margin-top:10px;font-size:81.25%}
.content-wrap .movies__movie--2col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:48px 0 80px}
.content-wrap .movies__movie--2col .movies__movie{margin:0;width:72%}
.content-wrap .movies__movie--2col .movies__award{border:1px solid #dbdbdb;width:24.6%;min-height:1px}
@media (min-width:768px){
.content-wrap .movies__ele{margin-right: 1%;margin-left: 1%}
.content-wrap .movies__ele:nth-of-type(3n+1){margin-left: 0}
.content-wrap .movies__ele:nth-of-type(3n),.content-wrap .movies__ele:last-of-type{margin-right: 0}
}
@media (max-width:767px){
.content-wrap .movies{padding:36px 0 70px}
.content-wrap .movies{display:block}
.content-wrap .movie__link:before{width:56px;height:56px}
.content-wrap .movie__link:after{border-width:9.5px 0 9.5px 17px}
.content-wrap .movie__link:hover:before{background:rgba(0,0,0,.5)}
.content-wrap .movie__link:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.content-wrap .movies__ele{width:100%;text-align:left}
.content-wrap .movies__ele+.movies__ele{margin-top:20px}
.content-wrap .movies__ele-inner{width:100%}
.content-wrap .movies__title{font-size:112.5%;line-height:1.2;text-align:center;margin:20px 0 10px}
.content-wrap .movies__comment{margin-top:13px;line-height:1.4}
.content-wrap .movies__movie--2col{margin:10px 0 0;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.content-wrap .movies__movie--2col .movies__movie{width:100%}
.content-wrap .movies__movie--2col .movies__award{width:85.357142857142857%;display:block;margin:0 auto 25px}
}

/* ----- movie ボックス -----  */
.movies.movies_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.movies__movie .movies {
  padding-top: 56.25%;
  position: relative
}
.movies_box .movies__movie {
  position: relative;
  display: block;
  max-width: 1280px;
  margin: 0 auto
}
.movies-wrap {
  background-color: #f7f5f0
}
.movies-wrap.movies-wrap--dark {
  background-color: #e0ded8
}
.movies_box .movies {
  padding: 105px 0 120px
}
.movies_box .movies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.movies_box .movie__link {
  display: block;
  position: relative;
  overflow: hidden
}
.movies_box .movie__link:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  background: rgba(0, 0, 0, .5);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: background .25s ease-out;
  transition: background .25s ease-out;
  z-index: 2
}
.movies_box .movie__link:before {
  width: 70px;
  height: 70px
}
.movies_box .movie__link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3
}
.movies_box .movie__link:after {
  margin-left: 3px;
  border-width: 11.5px 0 11.5px 20px
}
.movies_box .movie__link img {
  width: 100%;
  vertical-align: bottom;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out
}
.movies_box .movie__link:hover:before {
  background: rgba(221, 0, 0, .5)
}
.movies_box .movie__link:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.movies_box .movies__ele {
  background-color: #fff;
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%
}
.movies_box .movies__ele:nth-child(n+4) {
  margin-top: 20px
}
.movies_box .movies__ele-inner {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.movies_box .movies__title {
  font-weight: 700;
  font-size: 125%;
  margin: 20px 0 10px
}
.movies_box .movies__comment {
  margin-top: 10px;
  font-size: 81.25%
}
.movies_box .movies__movie--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 48px 0 80px
}
.movies_box .movies__movie--2col .movies__movie {
  margin: 0;
  width: 72%
}
.movies_box .movies__movie--2col .movies__award {
  border: 1px solid #dbdbdb;
  width: 24.6%;
  min-height: 1px
}

@media screen and (max-width:767px) {
  .movies_box .main-visual {
    background-image: url(/bu/transportation/videos/img/main_visual_2x.jpg)
  }
  .movies_box .movies {
    padding: 36px 0 70px
  }
  .movies_box .movies {
    display: block
  }
  .movies_box .movie__link:before {
    width: 56px;
    height: 56px
  }
  .movies_box .movie__link:after {
    border-width: 9.5px 0 9.5px 17px
  }
  .movies_box .movie__link:hover:before {
    background: rgba(0, 0, 0, .5)
  }
  .movies_box .movie__link:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .movies_box .movies__ele {
    width: 100%;
    text-align: left
  }
  .movies_box .movies__ele+.movies__ele {
    margin-top: 20px
  }
  .movies_box .movies__ele-inner {
    width: 100%
  }
  .movies_box .movies__title {
    font-size: 112.5%;
    line-height: 1.2;
    text-align: center;
    margin: 20px 0 10px
  }
  .movies_box .movies__comment {
    margin-top: 13px;
    line-height: 1.4
  }
  .movies_box .movies__movie--2col {
    margin: 10px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .movies_box .movies__movie--2col .movies__movie {
    width: 100%
  }
  .movies_box .movies__movie--2col .movies__award {
    width: 85.357142857142857%;
    display: block;
    margin: 0 auto 25px
  }
}


#vp_x_series{
	padding-top: 85px;
	margin-top: -85px;
	@media screen and (max-width:980px) {
		padding-top: 65px;
		margin-top: -65px;
	}
}