.knowledge section.list .listWrapper > li {
  flex: 0 0 auto;
}
.knowledge section.list .listWrapper > li strong {
  display: block;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
}
.knowledge section.list .listWrapper > li ul li a {
  display: block;
  color: #1356a2;
  background: url("/assets/img/gardeningbeginner/basics/icon_arrow_link_16.png") no-repeat #fff;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .knowledge .title {
    margin: 0 0 min(20px, 1.388888888888889vw);
  }
  .knowledge .knowledge-lead {
    font-size: min(14px, 0.972222222222222vw);
  }
  .knowledge .knowledge-mv {
    margin-top: min(30px, 2.083333333333333vw);
  }
  .knowledge h2 {
    border-bottom: none;
    background: none;
    font-size: min(20px, 1.388888888888889vw);
    line-height: min(52.8px, 3.666666666666667vw);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .knowledge section.list .listWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: min(30px, 2.083333333333333vw);
  }
  .knowledge section.list .listWrapper > li {
    border-top: 5px solid #ed6710;
    background: rgba(237,103,16,0.2);
    flex-basis: min(262px, 18.194444444444443vw);
    max-width: min(262px, 18.194444444444443vw);
    width: min(262px, 18.194444444444443vw);
    padding: min(12px, 0.833333333333333vw);
    margin-top: min(20px, 1.388888888888889vw);
  }
  .knowledge section.list .listWrapper > li strong {
    font-size: min(14px, 0.972222222222222vw);
    margin-top: min(15px, 1.041666666666667vw);
  }
  .knowledge section.list .listWrapper > li ul {
    margin-top: min(12px, 0.833333333333333vw);
  }
  .knowledge section.list .listWrapper > li ul li {
    margin-top: min(5px, 0.347222222222222vw);
  }
  .knowledge section.list .listWrapper > li ul li a {
    border-radius: min(15px, 1.041666666666667vw);
    background-size: min(16px, 1.111111111111111vw) min(16px, 1.111111111111111vw);
    background-position: min(7px, 0.486111111111111vw) min(7px, 0.486111111111111vw);
    font-size: min(14px, 0.972222222222222vw);
    padding: min(6.6px, 0.458333333333333vw) min(6.6px, 0.458333333333333vw) min(6.6px, 0.458333333333333vw) min(30px, 2.083333333333333vw);
    transition: 0.5s;
  }
  .knowledge section.list .listWrapper > li ul li a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767.98px) {
  .knowledge .knowledge-lead {
    font-size: 3.733333333333334vw;
    margin-top: 5.600000000000001vw;
  }
  .knowledge h2 {
    background: rgba(237,103,16,0.2);
    padding: 4.533333333333333vw 5.333333333333334vw 2.666666666666667vw;
  }
  .knowledge section.list .listWrapper > li {
    margin: 5.333333333333334vw 0;
  }
  .knowledge section.list .listWrapper > li strong {
    font-size: 3.733333333333334vw;
    margin-top: 4vw;
  }
  .knowledge section.list .listWrapper > li .photo {
    margin-top: 2.666666666666667vw;
  }
  .knowledge section.list .listWrapper > li .photo img {
    display: block;
    width: 55.2vw;
    margin: 0 auto;
  }
  .knowledge section.list .listWrapper > li ul {
    margin-top: 3.2vw;
  }
  .knowledge section.list .listWrapper > li ul li {
    margin-top: 1.333333333333333vw;
  }
  .knowledge section.list .listWrapper > li ul li a {
    background-size: 4.266666666666667vw 4.266666666666667vw;
    background-position: 1.866666666666667vw 1.866666666666667vw;
    font-size: 3.733333333333334vw;
    padding: 1.76vw 1.76vw 1.76vw 8vw;
  }
}