body,
body > .page-content-wrapper,
html {
  overflow: visible !important;
}

/* old */
.eap-img-box {
  font-size: 16px;
  max-width: 1200px;
  width: 75em;
  margin: 0 auto;
}
.eap-img-box img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.eap-img-box img.m-hide {
  display: block;
}
.eap-img-box img.m-show {
  display: none;
}
@media (max-width: 1024px) {
  .eap-img-box {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .eap-img-box {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
  }
  .eap-img-box img.m-show {
    display: block;
    width: 100%;
  }
  .eap-img-box img.m-hide {
    display: none;
  }
}
@media (max-width: 414px) {
  .eap-img-box {
    font-size: 2.5vw;
  }
}

/* new */
.overview-content sup {
  font-size: 0.5556em;
}
.overview-content .white {
  color: #fff;
}
.overview-content .omada-green {
  color: #00a870;
}
.overview-content .omada-light-green {
  color: #00e194;
}
.overview-content .tp-color {
  color: #4acbd6;
}
.overview-content .smb-color {
  color: #005564;
}
.overview-content .no-wrap {
  white-space: nowrap;
}
.overview-content .m-show {
  display: none;
}
@media (max-width: 736px) {
  .overview-content .m-show {
    display: block;
  }
  .overview-content .m-hide {
    display: none;
  }
}

.overview-content .eap-banner {
  font-size: 16px;
  max-width: 1200px;
  height: 30em;
  margin: 0 auto;
  background: url(./img/a-1.jpg?2) top / 75em no-repeat;
  display: flex;
  align-items: center;
}

.overview-content .eap-banner .w-container {
  width: 60em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-banner .text {
  padding: 0 38% 0 0;
  color: #fff;
}

.overview-content .eap-banner h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 1em 0.2em;
}

.overview-content .eap-banner h3 {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 0 1.5em 0.4em;
}

.overview-content .eap-banner p .model {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1;
  padding: 0.6111em 1.1111em;
  margin-left: 0.5em;
  border-radius: 5px;
  background-color: #00a870;
}

@media (max-width: 1024px) {
  .overview-content .eap-banner {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-banner {
    font-size: 10.35px;
    max-width: 85.186vw;
    height: auto;
    padding-bottom: 50vw;
    background: #262b31 url(./m/a-1.jpg?2) bottom / 100% no-repeat;
    display: block;
  }

  .overview-content .eap-banner .w-container {
    width: 70.37vw;
  }

  .overview-content .eap-banner .text {
    padding: 12vw 2vw 0 0;
  }

  .overview-content .eap-banner h2 {
    font-size: 6.667vw;
    line-height: 1.5;
    padding: 0 0 5.625vw;
  }

  .overview-content .eap-banner h3 {
    font-size: 3.25vw;
    padding: 0 0 3.5vw;
  }

  .overview-content .eap-banner p .model {
    font-size: 3.5vw;
    margin: 0;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-banner {
    font-size: 2.5vw;
  }
}

.overview-content .eap-selling-points {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-selling-points .w-container {
  width: 50em;
  margin: 0 auto;
}

.overview-content .eap-selling-points .text {
  padding: 5em 0 0;
  color: #2b2b2b;
}

.overview-content .eap-selling-points p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-selling-points p.title {
  font-weight: 300;
}

.overview-content .eap-selling-points ul {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-selling-points ul li {
  width: 22.7%;
  margin: 2em 0;
}

.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-5 {
  width: 22.7%;
}

.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-6 {
  width: 22.7%;
}

.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-7 {
  width: 22.7%;
}

.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-5,
.overview-content .eap-selling-points ul .li-6,
.overview-content .eap-selling-points ul .li-7 {
  margin-right: 1%;
}

.overview-content .eap-selling-points ul li .icon {
  display: block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 auto 0.5em;
  background-position: top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.overview-content .eap-selling-points ul .li-1 .icon {
  background-image: url(./img/b1.png);
}

.overview-content .eap-selling-points ul .li-2 .icon {
  background-image: url(./img/b2.png);
}

.overview-content .eap-selling-points ul .li-3 .icon {
  background-image: url(./img/b3.png);
}

.overview-content .eap-selling-points ul .li-4 .icon {
  background-image: url(./img/b4.png);
}

.overview-content .eap-selling-points ul .li-5 .icon {
  background-image: url(./img/b5.png);
}

.overview-content .eap-selling-points ul .li-6 .icon {
  background-image: url(./img/b6.png);
}

.overview-content .eap-selling-points ul .li-7 .icon {
  background-image: url(./img/b7.png);
}

.overview-content .eap-selling-points ul .li-8 .icon {
  background-image: url(./img/b8.png);
}

.overview-content .eap-selling-points ul li .desc {
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-selling-points {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-selling-points {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-selling-points .w-container {
    width: auto;
  }

  .overview-content .eap-selling-points .text {
    padding: 6vw 0 0;
  }

  .overview-content .eap-selling-points p {
    font-size: 3.5vw;
  }

  .overview-content .eap-selling-points ul {
    width: 100%;
  }

  .overview-content .eap-selling-points ul li {
    vertical-align: top;
    width: 48%;
    margin: 8vw 2vw 0 0;
  }

  .overview-content .eap-selling-points ul .li-1,
  .overview-content .eap-selling-points ul .li-3,
  .overview-content .eap-selling-points ul .li-5,
  .overview-content .eap-selling-points ul .li-7 {
    width: 48%;
    margin-right: 1%;
  }

  .overview-content .eap-selling-points ul .li-2,
  .overview-content .eap-selling-points ul .li-4,
  .overview-content .eap-selling-points ul .li-6,
  .overview-content .eap-selling-points ul .li-8 {
    width: 48%;
    margin-right: 0;
  }

  .overview-content .eap-selling-points ul li .icon {
    width: 8vw;
    height: 8vw;
    margin-bottom: 2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-selling-points {
    font-size: 2.5vw;
  }
}

.overview-content .eap-speed {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-speed .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-speed .text {
  padding: 5em 0 2.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-speed h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.5em;
}

.overview-content .eap-speed p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-speed p.title {
  font-weight: 300;
}

.overview-content .eap-speed a {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.3333;
  color: #00a870;
  text-decoration: none;
}

.overview-content .eap-speed a:hover {
  text-decoration: underline;
}

.overview-content .eap-speed .img {
  position: relative;
  width: 60em;
  height: 18.5em;
  margin: 0 auto;
  background: url(./img/c.png) top / 60em no-repeat;
}

.overview-content .eap-speed .img .desc {
  position: absolute;
  text-align: left;
  line-height: normal;
}

.overview-content .eap-speed .img p.desc-m {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.3333;
  color: #2b2b2b;
}

.overview-content .eap-speed .img p.desc-m .highlights {
  font-size: 2em;
  color: #00a870;
}

.overview-content .eap-speed .img .desc-1 {
  top: 40%;
  left: 7%;
  right: 68%;
  text-align: center;
}

.overview-content .eap-speed .img .desc-2 {
  top: 26%;
  left: 92%;
  right: 0%;
}

.overview-content .eap-speed .img .desc-3 {
  top: 59%;
  left: 71.5%;
  right: 0%;
}

.overview-content .eap-speed .img .desc-4 {
  top: 81.5%;
  left: 52%;
  right: 0%;
}

.overview-content .eap-speed .ul-features {
  width: 100%;
  margin: 1.5em auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-speed .ul-features li {
  width: 18%;
  margin: 2em 0;
}

.overview-content .eap-speed .ul-features .li-2,
.overview-content .eap-speed .ul-features .li-3,
.overview-content .eap-speed .ul-features .li-4,
.overview-content .eap-speed .ul-features .li-5 {
  margin-left: 1%;
}

.overview-content .eap-speed .ul-features li .icon {
  display: block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 auto 0.5em;
}

.overview-content .eap-speed .ul-features li .icon-txt {
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-speed {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-speed {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-speed .w-container {
    width: auto;
  }

  .overview-content .eap-speed .text {
    padding: 15vw 0 5vw;
    text-align: center;
  }

  .overview-content .eap-speed h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-speed p {
    font-size: 3.5vw;
  }

  .overview-content .eap-speed p.title {
    font-size: 3.5vw;
  }

  .overview-content .eap-speed a {
    font-size: 3.5vw;
  }

  .overview-content .eap-speed .img {
    width: 85.186vw;
    height: 120vw;
    background: url(./m/c.jpg) top / 100% no-repeat;
  }

  .overview-content .eap-speed .img p.desc-m {
    font-size: 3.5vw;
  }

  .overview-content .eap-speed .img p.desc-m .highlights {
    font-size: 2em;
  }

  .overview-content .eap-speed .img .desc-1 {
    top: 26%;
    left: 17%;
    right: 17%;
    text-align: center;
  }

  .overview-content .eap-speed .img .desc-2 {
    top: 68%;
    left: 88%;
    right: 0%;
  }

  .overview-content .eap-speed .img .desc-3 {
    top: 83%;
    left: 52%;
    right: 0%;
  }

  .overview-content .eap-speed .img .desc-4 {
    top: 93.5%;
    left: 19%;
    right: 0%;
  }

  .overview-content .eap-speed .ul-features {
    margin-top: 2vw;
    justify-content: center;
  }

  .overview-content .eap-speed .ul-features li {
    width: 31.52%;
    margin: 8vw 0 0;
  }

  .overview-content .eap-speed .ul-features .li-1,
  .overview-content .eap-speed .ul-features .li-4 {
    margin-left: 0;
  }

  .overview-content .eap-speed .ul-features .li-2,
  .overview-content .eap-speed .ul-features .li-3,
  .overview-content .eap-speed .ul-features .li-5,
  .overview-content .eap-speed .ul-features .li-6 {
    margin-left: 2.25vw;
  }

  .overview-content .eap-speed .ul-features li .icon {
    width: 8vw;
    height: 8vw;
    margin: 0 auto 2vw;
  }

  .overview-content .eap-speed .ul-features li .icon-txt {
    padding: 0;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-speed {
    font-size: 2.5vw;
  }
}

.overview-content .eap-performance {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-performance .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-performance .text {
  padding: 6em 0 2.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-performance h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.25em;
}

.overview-content .eap-performance p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-performance .img {
  position: relative;
  width: 60em;
  height: 25.5em;
  margin: 0 auto;
  background: url(./img/d-1.jpg) top / 60em no-repeat;
}

@media (max-width: 1024px) {
  .overview-content .eap-performance {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-performance {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-performance .w-container {
    width: auto;
  }

  .overview-content .eap-performance .text {
    padding: 15vw 0 5.625vw;
    text-align: center;
  }

  .overview-content .eap-performance h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-performance p {
    font-size: 3.5vw;
  }

  .overview-content .eap-performance .img {
    width: 85.186vw;
    height: 60vw;
    background: url(./m/d-1.jpg) top / 100% no-repeat;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-performance {
    font-size: 2.5vw;
  }
}

.overview-content .eap-scenarios {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-scenarios .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-scenarios .text {
  padding: 7em 0 1.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-scenarios h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.5em;
}

.overview-content .eap-scenarios p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-scenarios p.title {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
  color: #2b2b2b;
}

.overview-content .eap-scenarios .ul-scenarios {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-scenarios .ul-scenarios li {
  display: block;
  width: 32%;
}

.overview-content .eap-scenarios .ul-scenarios li .scenario-img {
  width: 100%;
  margin: 0 auto;
}

.overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
  padding: 0.5em 0 2em;
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-scenarios {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-scenarios {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-scenarios .w-container {
    width: auto;
  }

  .overview-content .eap-scenarios .text {
    padding: 15vw 0 3vw;
    text-align: center;
    color: #2b2b2b;
  }

  .overview-content .eap-scenarios h2 {
    font-size: 5.625vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .eap-scenarios p {
    font-size: 3.5vw;
  }

  .overview-content .eap-scenarios p.title {
    font-size: 3.5vw;
  }

  .overview-content .eap-scenarios .ul-scenarios li {
    width: 48%;
  }

  .overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
    padding: 1vw 0 4vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-scenarios {
    font-size: 2.5vw;
  }
}

.overview-content .eap-technology {
  font-size: 16px;
  max-width: 100%;
  width: 75em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-technology .sticky-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .eap-technology .sticky-box.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .eap-technology .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-technology .text {
  padding: 5em 0 0.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-technology h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.25em;
}

.overview-content .eap-technology p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-technology .swiper-container {
  width: 60em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-technology .swiper-container .swiper-wrapper {
  display: block;
  height: 41em;
}

.overview-content .eap-technology .swiper-container .swiper-slide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.overview-content
  .eap-technology
  .swiper-container
  .swiper-slide.position-active {
  opacity: 1;
}

.overview-content .eap-technology .swiper-container .swiper-slide .img {
  position: relative;
  width: 60em;
  height: 41em;
  margin: 0 auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
  background-image: url(./img/g-1.jpg);
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
  background-image: url(./img/g-2.jpg);
}

.overview-content .eap-technology .swiper-container .swiper-slide .desc {
  position: absolute;
  text-align: left;
  line-height: normal;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
  bottom: 51.2%;
  left: 7.8%;
  right: 68%;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
  bottom: 13%;
  left: 68%;
  right: 0%;
  text-align: right;
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
  bottom: 33.6%;
  left: 7.8%;
  right: 68%;
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
  bottom: 13%;
  left: 68%;
  right: 0%;
  text-align: right;
}

@media (max-width: 1024px) {
  .overview-content .eap-technology {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-technology {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    top: auto;
    height: auto !important;
  }

  .overview-content .eap-technology .w-container {
    width: 85.186vw;
  }

  .overview-content .eap-technology .text {
    padding: 12vw 0 2vw;
    text-align: center;
  }

  .overview-content .eap-technology h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-technology h3 {
    font-size: 4.375vw;
  }

  .overview-content .eap-technology p {
    font-size: 3.5vw;
  }

  .overview-content .eap-technology .swiper-container {
    width: 85.186vw;
  }

  .overview-content .eap-technology .swiper-container .swiper-wrapper {
    display: flex;
    height: auto;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
  }

  .overview-content
    .eap-technology
    .swiper-container
    .swiper-slide.position-active {
    opacity: 1;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide .img {
    width: 85.186vw;
    height: 74vw;
    background-size: contain;
    background-position: center bottom;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
    background-image: url(./m/g1-2.png);
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
    background-image: url(./m/g2-2.png);
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
    bottom: 42.5%;
    left: 0%;
    right: 60%;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
    bottom: 11%;
    left: 78%;
    right: 0%;
    text-align: right;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
    bottom: 32.5%;
    left: 0%;
    right: 60%;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
    bottom: 13%;
    left: 78%;
    right: 0%;
    text-align: right;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-technology {
    font-size: 2.5vw;
  }
}

.overview-content .eap-weatherproof-design {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-weatherproof-design .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-weatherproof-design .text {
  padding: 5em 0 2.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-weatherproof-design h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.25em;
}

.overview-content .eap-weatherproof-design p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-weatherproof-design video {
  width: 100%;
  margin: 0 auto;
}

.overview-content .eap-weatherproof-design video.m-hide {
  display: block;
}

.overview-content .eap-weatherproof-design video.m-show {
  display: none;
}

@media (max-width: 1024px) {
  .overview-content .eap-weatherproof-design {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-weatherproof-design {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-weatherproof-design .w-container {
    width: auto;
  }

  .overview-content .eap-weatherproof-design .text {
    padding: 15vw 0 5.625vw;
    text-align: center;
  }

  .overview-content .eap-weatherproof-design h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-weatherproof-design p {
    font-size: 3.5vw;
  }

  .overview-content .eap-weatherproof-design video.m-hide {
    display: none;
  }

  .overview-content .eap-weatherproof-design video.m-show {
    display: block;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-weatherproof-design {
    font-size: 2.5vw;
  }
}

@keyframes moveAndFade {
  0% {
    top: 56%;
    left: 21%;
    opacity: 1;
  }
  30% {
    top: 25%;
    left: 49.5%;
    opacity: 1;
  }
  45% {
    top: 46%;
    left: 61.5%;
    opacity: 1;
  }
  65% {
    top: 27%;
    left: 78.5%;
    opacity: 1;
  }
  85% {
    top: 6%;
    left: 67.5%;
    opacity: 1;
  }
  100% {
    top: 6%;
    left: 67.5%;
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.125);
    -webkit-transform: scale(0.125);
    -moz-transform: scale(0.125);
    -ms-transform: scale(0.125);
    -o-transform: scale(0.125);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
}

.overview-content .eap-connectivity {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-connectivity .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-connectivity .text {
  padding: 7em 0 2.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-connectivity h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.25em;
}

.overview-content .eap-connectivity p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-connectivity .img {
  position: relative;
  width: 60em;
  height: 26.5em;
  margin: 0 auto;
  background: url(./img/h.png) top / 60em no-repeat;
  overflow: hidden;
}

.overview-content .eap-connectivity .desc {
  position: absolute;
  text-align: center;
  line-height: normal;
}

.overview-content .eap-connectivity .desc p.desc-m {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.3333;
}

.overview-content .eap-connectivity .desc .img-phone {
  display: block;
  width: 1.5em;
  height: auto;
  margin: 0;
}

.overview-content .eap-connectivity .desc .img-prod {
  display: block;
  width: 3.875em;
  height: auto;
  margin: 0;
}

.overview-content .eap-connectivity .desc .circle-group {
  width: 25em;
  height: 25em;
}

.overview-content .eap-connectivity .desc .circle {
  position: absolute;
  animation: pulse 3s ease-out infinite;
  -webkit-animation: pulse 3s ease-out infinite;
  width: 25em;
  height: 25em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(./img/h-wave-1.png);
}

.overview-content .eap-connectivity .desc-6 .circle {
  background-image: url(./img/h-wave-2.png);
}

.overview-content .eap-connectivity .desc .circle-2 {
  opacity: 1;
  animation-delay: 1s;
}

.overview-content .eap-connectivity .desc .circle-3 {
  display: none;
}

.overview-content .eap-connectivity .desc-1 {
  top: 48%;
  left: 86.5%;
  right: 2%;
  text-align: left;
}

.overview-content .eap-connectivity .desc-2 {
  top: 73%;
  left: 71%;
  right: 2%;
}

.overview-content .eap-connectivity .desc-3 {
  top: 56%;
  left: 21%;
  animation: moveAndFade 8s linear infinite;
  -webkit-animation: moveAndFade 8s linear infinite;
}

.overview-content .eap-connectivity .desc-4 {
  top: 9.8%;
  left: -5.8%;
}

.overview-content .eap-connectivity .desc-5 {
  top: 12.5%;
  left: 29.8%;
}

.overview-content .eap-connectivity .desc-6 {
  top: -17%;
  left: 64%;
}

.overview-content .eap-connectivity .desc-7 {
  top: 50%;
  left: 12%;
}

.overview-content .eap-connectivity .desc-8 {
  top: 51.2%;
  left: 47.5%;
}

.overview-content .eap-connectivity .desc-9 {
  top: 22%;
  left: 81.2%;
}

@media (max-width: 1024px) {
  .overview-content .eap-connectivity {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-connectivity {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-connectivity .w-container {
    width: auto;
  }

  .overview-content .eap-connectivity .text {
    padding: 15vw 0 5.625vw;
    text-align: center;
  }

  .overview-content .eap-connectivity h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-connectivity p {
    font-size: 3.5vw;
  }

  .overview-content .eap-connectivity .img {
    width: 85.186vw;
    height: 38vw;
    background: url(./m/h.jpg) top / 100% no-repeat;
  }

  .overview-content .eap-connectivity .desc p.desc-m {
    font-size: 3vw;
  }

  .overview-content .eap-connectivity .desc .img-phone {
    width: 2vw;
  }

  .overview-content .eap-connectivity .desc .img-prod {
    width: 6vw;
  }

  .overview-content .eap-connectivity .desc .circle-group {
    width: 34vw;
    height: 34vw;
  }

  .overview-content .eap-connectivity .desc .circle {
    width: 25vw;
    height: 25vw;
  }

  .overview-content .eap-connectivity .desc .circle {
    width: 34vw;
    height: 34vw;
  }

  .overview-content .eap-connectivity .desc-1 {
    top: 46%;
    left: 86.5%;
    right: 2%;
    text-align: left;
  }

  .overview-content .eap-connectivity .desc-2 {
    top: 74%;
    left: 71%;
    right: 2%;
  }

  .overview-content .eap-connectivity .desc-3 {
    top: 8%;
    left: 70%;
  }

  .overview-content .eap-connectivity .desc-4 {
    top: 11%;
    left: -4%;
  }

  .overview-content .eap-connectivity .desc-5 {
    top: 14%;
    left: 31%;
  }

  .overview-content .eap-connectivity .desc-6 {
    top: -15%;
    left: 64%;
  }

  .overview-content .eap-connectivity .desc-7 {
    top: 50%;
    left: 12%;
  }

  .overview-content .eap-connectivity .desc-8 {
    top: 51.2%;
    left: 47.5%;
  }

  .overview-content .eap-connectivity .desc-9 {
    top: 22%;
    left: 81.2%;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-connectivity {
    font-size: 2.5vw;
  }
}

.overview-content .eap-setup {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-setup .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-setup .text {
  padding: 7em 0 1.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-setup h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding: 0 0 0.5em;
}

.overview-content .eap-setup h3 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.3333;
  padding: 0 0 0.5em;
  text-align: center;
}

.overview-content .eap-setup p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-setup p.title {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.3333;
  color: #2b2b2b;
}

.overview-content .eap-setup .section-block + .section-block {
  margin-top: 5em;
}

.overview-content .eap-setup .section-block-txt-only-title {
  padding: 0 3em 1em;
  text-align: center;
}

.overview-content .eap-setup .section-block-txt {
  padding: 0 3em 1.5em;
  text-align: center;
}

.overview-content .eap-setup .ul-mountings {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.overview-content .eap-setup .ul-mountings li {
  display: block;
  width: 49%;
}

.overview-content .eap-setup .ul-mountings li .mounting-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.overview-content .eap-setup .ul-mountings li .mounting-txt {
  padding: 1em 0 0;
  text-align: center;
}

.overview-content .eap-setup .img {
  width: 60em;
  height: 21.75em;
  margin: 0 auto;
  background: url(./img/j-1.png) top / 60em no-repeat;
}

@media (max-width: 1024px) {
  .overview-content .eap-setup {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-setup {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-setup .w-container {
    width: auto;
  }

  .overview-content .eap-setup .text {
    padding: 15vw 0 3vw;
    text-align: center;
  }

  .overview-content .eap-setup h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-setup h3 {
    font-size: 4.375vw;
    padding: 0 0 1vw;
  }

  .overview-content .eap-setup p {
    font-size: 3.5vw;
  }

  .overview-content .eap-setup p.title {
    font-size: 3.5vw;
  }

  .overview-content .eap-setup .section-block + .section-block {
    margin-top: 8vw;
  }

  .overview-content .eap-setup .section-block-txt-only-title {
    padding: 0 0 3vw;
  }

  .overview-content .eap-setup .section-block-txt {
    padding: 0 0 5vw;
  }

  .overview-content .eap-setup .ul-mountings {
    width: auto;
    display: block;
  }

  .overview-content .eap-setup .ul-mountings li {
    width: 100%;
  }

  .overview-content .eap-setup .ul-mountings li + li {
    margin-top: 6.25vw;
  }

  .overview-content .eap-setup .ul-mountings li .mounting-txt {
    padding: 2vw 0 0;
  }

  .overview-content .eap-setup .img {
    width: 85.186vw;
    height: 50vw;
    background: url(./m/j-1.png) top / 100% no-repeat;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-setup {
    font-size: 2.5vw;
  }
}

.overview-content .eap-sdn {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto 5em;
}

.overview-content .eap-sdn .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-sdn .text {
  padding: 7em 0 2.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-sdn h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.25em;
}

.overview-content .eap-sdn h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.5em;
}

.overview-content .eap-sdn p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-sdn .link {
  margin: 0 auto;
  padding-bottom: 2.5em;
  text-align: center;
}

.overview-content .eap-sdn .link a {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3333;
  color: #005564;
  text-decoration: none;
}

.overview-content .eap-sdn .img {
  position: relative;
  width: 60em;
  height: 27em;
  margin: 0 auto;
  background: url(./img/k-1.png) top / 60em no-repeat;
}

.overview-content .eap-sdn .img .desc {
  position: absolute;
  text-align: center;
}

.overview-content .eap-sdn .img .desc-m {
  display: block;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.2;
  color: #2b2b2b;
}

.overview-content .eap-sdn .img .desc-s {
  display: block;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2;
  color: #2b2b2b;
}

.overview-content .eap-sdn .img .internet {
  display: block;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2;
}

.overview-content .eap-sdn .img .desc-1 {
  left: -0.35em;
  top: 4.75em;
  width: 8em;
}

.overview-content .eap-sdn .img .desc-2 {
  left: 9em;
  top: 4.75em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-3 {
  left: 15.8em;
  top: 4.75em;
  width: 11em;
}

.overview-content .eap-sdn .img .desc-4 {
  left: 23.5em;
  top: 12.5em;
  width: 8em;
}

.overview-content .eap-sdn .img .desc-5 {
  left: 23.5em;
  top: 23em;
  width: 8em;
}

.overview-content .eap-sdn .img .desc-6 {
  left: 40em;
  bottom: 5.25em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-7 {
  left: 33.5em;
  top: 3em;
  width: 13em;
}

.overview-content .eap-sdn .img .desc-8 {
  left: 33.5em;
  top: 11em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-9 {
  left: 39.25em;
  top: 9em;
  width: 2em;
}

.overview-content .eap-sdn .img .desc-10 {
  left: 40.875em;
  top: 11em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-11 {
  left: 47.5em;
  top: 7em;
  width: 1.5em;
}

.overview-content .eap-sdn .img .desc-12 {
  left: 50.5em;
  top: 3em;
  width: 8.4em;
}

.overview-content .eap-sdn .img .desc-13 {
  left: 34em;
  top: 21.5em;
  width: 4.25em;
}

.overview-content .eap-sdn .img .desc-14 {
  left: 49em;
  top: 21.5em;
  width: 5em;
}

.overview-content .eap-sdn .img .desc-15 {
  left: 54.5em;
  top: 21.5em;
  width: 4em;
}

.overview-content .eap-sdn .img .desc-16 {
  left: 50.5em;
  top: 10em;
  width: 8.4em;
}

@media (max-width: 1024px) {
  .overview-content .eap-sdn {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-sdn {
    font-size: 10.35px;
    max-width: 85.186vw;
    margin: 0 auto 10vw;
  }

  .overview-content .eap-sdn .w-container {
    width: auto;
  }

  .overview-content .eap-sdn .text {
    padding: 15vw 0 5.625vw;
    text-align: center;
  }

  .overview-content .eap-sdn h2 {
    font-size: 5.625vw;
    padding: 0 0 2vw;
  }

  .overview-content .eap-sdn h3 {
    font-size: 4.375vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .eap-sdn p {
    font-size: 3.5vw;
  }

  .overview-content .eap-sdn p.title {
    font-size: 3.25vw;
  }

  .overview-content .eap-sdn p.note {
    font-size: 3vw;
    padding-top: 2vw;
  }

  .overview-content .eap-sdn .link {
    margin: 0 auto;
    padding: 0 0 5.625vw;
  }

  .overview-content .eap-sdn .link a {
    font-size: 3.5vw;
  }

  .overview-content .eap-sdn .img {
    width: 100%;
    height: 204vw;
    background: url(./m/k-1.png) top / 100% no-repeat;
  }

  .overview-content .eap-sdn .img .desc-m {
    font-size: 3vw;
  }

  .overview-content .eap-sdn .img .desc-s {
    font-size: 3vw;
  }

  .overview-content .eap-sdn .img .internet {
    font-size: 3vw;
  }

  .overview-content .eap-sdn .img .desc-1 {
    left: 0vw;
    top: 14.5vw;
    width: 24vw;
  }

  .overview-content .eap-sdn .img .desc-2 {
    left: 27.5vw;
    top: 14.5vw;
    width: 24vw;
  }

  .overview-content .eap-sdn .img .desc-3 {
    left: 55.5vw;
    top: 14.5vw;
    width: 27vw;
  }

  .overview-content .eap-sdn .img .desc-4 {
    left: 41vw;
    top: 57.5vw;
    width: 34vw;
  }

  .overview-content .eap-sdn .img .desc-5 {
    left: 0vw;
    top: 91vw;
    width: 28vw;
  }

  .overview-content .eap-sdn .img .desc-6 {
    left: 16vw;
    bottom: 60vw;
    width: 18vw;
    text-align: left;
  }

  .overview-content .eap-sdn .img .desc-7 {
    left: 46vw;
    top: 88vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-8 {
    left: 46vw;
    top: 108vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-9 {
    left: 46vw;
    top: 116vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-10 {
    left: 46vw;
    top: 135vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-11 {
    left: 46vw;
    top: 150vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-12 {
    left: 46vw;
    top: 163vw;
    width: 36vw;
  }

  .overview-content .eap-sdn .img .desc-13 {
    left: 8vw;
    top: 117.2vw;
    width: 12.5vw;
  }

  .overview-content .eap-sdn .img .desc-14 {
    left: 3vw;
    top: 169vw;
    width: 28vw;
  }

  .overview-content .eap-sdn .img .desc-15 {
    left: 3vw;
    top: 190.5vw;
    width: 28vw;
  }

  .overview-content .eap-sdn .img .desc-16 {
    left: 44vw;
    top: 186vw;
    width: 37vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-sdn {
    font-size: 2.5vw;
  }
}