.overview-content {
  font-size: 16px;
}
.overview-content .w1200 {
  margin: 0 auto;
  position: relative;
  width: 85.375em;
}
.overview-content .regular {
  font-weight: 400;
}
.overview-content .medium {
  font-weight: 500;
}
.overview-content .bold {
  font-weight: 700;
}
.overview-content .m-show {
  display: none;
}
.overview-content .nowrap {
  white-space: nowrap;
}
.overview-content .text > h2 {
  font-size: 3.125em;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.overview-content .text > p {
  font-size: 1.25em;
  letter-spacing: 0.01em;
  line-height: 1.5;
  padding-top: 1.5em;
}
@media screen and (max-width: 1440px) {
  .overview-content {
    font-size: 12px;
  }
}
@media screen and (max-width: 736px) {
  html {
    font-size: 10.35px;
  }
  .overview-content .m-light {
    font-weight: 300;
  }
  .overview-content .m-regular {
    font-weight: 400;
  }
  .overview-content .m-show {
    display: block;
  }
  .overview-content .w1200 {
    width: auto;
  }
  .overview-content .text > h2 {
    font-size: 2.5rem;
    padding: 4rem 6% 2rem;
  }
  .overview-content .text > p {
    font-size: 1.75rem;
    line-height: 1.5;
    padding: 0 6% 3rem;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a {
  background: url(./img/a.jpg) 50% 0 no-repeat;
  background-size: 120em auto;
  height: 59.9375em;
}
.overview-content .a .text {
  padding-top: 13.5em;
  padding-left: 46em;
}
.overview-content .a .text h2 {
  font-size: 3.4em;
}
.overview-content .a .text h3 {
  font-size: 1.875em;
  line-height: 1.2;
  padding-top: 0.6em;
  padding-bottom: 1em;
}
.overview-content .a .text h4 {
  font-size: 1.875em;
  line-height: 1.2;
  padding: 0.25em 0.5em;
  border: 1px solid #000;
  border-radius: .15em;
  display: inline-block;
}
@media screen and (max-width: 736px) {
  .overview-content .a {
    background: url(./m/a.jpg) 50% 0 / 100% 100% no-repeat;
    height: 0;
    padding-bottom: 133%;
  }
  .overview-content .a .text {
    margin: 0 auto;
    padding: 16% 0 0;
    width: auto;
  }
  .overview-content .a .text h2 {
    font-size: 8vw;
    padding: 0 6%;
  }
  .overview-content .a .text h3 {
    font-size: 5vw;
    padding: 4% 6% 4%;
  }
  .overview-content .a .text h4 {
    background-size: contain;
    margin-left: 6%;
    font-size: 5vw;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b .text {
  padding-top: 5em;
  text-align: center;
}
.overview-content .b .img {
  background: url(./img/b.jpg) 50% no-repeat;
  background-size: 100% auto;
  margin-top: 4em;
  height: 0;
  overflow: hidden;
  padding-bottom: 30.36458333333333%;
  position: relative;
}
.overview-content .b .img .circle {
  background: url(./img/b-circle.png) 50% no-repeat;
  height: 422px;
  left: 50%;
  margin: -211px 0 0 -212px;
  position: absolute;
  top: 50%;
  width: 422px;
}
.overview-content .b .img .circle .desc {
  box-sizing: border-box;
  color: #fff;
  padding-top: 160px;
  width: 50%;
}
.overview-content .b .img .circle .desc big {
  display: block;
  font-size: 48px;
  line-height: 1.2;
}
.overview-content .b .img .circle .desc span {
  display: block;
  font-size: 28px;
  line-height: 1.2;
}
.overview-content .b .img .circle .desc small {
  display: block;
  font-size: 18px;
  line-height: 1.2;
}
.overview-content .b .img .circle .desc1 {
  float: left;
  padding-right: 15px;
  text-align: right;
}
.overview-content .b .img .circle .desc2 {
  float: right;
  padding-left: 15px;
  text-align: left;
}
@media screen and (max-width: 736px) {
  .overview-content .b .text {
    color: #323232;
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .b .img {
    background-image: url(./m/b.jpg);
    margin: 0;
    height: 0;
    padding-bottom: 91%;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b-c {
  background-color: #fbfdff;
  position: relative;
  padding: 5em 0;
}
.overview-content .b-c .imgs ul {
  display: table;
  margin: 0 auto;
  text-align: justify;
  width: 87.5%;
}
.overview-content .b-c .imgs ul .img-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.overview-content .b-c .imgs ul li {
  display: table-cell;
  position: relative;
  padding-bottom: 12.5%;
  vertical-align: top;
  width: 33%;
}
.overview-content .b-c .imgs ul li .img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 95%;
}
.overview-content .b-c .imgs ul .li1 .img {
  background-image: url(./img/c1.png);
}
.overview-content .b-c .imgs ul .li2 .img {
  background-image: url(./img/c2.png);
}
.overview-content .b-c .imgs ul .li3 .img {
  background-image: url(./img/c3.png);
}
.overview-content .b-c .imgs .img-text {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding-top: 2em;
}
.overview-content .b-c .imgs .img-text > h2 {
  font-size: 2.125em;
}
.overview-content .b-c .imgs .extra {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
  height: 0;
  padding-top: 42.5%;
  margin: 0 auto;
}
.overview-content .b-c .imgs .li1 .extra {
  background-image: url(./img/bc01.png);
}
.overview-content .b-c .imgs .li2 .extra {
  background-image: url(./img/bc02.png);
}
.overview-content .b-c .imgs .li3 .extra {
  background-image: url(./img/bc03.png);
}
.overview-content .b-c .imgs .desc {
  position: absolute;
  top: 65%;
  text-align: center;
  width: 5.2em;
  line-height: 1;
  font-size: 0.8em;
}

.overview-content .b-c .imgs .li1 .desc-1 {
  left: 1%;
}
.overview-content .b-c .imgs .li1 .desc-2 {
  left: 23.5%;
}
.overview-content .b-c .imgs .li1 .desc-3 {
  left: 65%;
}
.overview-content .b-c .imgs .li1 .desc-4 {
  left: 83%;
}

.overview-content .b-c .imgs .des5 .desc-1 {
  left: 2%;
}
.overview-content .b-c .imgs .des5 .desc-2 {
  left: 18.5%;
}
.overview-content .b-c .imgs .des5 .desc-3 {
  left: 37%;
}
.overview-content .b-c .imgs .des5 .desc-4 {
  left: 69%;
}
.overview-content .b-c .imgs .des5 .desc-5 {
  left: 88%;
}

.overview-content .b-c .imgs .li3 .desc-3 {
  left: 42%;
}
.overview-content .b-c .imgs .li3 .desc-5 {
  left: 84%;
}

@media (max-width: 736px) {
  .overview-content .b-c {
    background-color: #fff;
    padding: 0 0 3rem;
  }
  .overview-content .b-c .text {
    width: auto;
  }
  .overview-content .b-c .imgs ul {
    display: block;
    width: 85%;
  }
  .overview-content .b-c .imgs ul li {
    display: block;
    width: auto;
    padding-bottom: 95%;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .overview-content .b-c .imgs ul .img-box {
    display: none;
  }
  .overview-content .b-c .imgs ul .img-text {
    width: auto;
    padding: 0;
    text-align: left;
    color: #000;
  }
  .overview-content .b-c .imgs .li1 {
    background-image: url(./m/c1.png);
  }
  .overview-content .b-c .imgs .li2 {
    background-image: url(./m/c2.png);
  }
  .overview-content .b-c .imgs .li3 {
    background-image: url(./m/c3.png);
  }
  .overview-content .b-c .imgs ul p {
    padding: 0;
  }
  .overview-content .b-c .imgs ul .img-text > h2 {
    padding-left: 0;
    padding-right: 0;
  }
  .overview-content .b-c .imgs .extra {
    position: relative;
    width: 100%;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c {
  background: url(./img/d.jpg) 50% 100% no-repeat #7c8292;
  background-size: 120em auto;
  min-height: 53.1875em;
}
.overview-content .c .text {
  color: #fff;
  padding-top: 8.5em;
  width: 40em;
}
.overview-content .c .text p {
  width: 90%;
}
.overview-content .c .extra li {
  display: inline-block;
  width: 12.5em;
  padding: 5em 0;
  vertical-align: top;
}
.overview-content .c .extra li .img {
  background-repeat: no-repeat;
  padding-top: 100%;
}
.overview-content .c .extra .li1 .img {
  background-image: url(./img/d1.png);
  background-size: auto;
}
.overview-content .c .extra .li2 .img {
  background-image: url(./img/d2.png);
  background-size: contain;
}
.overview-content .c .extra .li2 .info {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .overview-content .c {
    background: url(./m/d.jpg) 50% 100% / 100% auto no-repeat;
    background-color: #636773;
    height: auto;
    padding-bottom: 103.6%;
  }
  .overview-content .c .text {
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .c ul {
    padding: 0 6%;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d {
  background-color: #f7f7f7;
}
.overview-content .d .d1,
.overview-content .d .d2 {
  display: table;
  width: 100%;
}
.overview-content .d .left,
.overview-content .d .right {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50%;
}
.overview-content .d .img {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  min-height: 39em;
}
.overview-content .d .d1 .img {
  background-image: url(./img/f1.jpg);
}
.overview-content .d .d2 .img {
  background-image: url(./img/f2.jpg);
}
.overview-content .d .text {
  margin: 0 auto;
  width: 32em;
}
.overview-content .d .text .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 5em;
  margin-bottom: 1.3em;
}
.overview-content .d .d1 .text .icon {
  background-image: url(./d1-icon.png);
}
.overview-content .d .d2 .text .icon {
  background-image: url(./d2-icon.png);
}
@media screen and (max-width: 736px) {
  .overview-content .d {
    height: auto;
    min-height: 0;
  }
  .overview-content .d .d1,
  .overview-content .d .d2 {
    display: block;
  }
  .overview-content .d .left,
  .overview-content .d .right {
    display: block;
    width: auto;
  }
  .overview-content .d .d1 .left,
  .overview-content .d .d2 .right {
    display: none;
  }
  .overview-content .d .text {
    text-align: left;
    width: auto;
  }
  .overview-content .d .d1 .text {
    padding-bottom: 65.3%;
  }
  .overview-content .d .d2 .text {
    padding-bottom: 65.5%;
  }
  .overview-content .d .text .icon {
    display: none;
  }
  .overview-content .d .d1 .text {
    background: url(./m/d1.jpg) 50% 100% / 100% auto no-repeat;
  }
  .overview-content .d .d2 .text {
    background: url(./m/d2.jpg)
      50% 100% / 100% auto no-repeat;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e {
  background: url(./img/g.jpg) 50% 0 no-repeat;
  background-size: 120em auto;
  height: 51.1875em;
}
.overview-content .e .text {
  margin: 0 auto;
  padding: 9em 50em 0 0;
}
.overview-content .e .text p {
  width: 90%;
}
@media screen and (max-width: 736px) {
  .overview-content .e {
    background: url(./m/f.jpg) 50% 100% / 100% auto no-repeat;
    padding-bottom: 133%;
    height: auto;
  }
  .overview-content .e .text {
    padding: 0;
    text-align: left;
    width: auto;
  }
}

.overview-content .f {
  background: url(./img/h.jpg) 50% 0 no-repeat;
  background-size: 120em auto;
  height: 55.3125em;
}
.overview-content .f .text {
  padding-top: 16em;
  width: 32em;
}
.overview-content .f .text .link a {
  border-bottom: 1px solid;
  text-decoration: none;
  color: #000;
}
.overview-content .f .text .link + .link {
  padding-top: 0;
}
@media screen and (max-width: 736px) {
  .overview-content .f {
    background: url(./m/g.jpg) 50% 100% / 100% auto no-repeat;
    background-color: #eeeeee;
    height: auto;
    padding-bottom: 105%;
  }
  .overview-content .f .text {
    color: inherit;
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .f .text .link {
    padding: 0 6%;
  }
  .overview-content .f .text .link + .link {
    padding: 1rem 6% 3rem;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g {
  background: #444a59;
}
.overview-content .content {
  width: 87.5%;
  margin: auto;
}
.overview-content .g ul {
  text-align: justify;
  padding: 6em 0 5em;
  color: #fff;
}
.overview-content .g ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.overview-content .g li {
  display: inline-block;
  width: 23%;
  text-align: center;
  vertical-align: top;
}
.overview-content .g li h3 {
  padding-bottom: 2em;
}
.overview-content .g li i {
  display: inline-block;
  vertical-align: middle;
  width: 4.5em;
  height: 4em;
  margin-right: 0.5em;
  background-image: url(./img/g-icons.png);
  background-repeat: no-repeat;
  background-size: 400% 100%;
}
.overview-content .g li span {
  display: inline-block;
  max-width: 70%;
  vertical-align: middle;
  text-align: left;
  font-size: 1.875em;
  line-height: 1.3;
}
.overview-content .g .li1 i {
  background-position: 0 50%;
}
.overview-content .g .li2 i {
  background-position: 33.333% 50%;
}
.overview-content .g .li3 i {
  background-position: 66.666% 50%;
}
.overview-content .g .li4 i {
  background-position: 100% 50%;
}
.overview-content .g li p {
  width: 80%;
  margin: auto;
  font-size: 1.125em;
  line-height: 1.4;
}
@media screen and (max-width: 736px) {
  .overview-content .content {
    width: auto;
  }
  .overview-content .g ul {
    width: 88%;
    margin: 0 auto;
  }
  .overview-content .g li {
    width: 100%;
    text-align: center;
    padding-bottom: 3rem;
  }
  .overview-content .g li h3 {
    font-size: 1rem;
    padding-bottom: 1rem;
  }
  .overview-content .g li i {
    display: block;
    margin: 0 auto 1rem;
  }
  .overview-content .g li span {
    text-align: center;
  }
  .overview-content .g li p {
    font-size: 1.35rem;
  }
}

.mesh-wifi-easymesh {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}
.mesh-wifi-easymesh .w-container {
  width: 74em;
  margin: 0 auto;
}
.mesh-wifi-easymesh .text {
  padding: 4em 0 0;
  text-align: center;
}
.mesh-wifi-easymesh h2 {
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.mesh-wifi-easymesh p {
  font-size: 1.25em;
  line-height: 1.5;
  padding: 0;
}
.mesh-wifi-easymesh p.link {
  margin-top: 1em;
}
.mesh-wifi-easymesh p.link a {
  color: #00a7ff;
  text-decoration: underline;
  font-weight: 400;
}
.mesh-wifi-easymesh ul {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.mesh-wifi-easymesh ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 1%;
}
.mesh-wifi-easymesh ul li video {
  width: 100%;
}
.mesh-wifi-easymesh .feature {
  padding: 3em 0 4em;
}
.mesh-wifi-easymesh .feature li {
  width: 22.5%;
  margin: 0 4%;
}
.mesh-wifi-easymesh .feature li.li-3 {
  width: 19%;
}
.mesh-wifi-easymesh .feature li .img {
  width: 4em;
  float: left;
  margin-right: 1em;
}
.mesh-wifi-easymesh .feature li img {
  width: 100%;
}
.mesh-wifi-easymesh .feature li .desc {
  overflow: hidden;
}
.mesh-wifi-easymesh .feature li .desc p.title {
  font-size: 1.25em;
  font-weight: 500;
}
.mesh-wifi-easymesh .feature li .desc p {
  font-size: 1em;
}
.mesh-wifi-easymesh .diff {
  padding-top: 3em;
}
.mesh-wifi-easymesh .diff li {
  width: 47.5%;
  line-height: 0;
  position: relative;
}
.mesh-wifi-easymesh .diff p {
  font-size: 1.5em;
  position: absolute;
  top: 0.75em;
  left: 1em;
}
.mesh-wifi-easymesh .diff-new p {
  font-size: 1.25em;
  line-height: 1.4;
  position: absolute;
  top: 3.3%;
  left: 5%;
  width: 35.5%;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 1680px) {
  .mesh-wifi-easymesh {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .mesh-wifi-easymesh {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .mesh-wifi-easymesh {
    font-size: 10.35px;
    height: auto;
  }
  .mesh-wifi-easymesh .w-container {
    width: auto;
  }
  .mesh-wifi-easymesh .text {
    padding: 0;
    padding: 0 20px;
    text-align: left;
  }
  .mesh-wifi-easymesh h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 0 0.5em;
  }
  .mesh-wifi-easymesh p {
    font-size: 1.75em;
    line-height: 1.5;
  }
  .mesh-wifi-easymesh p.link {
    margin-top: 0.5em;
  }
  .mesh-wifi-easymesh ul {
    width: auto;
    padding: 0 20px;
  }
  .mesh-wifi-easymesh ul li {
    margin: 0;
  }
  .mesh-wifi-easymesh .feature {
    padding: 2em 20px 3em;
  }
  .mesh-wifi-easymesh .feature li {
    width: 49.5%;
    margin: 1em 0;
    text-align: center;
  }
  .mesh-wifi-easymesh .feature li.li-3 {
    width: 49.5%;
  }
  .mesh-wifi-easymesh .feature li .img {
    width: 4.8em;
    float: none;
    margin: 0;
    display: inline-block;
  }
  .mesh-wifi-easymesh .feature li .desc {
    margin: 0 3%;
  }
  .mesh-wifi-easymesh .feature li .desc p {
    font-size: 1.25em;
  }
  .mesh-wifi-easymesh .diff {
    padding-top: 2em;
  }
  .mesh-wifi-easymesh .diff li {
    display: block;
    width: auto;
  }
  .mesh-wifi-easymesh .diff li + li {
    margin-top: 1em;
  }
  .mesh-wifi-easymesh .diff-new p {
    font-size: 2.5vw;
  }
}
@media (max-width: 414px) {
  .mesh-wifi-easymesh {
    font-size: 2.5vw;
  }
}

.overview-content .h {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: url(./img/e.png) bottom/120em auto no-repeat;
  height: 47em;
}
.overview-content .h .w-container {
  width: 86.625em;
  margin: 0 auto;
  position: relative;
}
.overview-content .h .text {
  padding: 15em 0 0 65%;
}
.overview-content .h h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .h p {
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .h .link {
  margin-top: 1em;
}
.overview-content .h a {
  color: #00478e;
}
@media (max-width: 1680px) {
  .overview-content .h {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .h {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .h {
    font-size: 10.35px;
    background: url(./m/e.jpg) 50% 100%/100% no-repeat;
    height: auto;
    padding-bottom: 70%;
  }
  .overview-content .h .w-container {
    width: auto;
  }
  .overview-content .h .text {
    padding: 0 0 1em;
    width: auto;
  }
  .overview-content .h h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .h p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
}
@media (max-width: 414px) {
  .overview-content .h {
    font-size: 2.5vw;
  }
}