.overview-content .a {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 60em;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/a.jpg);
  color: #fff;
}

.overview-content .a .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .a .text {
  padding: 22.625em 0 0 62%;
  text-align: right;
}

.overview-content .a h2 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .a h3 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .a p .model-name {
  font-size: 1.5em;
  font-weight: 500;
  display: inline-block;
  padding: 0.25em 1em;
  border-radius: 0.25em;
  background: #788cfb;
  line-height: 1.2;
  color: #fff;
}

.overview-content .a .icon {
  margin: 1em 0 1.5em;
}

.overview-content .a .color,
.overview-content .a .tag {
  height: 3.125em;
  margin-left: 1em;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.overview-content .a .color {
  margin: 0;
  width: 3em;
  background-image: url(./img/icon-color.png);
}

.overview-content .a .tag-alexa {
  width: 7.7em;
  background-image: url(./img/tag-alexa.png);
}

.overview-content .a .tag-google {
  width: 9.8em;
  background-image: url(./img/tag-hey_google.png);
}

@media (max-width: 1680px) {
  .overview-content .a {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .a {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .a {
    font-size: 10.35px;
    height: 133.4375vw;
    background-size: 100%;
    background-image: url(./m/a.jpg);
  }

  .overview-content .a .m-hide {
    display: none;
  }

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

  .overview-content .a .text {
    padding: 12% 0 0;
    display: flex;
    flex-direction: column;
  }

  .overview-content .a h2 {
    font-size: 1.75em;
    line-height: 1.2;
    padding: 20px 20px 16px;
    order: 2;
  }

  .overview-content .a h3 {
    font-size: 2.75em;
    line-height: 1.2;
    padding: 0 20px;
    order: 1;
  }

  .overview-content br.m-show {
    display: block;
  }

  .overview-content .a p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    order: 5;
  }

  .overview-content .a p + p {
    margin-top: 0.5em;
  }

  .overview-content .a p .model-name {
    font-size: 1em;
  }

  .overview-content .a .icon {
    padding: 0 20px;
    order: 4;
  }
}

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

.overview-content .b {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./img/b.jpg);
}

.overview-content .b .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .b .text {
  padding: 5em 0;
  text-align: center;
}

.overview-content .b h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .b p {
  font-size: 1.375em;
  line-height: 1.5;
  font-weight: 500;
}

.overview-content .b li {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  margin: 1em 0;
}

.overview-content .b li > b {
  width: 7.5em;
  height: 7.5em;
  background-image: url(./img/b-icon.png);
  background-size: 37.5em;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}

.overview-content .b li.b1 > b {
  background-position: 0 0;
}

.overview-content .b li.b2 > b {
  background-position: -7.5em 0;
}

.overview-content .b li.b3 > b {
  background-position: -15em 0;
}

.overview-content .b li.b4 > b {
  background-position: -22.5em 0;
}

.overview-content .b li.b5 > b {
  background-position: -30em 0;
}

.overview-content .b li.b6 > b {
  background-position: 0 -7.5em;
}

.overview-content .b li.b7 > b {
  background-position: -7.5em -7.5em;
}

.overview-content .b li.b8 > b {
  background-position: -15em -7.5em;
}

.overview-content .b li.b9 > b {
  background-position: -22.5em -7.5em;
}

.overview-content .b li.b10 > b {
  background-position: -30em -7.5em;
}

@media (max-width: 1680px) {
  .overview-content .b {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .b {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .b {
    font-size: 10.35px;
  }

  .overview-content .b .m-hide {
    display: none;
  }

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

  .overview-content .b .text {
    padding: 3em 0;
  }

  .overview-content .b h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .b p {
    font-size: 1.25em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .b li {
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .overview-content .b li > b {
    flex-shrink: 0;
  }

  .overview-content .b li > p {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3em;
    text-align: center;
  }

  .overview-content .b ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  /* .overview-content .b li.b10 {
        display: block;
        width: 32%;
    } */
}

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

.overview-content .c {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 59.75em;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/c.jpg);
  background-color: #f1f2f2;
}

.overview-content .c .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .c .text {
  padding-top: 5em;
  color: #fff;
  text-align: center;
}

.overview-content .c h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .c p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .c .c1 {
  position: absolute;
  top: 21em;
  left: 24em;
}

.overview-content .c .c2 {
  position: absolute;
  top: 35em;
  left: 27em;
}

.overview-content .c .number {
  font-size: 8em;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.overview-content .c .unit {
  display: inline-block;
  vertical-align: middle;
}

.overview-content .c .unit > span {
  display: block;
  line-height: 1.2;
  font-size: 1.75em;
  font-weight: 500;
}

.overview-content .c .unit .line {
  position: relative;
  height: 0.5em;
}

.overview-content .c .unit .line:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  transform: rotate(-5deg);
  position: absolute;
  top: 50%;
  margin-top: -1px;
}

@media (max-width: 1680px) {
  .overview-content .c {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .c {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .c {
    font-size: 10.35px;
    height: 130.625vw;
    background-size: 100%;
    background-image: url(./m/c.jpg);
    background-position: 50% 100%;
  }

  .overview-content .c .m-hide {
    display: none;
  }

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

  .overview-content .c .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .c h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .c p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .c .c1 {
    top: 44em;
    left: 18em;
    font-size: 1.5vw;
  }

  .overview-content .c .c2 {
    top: 56em;
    left: 20em;
    font-size: 1.5vw;
  }
}

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

.overview-content .d {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 56.875em;
  position: relative;
}

.overview-content .d .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .d .text {
  padding: 10em 63% 0 0;
}

.overview-content .d h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .d h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .d p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .d .desc {
  margin-top: 3em;
}

.overview-content .d .m-img {
  display: none;
}

.overview-content .d .img,
.overview-content .d .img .img0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.overview-content .d .img .img0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  opacity: 0;
  transition: opacity linear 1s;
}

.overview-content .d .img .img0.active {
  opacity: 1;
}

.overview-content .d .img .d1 {
  background-image: url(./img/d1.jpg);
}

.overview-content .d .img .d2 {
  background-image: url(./img/d2.jpg);
}

.overview-content .d .img .d3 {
  background-image: url(./img/d3.jpg);
}

.overview-content .d .img .d4 {
  background-image: url(./img/d4.jpg);
}

.overview-content .d .btn {
  margin-top: 5em;
  width: 40em;
}

.overview-content .d .btn .btn0 {
  margin: 0 0.75em 0.75em 0;
  font-size: 1.25em;
  display: inline-block;
  vertical-align: top;
  line-height: 2.4em;
  min-width: 6.4em;
  padding: 0 0.25em;
  text-align: center;
  color: #fff;
  background: #ccc;
  box-sizing: border-box;
  border-radius: 4em;
  cursor: pointer;
  font-weight: 400;
  box-shadow: 0 0 5px 1px #ccc;
  transition: all linear 300ms;
}

.overview-content .d .btn .btn0:last-child {
  margin-right: 0;
}

.overview-content .d .btn .btn1.active {
  background: #6890f8;
  box-shadow: 0 0 5px 1px #6890f8;
}

.overview-content .d .btn .btn2.active {
  background: #ff8c84;
  box-shadow: 0 0 5px 1px #ff8c84;
}

.overview-content .d .btn .btn3.active {
  background: #9e6cf8;
  box-shadow: 0 0 5px 1px #9e6cf8;
}

.overview-content .d .btn .btn4.active {
  background: #ffd16f;
  box-shadow: 0 0 5px 1px #ffd16f;
}

@media (max-width: 1680px) {
  .overview-content .d {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .d {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .d {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .d .m-hide {
    display: none;
  }

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

  .overview-content .d .text {
    padding: 0;
  }

  .overview-content .d h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .d h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em;
  }

  .overview-content .d p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .d .desc {
    margin: 0;
  }

  .overview-content .d .img {
    display: none;
  }

  .overview-content .d .m-img {
    display: block;
    height: 0;
    padding-top: 100%;
    position: relative;
    margin-bottom: -3em;
  }

  .overview-content .d .m-img .img0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .overview-content .d .m-img .img0 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: opacity linear 1s;
  }

  .overview-content .d .m-img .img0.active {
    opacity: 1;
  }

  .overview-content .d .m-img .d1 {
    background-image: url(./m/d1.jpg);
  }

  .overview-content .d .m-img .d2 {
    background-image: url(./m/d2.jpg);
  }

  .overview-content .d .m-img .d3 {
    background-image: url(./m/d3.jpg);
  }

  .overview-content .d .m-img .d4 {
    background-image: url(./m/d4.jpg);
  }

  .overview-content .d .btn {
    margin: 0;
    padding: 0 20px 3em;
    width: auto;
    position: relative;
    text-align: center;
  }
}

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

.overview-content .e {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/e.jpg);
  padding-bottom: 59.375em;
}

.overview-content .e .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .e .text {
  padding-top: 5em;
  text-align: center;
}

.overview-content .e h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .e p {
  font-size: 1.25em;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .overview-content .e {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .e {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .e {
    font-size: 10.35px;
    height: auto;
    padding-bottom: 124%;
    background-size: 100%;
    background-image: url(./m/e.jpg);
    background-position: 50% 100%;
  }

  .overview-content .e .m-hide {
    display: none;
  }

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

  .overview-content .e .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .e h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .e p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
}

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

.overview-content .f {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/f.jpg);
  background-color: #3b54a6;
  height: 60em;
}

.overview-content .f .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .f .text {
  padding-top: 5em;
  text-align: center;
  color: #fff;
}

.overview-content .f h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .f p {
  font-size: 1.25em;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .overview-content .f {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .f {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .f {
    font-size: 10.35px;
    height: auto;
    padding-bottom: 68%;
    background-size: 100%;
    background-image: url(./m/f.jpg);
    background-position: 50% 100%;
  }

  .overview-content .f .m-hide {
    display: none;
  }

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

  .overview-content .f .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .f h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .f p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
}

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

.overview-content .g {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.overview-content .g .img {
  width: 50%;
  height: 0;
  padding-bottom: 37.5%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(./img/g.jpg);
}

.overview-content .g .box {
  padding: 3em 8%;
  width: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.overview-content .g h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .g p {
  font-size: 1.25em;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .overview-content .g {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .g {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .g {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .g h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .g p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .g .box {
    width: auto;
    padding: 0 0 2em;
  }

  .overview-content .g .img {
    width: 100%;
    padding-bottom: 75%;
  }
}

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

.overview-content .h {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  flex-direction: row-reverse;
}

.overview-content .h .img {
  width: 50%;
  height: 0;
  padding-bottom: 37.5%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(./img/h.jpg);
}

.overview-content .h .box {
  padding: 3em 8%;
  width: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.overview-content .h h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .h p {
  font-size: 1.25em;
  line-height: 1.5;
}

@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;
    height: auto;
    text-align: left;
  }

  .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;
  }

  .overview-content .h .box {
    width: auto;
    padding: 0 0 2em;
  }

  .overview-content .h .img {
    width: 100%;
    padding-bottom: 75%;
  }
}

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

.overview-content .i {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.overview-content .i .img {
  width: 50%;
  height: 0;
  padding-bottom: 37.5%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(./img/i.jpg);
}

.overview-content .i .box {
  padding: 3em 8%;
  width: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.overview-content .i h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .i p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .i p + p {
  margin-top: 1em;
}

.overview-content .i .i-footnote,
.overview-content .g .g-footnote {
  font-size: 1.25em;
  margin-top: 1em;
  text-align: left;
}

@media (max-width: 1680px) {
  .overview-content .i {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .i {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .i {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .i h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .i p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .i .box {
    width: auto;
    padding: 0 0 2em;
  }

  .overview-content .i .img {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
  }

  .overview-content .g .g-footnote,
  .overview-content .i .i-footnote {
    position: absolute;
    bottom: 1em;
    color: #fff;
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.5;
    z-index: 10;
    text-shadow: 0 0 3px black;
  }

  .overview-content .i,
  .overview-content .g {
    /* for abs footnotes */
    position: relative;
  }
}

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

.overview-content .j {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  flex-direction: row-reverse;
}

.overview-content .j .img {
  width: 50%;
  height: 0;
  padding-bottom: 37.5%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(./img/j.jpg);
}

.overview-content .j .box {
  padding: 3em 8%;
  width: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.overview-content .j h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .j p {
  font-size: 1.25em;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .overview-content .j {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .j {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .j {
    font-size: 10.35px;
    height: auto;
    text-align: left;
  }

  .overview-content .j h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .j p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .j .box {
    width: auto;
    padding: 0 0 2em;
  }

  .overview-content .j .img {
    width: 100%;
    padding-bottom: 75%;
  }
}

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

.overview-content .k {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/k.jpg);
  height: 60em;
}

.overview-content .k .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .k .text {
  padding-top: 5em;
  text-align: center;
  color: #fff;
}

.overview-content .k h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .k p {
  font-size: 1.25em;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .overview-content .k {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .k {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .k {
    font-size: 10.35px;
    height: 170.625vw;
    background-size: 100%;
    background-image: url(./m/k.jpg);
    background-position: 50% 100%;
  }

  .overview-content .k .m-hide {
    display: none;
  }

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

  .overview-content .k .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .k h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .k p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
}

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

.overview-content .l {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: #f6faff;
}

.overview-content .l .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .l .text {
  padding: 6em 0;
  text-align: center;
}

.overview-content .l h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .l p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .l ul {
  margin-top: 3em;
}

.overview-content .l li {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding: 0 1%;
}

.overview-content .l li b {
  width: 12.5em;
  height: 12.5em;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.overview-content .l li.l1 b {
  background-image: url(./img/l1.png);
}

.overview-content .l li.l2 b {
  background-image: url(./img/l2.png);
}

.overview-content .l li.l3 b {
  background-image: url(./img/l3.png);
}

@media (max-width: 1680px) {
  .overview-content .l {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .l {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .l {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .l .m-hide {
    display: none;
  }

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

  .overview-content .l .text {
    padding: 0;
  }

  .overview-content .l h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .l p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .l ul {
    margin: 0;
    padding-bottom: 3em;
  }

  .overview-content .l li {
    width: auto;
    display: block;
    padding: 0 20px;
    margin: 2em 0;
  }
}

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

.overview-content .m {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/m.jpg);
  height: 60em;
}

.overview-content .m .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .m .text {
  padding-top: 5em;
  text-align: center;
  color: #fff;
}

.overview-content .m h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .m p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .m p.m1,
.overview-content .m p.m2,
.overview-content .m p.m3 {
  position: absolute;
  top: 34.5em;
  text-align: center;
  color: #fff;
  width: 18em;
}

.overview-content .m p.m1 {
  left: 4.5em;
}

.overview-content .m p.m2 {
  left: 26.3em;
}

.overview-content .m p.m3 {
  left: 47em;
}

@media (max-width: 1680px) {
  .overview-content .m {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .m {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .m {
    font-size: 10.35px;
    height: 287.1875vw;
    background-size: 100%;
    background-image: url(./m/m.jpg);
    background-position: 50% 100%;
  }

  .overview-content .m .m-hide {
    display: none;
  }

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

  .overview-content .m .text {
    padding: 0;
  }

  .overview-content .m h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .m p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    text-align: left;
  }

  .overview-content .m p.m1,
  .overview-content .m p.m2,
  .overview-content .m p.m3 {
    left: 0;
    right: 0;
    width: auto;
  }

  .overview-content .m p.m1 {
    top: 100vw;
  }

  .overview-content .m p.m2 {
    top: 181vw;
  }

  .overview-content .m p.m3 {
    top: 259vw;
  }
}

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