@charset "UTF-8";
.banner {
  position: relative;
  margin-top: 120px;
}

.banner .banner-img {
  width: 100%;
}

.banner .banner-img-phone {
  display: none;
}

.banner .banner-logo {
  width: 7.0833333333vw;
  position: absolute;
  top: 4.84375vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.banner .banner-text {
  position: absolute;
  top: 13.1770833333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 3.6458333333vw;
  line-height: 4.5833333333vw;
  font-family: Merriweather;
  color: #fff;
}

@media (max-width: 750px) {
  .banner {
    margin-top: 24vw;
  }

  .banner .banner-img {
    display: none;
  }

  .banner .banner-img-phone {
    display: block;
    width: 100%;
  }

  .banner .banner-logo {
    width: 18.1333333333vw;
    top: 11.2vw;
  }

  .banner .banner-text {
    top: 33.8666666667vw;
    font-size: 8vw;
    line-height: 10vw;
  }
}
.timelines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.timelines .timeline {
  margin-top: 1.25vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.timelines .timeline .timeline-bone .timeline-bone-ring {
  position: relative;
}

.timelines .timeline .timeline-bone .timeline-bone-ring .ring-out {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background-color: #81E688;
  border-radius: 50%;
}

.timelines .timeline .timeline-bone .timeline-bone-ring .ring-in {
  width: 0.9375vw;
  height: 0.9375vw;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.timelines .timeline .timeline-bone .timeline-bone-line {
  width: 0.2083333333vw;
  height: 120%;
  margin: 0 auto;
  background-color: #81E688;
}

.timelines .timeline .timeline-card-l,
.timelines .timeline .timeline-card-r {
  width: 34.375vw;
  min-height: 11.875vw;
  border-radius: 0.5208333333vw;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  position: relative;
  top: 1.0416666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6666666667vw 1.25vw;
}

.timelines .timeline .timeline-card-l .card-img,
.timelines .timeline .timeline-card-r .card-img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6.25vw;
  height: 6.25vw;
  margin-right: 1.6666666667vw;
}

.timelines .timeline .timeline-card-l .card-content .title,
.timelines .timeline .timeline-card-r .card-content .title {
  margin-bottom: 1.25vw;
  font-size: 1.875vw;
  line-height: 2.34375vw;
  font-weight: bold;
  font-family: Merriweather;
}

.timelines .timeline .timeline-card-l .card-content .text,
.timelines .timeline .timeline-card-r .card-content .text {
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
}

.timelines .timeline .timeline-card-l {
  left: -1.5625vw;
}

.timelines .timeline .timeline-card-r {
  right: -1.5625vw;
}

.timelines .timeline:nth-of-type(2n) .timeline-card-l {
  visibility: hidden;
}

.timelines .timeline:nth-of-type(2n + 1) .timeline-card-r {
  visibility: hidden;
}

@media (max-width: 750px) {
  .timelines {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .timelines .timeline {
    margin-top: 3.2vw;
  }

  .timelines .timeline .timeline-bone .timeline-bone-ring .ring-out {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }

  .timelines .timeline .timeline-bone .timeline-bone-ring .ring-in {
    width: 2.4vw;
    height: 2.4vw;
  }

  .timelines .timeline .timeline-bone .timeline-bone-line {
    width: 0.5333333333vw;
  }

  .timelines .timeline .timeline-card-l,
.timelines .timeline .timeline-card-r {
    width: 82.9333333333vw;
    min-height: 30.4vw;
    padding: 5.3333333333vw 3.2vw;
    border-radius: 1.3333333333vw;
    top: 2.6666666667vw;
  }

  .timelines .timeline .timeline-card-l .card-img,
.timelines .timeline .timeline-card-r .card-img {
    width: 16vw;
    height: 16vw;
    margin-right: 4.2666666667vw;
  }

  .timelines .timeline .timeline-card-l .card-content .title,
.timelines .timeline .timeline-card-r .card-content .title {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
    line-height: 6vw;
  }

  .timelines .timeline .timeline-card-l .card-content .text,
.timelines .timeline .timeline-card-r .card-content .text {
    font-size: 4vw;
    line-height: 5.3333333333vw;
  }

  .timelines .timeline .timeline-card-l {
    display: none;
  }

  .timelines .timeline .timeline-card-r {
    right: -3.2vw;
  }

  .timelines .timeline:nth-of-type(2n + 1) .timeline-card-r {
    visibility: visible;
  }
}
.nowwrap {
  padding: 2.0833333333vw 0;
}

@media (max-width: 750px) {
  .nowwrap {
    padding: 5.3333333333vw 0;
  }
}
.now .now-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.1875vw;
  line-height: 2.8645833333vw;
}

.now .now-video {
  width: 100%;
  padding-left: 0;
}

@media (max-width: 750px) {
  .now .now-text {
    padding: 4vw 0;
    font-size: 4.8vw;
    line-height: 7.3333333333vw;
  }

  .now .now-video {
    padding: 0;
  }
}
.nowimgs {
  margin-top: 1.5625vw;
}

.nowimgs img {
  width: 100%;
}

.nowimgs .nowimgs-phone {
  display: none;
}

@media (max-width: 750px) {
  .nowimgs {
    margin-top: 0;
  }

  .nowimgs .nowimgs-pc {
    display: none;
  }

  .nowimgs .nowimgs-phone {
    display: block;
  }
}
.fishmap .fishmap-top .fishmap-text,
.fishmap .fishmap-bottom .fishmap-text {
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
  padding: 1.0416666667vw;
  border-radius: 0.5208333333vw;
}

.fishmap .fishmap-top .fishmap-text-1,
.fishmap .fishmap-bottom .fishmap-text-1 {
  background-color: #c1f4df;
}

.fishmap .fishmap-top .fishmap-text-2,
.fishmap .fishmap-bottom .fishmap-text-2 {
  background-color: #a2eed0;
}

.fishmap .fishmap-top .fishmap-text-3,
.fishmap .fishmap-bottom .fishmap-text-3 {
  background-color: #83e9c0;
}

.fishmap .fishmap-top .fishmap-text-4,
.fishmap .fishmap-bottom .fishmap-text-4 {
  background-color: #64e3b0;
}

.fishmap .fishmap-top .fishmap-text-5,
.fishmap .fishmap-bottom .fishmap-text-5 {
  background-color: #45dea1;
}

.fishmap .fishmap-top .fishmap-text-6,
.fishmap .fishmap-bottom .fishmap-text-6 {
  background-color: #27d891;
}

.fishmap .fishmap-top .fishmap-text-7,
.fishmap .fishmap-bottom .fishmap-text-7 {
  background-color: #81E688;
}

.fishmap .fishmap-bone {
  margin: 2.6041666667vw 0;
}

.fishmap .fishmap-bone .img-pc {
  width: 75vw;
}

.fishmap .fishmap-bone .img-phone {
  display: none;
}

@media (max-width: 750px) {
  .fishmap .fishmap-top,
.fishmap .fishmap-bottom {
    padding: 0;
  }

  .fishmap .fishmap-top > div,
.fishmap .fishmap-bottom > div {
    padding: 0;
  }

  .fishmap .fishmap-top .fishmap-text,
.fishmap .fishmap-bottom .fishmap-text {
    font-size: 4vw;
    line-height: 5.2vw;
    padding: 2.6666666667vw;
  }

  .fishmap .fishmap-bone .img-pc {
    display: none;
  }

  .fishmap .fishmap-bone .img-phone {
    display: block;
    width: 20.8vw;
  }
}
.qiosk .qiosk-left {
  width: 32.3958333333vw;
  margin: 0 auto;
  position: relative;
}

.qiosk .qiosk-left .qiosk-left-img {
  width: 100%;
}

.qiosk .qiosk-left .qiosk-left-logo {
  width: 8.59375vw;
  position: absolute;
  right: -2.7604166667vw;
  bottom: 0.46875vw;
}

.qiosk .qiosk-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.875vw;
  line-height: 2.5vw;
}

@media (max-width: 750px) {
  .qiosk .qiosk-left {
    width: 82.9333333333vw;
    margin-top: 4.2666666667vw;
  }

  .qiosk .qiosk-left .qiosk-left-logo {
    width: 22vw;
    right: -7.0666666667vw;
    bottom: 1.2vw;
  }

  .qiosk .qiosk-text {
    font-size: 4.8vw;
    line-height: 6.4vw;
    text-indent: 1em;
  }
}
.hongkong {
  margin-top: 4.1666666667vw;
}

@media (max-width: 750px) {
  .hongkong {
    margin-top: 5.3333333333vw;
  }
}
.stimelines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
}

.stimelines .stimeline {
  margin-bottom: 1.25vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.stimelines .stimeline .stimeline-bone .stimeline-bone-round {
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background-color: #81E688;
}

.stimelines .stimeline .stimeline-bone .stimeline-bone-line {
  width: 0.2083333333vw;
  height: 110%;
  margin: 0 auto;
  background-color: #81E688;
}

.stimelines .stimeline .stimeline-l,
.stimelines .stimeline .stimeline-r {
  min-height: 4.1666666667vw;
  position: relative;
  top: -0.5208333333vw;
  font-size: 1.5625vw;
  line-height: 2.03125vw;
}

.stimelines .stimeline .stimeline-l {
  left: -1.5625vw;
}

.stimelines .stimeline .stimeline-r {
  display: none;
}

@media (max-width: 750px) {
  .stimelines {
    margin-bottom: 8vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .stimelines .stimeline {
    margin-top: 3.2vw;
  }

  .stimelines .stimeline .stimeline-bone .stimeline-bone-round {
    width: 3.2vw;
    height: 3.2vw;
  }

  .stimelines .stimeline .stimeline-bone .stimeline-bone-line {
    width: 0.5333333333vw;
  }

  .stimelines .stimeline .stimeline-l,
.stimelines .stimeline .stimeline-r {
    min-height: 10.6666666667vw;
    top: -1.0666666667vw;
    font-size: 4vw;
    line-height: 5.2vw;
  }

  .stimelines .stimeline .stimeline-l {
    display: none;
  }

  .stimelines .stimeline .stimeline-r {
    display: block;
    left: 1.3333333333vw;
  }
}
.easycharge {
  width: 32.6041666667vw;
  position: relative;
}

.easycharge .easycharge-logo {
  width: 18.5416666667vw;
  position: absolute;
  top: -3.6458333333vw;
  left: 13.0208333333vw;
}

@media (max-width: 750px) {
  .easycharge {
    margin-top: 10.6666666667vw;
    width: 100%;
  }

  .easycharge .easycharge-logo {
    width: 47.4666666667vw;
    top: -9.2vw;
    left: 38.4vw;
  }
}
.hk .hk-imgs .hk-img {
  margin-bottom: 1.25vw;
}

.hk .hk-imgs .hk-img img {
  width: 100%;
}

@media (max-width: 750px) {
  .hk .hk-imgs {
    padding: 0;
  }

  .hk .hk-imgs .hk-img {
    padding: 0;
    margin-bottom: 4vw;
  }

  .hk .hk-imgs .hk-img:nth-of-type(2n) {
    padding-right: 2vw;
  }

  .hk .hk-imgs .hk-img:nth-of-type(2n + 1) {
    padding-left: 2vw;
  }

  .hk .hk-imgs .hk-img:nth-of-type(1) {
    padding: 0;
  }
}