#why-kenari {
  background-color: #cddcb3;
}
#why-kenari .title {
  color: #414833;
}
#why-kenari .title h1 {
  font-weight: 700;
}

.video-kanari {
  height: 542px;
  margin: auto;
}
@media only screen and (max-width: 992px) {
  .video-kanari {
    width: auto;
    height: auto;
  }
}
.video-kanari iframe {
  width: 100%;
  height: 100%;
}
.video-kanari img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.icon-kanari-1 {
  position: absolute;
  top: 10%;
  left: 15%;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-1 {
    top: 8%;
  }
}
@media only screen and (max-width: 810px) {
  .icon-kanari-1 {
    width: 110px;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-1 {
    width: 80px;
    top: 12%;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-1 {
    width: 60px;
    left: 3%;
  }
}

.icon-kanari-2 {
  position: absolute;
  top: 8%;
  right: 5%;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-2 {
    top: 8%;
    right: 1%;
  }
}
@media only screen and (max-width: 810px) {
  .icon-kanari-2 {
    width: 250px;
    top: 12%;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-2 {
    width: 150px;
    top: 18%;
    right: 5%;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-2 {
    width: 120px;
    top: 8%;
  }
}

.icon-kanari-3 {
  position: absolute;
  bottom: 30%;
  left: -3%;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-3 {
    bottom: 23%;
    left: 1%;
  }
}
@media only screen and (max-width: 992px) {
  .icon-kanari-3 {
    bottom: 24%;
    left: -5%;
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-3 {
    width: 70px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-3 {
    width: 50px;
    bottom: 22%;
    left: -3%;
  }
}

.icon-kanari-4 {
  position: absolute;
  bottom: 25%;
  right: 1%;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-4 {
    bottom: 35%;
    right: -5%;
  }
}
@media only screen and (max-width: 810px) {
  .icon-kanari-4 {
    width: 60px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-4 {
    bottom: 36%;
    right: -2%;
    width: 40px;
  }
}

.icon-kanari-6 {
  position: absolute;
  bottom: 15%;
  left: 0;
}
@media only screen and (max-width: 810px) {
  .icon-kanari-6 {
    bottom: 14%;
    left: 5%;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-6 {
    bottom: 9%;
    left: 9%;
    width: 20px;
  }
}

.icon-kanari-5 {
  position: absolute;
  top: 15%;
  left: 0;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-5 {
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-5 {
    width: 60px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-5 {
    width: 60px;
    top: -18%;
  }
}

.icon-kanari-7 {
  position: absolute;
  top: -5%;
  right: 5%;
}
@media only screen and (max-width: 576px) {
  .icon-kanari-7 {
    width: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-7 {
    width: 30px;
    top: -11%;
  }
}

.icon-kanari-8 {
  position: absolute;
  top: 35%;
  right: 5%;
}
@media only screen and (max-width: 576px) {
  .icon-kanari-8 {
    width: 60px;
    right: 0;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-8 {
    width: 40px;
    top: unset;
    bottom: 28%;
  }
}

.icon-kanari-9 {
  position: absolute;
  bottom: 30%;
  left: 0;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-9 {
    width: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-9 {
    width: 50px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-9 {
    width: 40px;
    bottom: -15%;
    left: 10%;
  }
}

.icon-kanari-10 {
  position: absolute;
  bottom: 20%;
  right: 5%;
}
@media only screen and (max-width: 992px) {
  .icon-kanari-10 {
    right: 2%;
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .icon-kanari-10 {
    width: 70px;
  }
}
@media only screen and (max-width: 414px) {
  .icon-kanari-10 {
    width: 60px;
    bottom: -8%;
    right: 11%;
  }
}

.kanari-table {
  background: #588157;
}

/*# sourceMappingURL=why-kanari.css.map */