@charset "utf-8";
#wrap {position: relative;overflow: hidden;}
.inner {width: 940px;margin: 0 auto;}

/* videoBoxMain */
.videoBoxMain {
  padding-top: 97px;
  background: #fff url(../image/bg.png) no-repeat top center / 100% auto;overflow: hidden;}
.videoBoxMain {overflow: hidden;}
.videoBoxMain .inner {padding:55px 0 34px;text-align: center;}
.videoBoxMain .inner .videoBoxWrap {
  position: relative;
  width: 940px;
  height: 529px;
  margin: 0 auto;
}
.videoBoxMain .inner .videoBoxImg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.videoBoxMain .inner .videoBoxImg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}
.videoBoxMain .inner .videoBoxImg::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: url("../image/play.png") no-repeat center center / 100% 100%;
  z-index: 2;
}

.videoBoxMain .inner .videoBox {
  position: absolute;
  padding-top: 56.3%;
  overflow: hidden;
  width: 100%;
}
.videoBoxMain .inner .videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.videoBoxMain .inner .mySwiper {margin-top: 24px;}
.videoBoxMain .inner .mySwiper .videoImgItem {position: relative;}
.videoBoxMain .inner .mySwiper .videoImgItem::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}
.videoBoxMain .inner .mySwiper .videoImgItem::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  background: url("../image/play.png") no-repeat center center / 100% 100%;
  z-index: 2;
}
.videoBoxMain .inner .mySwiper .videoImgItem img {
  width: 100%;
}

footer {padding: 94px 0 36px;}
footer .logoBox {
  margin-left: -143px;
  display: flex;align-items: center;flex-direction: row;
  justify-content: center;
}
footer .logoBox h1 {
  margin-right: 34px;
}
footer .logoBox h2 a {
  display:block;
  height: 100%;
}
footer .logoBox h2 a img {
  height: 100%;
}
footer .logoBox > a {
  display:block;
  height: 162px;
}
footer .logoBox > a img {
  height: 100%;
}
footer .logoList {display: flex;align-items: center;}
footer .logoList li + li {margin-left:7px;}
footer p {margin-top:36px;font-size: 24px;color:#999;text-align: center;}
footer img{width: 100%;}

@media screen and (max-width: 1800px){ 
footer {padding: 5% 0 3%;}
  footer .logoBox {
    padding-left:1%;
    width: 90%;
    margin-left: 0;
  }
  footer .logoBox h1 {width: 10%;margin-right: 1%;}
  footer .logoList {
    width: 90%;
  }
  footer .logoList li {width: calc(20% - 5.6px);}
}

@media screen and (max-width: 940px){ 
  .inner {width: 100%;}
  .videoBoxMain .inner .videoBoxWrap {width: 100%;}
}