.knowledge {
  font-family: "メイリオ", "Meiryo", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}
.knowledge .title {
  margin: 0;
}
.knowledge .title .title1 {
  position: relative;
  line-height: 1.4;
}
.knowledge .title .title1 span {
  display: block;
  position: absolute;
  top: 0;
  font-family: HiraKakuPro;
  font-weight: 400;
}
.knowledge .title .title1 strong {
  display: block;
}
.knowledge .title .title2 {
  line-height: 1.4;
}
.knowledge h2 {
  border-bottom: 2px solid #ed6710;
  background-color: rgba(237,103,16,0.1);
  width: 100%;
  font-weight: 700;
  margin: 0 auto;
}
.knowledge h2 span {
  display: inline-block;
  line-height: 1.2;
}
.knowledge h3 {
  font-weight: 700;
  line-height: 1.2;
}
.knowledge h3 span {
  display: inline-block;
  border-bottom: 2px solid #ed6710;
}
.knowledge h4 {
  border-bottom: 2px solid #ed6710;
}
.knowledge p {
  line-height: calc(24 / 14);
}
.knowledge .bottomtext {
  line-height: calc(24 / 14);
}
@media print, screen and (min-width: 768px) {
  .knowledge .title {
    display: flex;
    align-items: flex-end;
    border-bottom: 5px solid #ed6710;
    background: url("/assets_before/assets/img/gardeningbeginner/basics/icon_title.png") no-repeat left top;
    background-size: min(67px, 4.652777777777778vw) min(67px, 4.652777777777778vw);
    padding-bottom: min(6px, 0.416666666666667vw);
  }
  .knowledge .title .title1 {
    border-right: 1px dotted #ed6710;
    padding: 0 min(25px, 1.736111111111111vw) 0 min(80px, 5.555555555555555vw);
  }
  .knowledge .title .title1 span {
    font-size: min(12px, 0.833333333333333vw);
  }
  .knowledge .title .title1 strong {
    font-size: min(30px, 2.083333333333333vw);
    line-height: min(65px, 4.513888888888888vw);
    padding-top: min(15px, 1.041666666666667vw);
  }
  .knowledge .title .title2 {
    display: inline-block;
    font-size: min(30px, 2.083333333333333vw);
    line-height: min(65px, 4.513888888888888vw);
    padding: min(0px, 0vw) 0 0 min(25px, 1.736111111111111vw);
  }
  .knowledge h2 {
    font-size: min(24px, 1.666666666666667vw);
    line-height: 1;
    padding: min(12px, 0.833333333333333vw) min(15px, 1.041666666666667vw) min(12px, 0.833333333333333vw) min(15px, 1.041666666666667vw);
  }
  .knowledge h3 {
    border-left: min(14px, 0.972222222222222vw) solid #ed6710;
    font-size: min(20px, 1.388888888888889vw);
    padding: 0 0 0 min(12px, 0.833333333333333vw);
    margin: min(30px, 2.083333333333333vw) 0 min(20px, 1.388888888888889vw) 0;
  }
  .knowledge h3 span {
    line-height: min(31px, 2.152777777777778vw);
  }
  .knowledge h4 {
    font-size: min(20px, 1.388888888888889vw);
    line-height: min(31px, 2.152777777777778vw);
    margin: min(30px, 2.083333333333333vw) 0 min(10px, 0.694444444444444vw);
  }
  .knowledge p {
    font-size: min(14px, 0.972222222222222vw);
    margin: 0 0 min(20px, 1.388888888888889vw);
  }
  .knowledge .bottomtext {
    font-size: min(14px, 0.972222222222222vw);
    margin-top: min(50px, 3.472222222222222vw);
  }
}
@media screen and (max-width: 767.98px) {
  .knowledge .title .title1 {
    margin-bottom: 4vw;
  }
  .knowledge .title .title1 span {
    font-size: 2.666666666666667vw;
  }
  .knowledge .title .title1 strong {
    font-size: 5.333333333333334vw;
    line-height: 1;
    padding-top: 6.666666666666667vw;
  }
  .knowledge .title .title2 {
    display: block;
    background: #ed6710;
    color: #fff;
    font-size: 5.866666666666666vw;
    max-width: none;
    padding: 4vw 5.866666666666666vw 2.666666666666667vw;
    margin: 0 -5.333333333333334vw;
  }
  .knowledge h2 {
    border-bottom: 3px solid #ed6710;
    font-size: 4.533333333333333vw;
    width: 100vw;
    max-width: none;
    padding: 4vw 5.333333333333334vw;
    margin: 0 -5.333333333333334vw;
  }
  .knowledge h3 {
    border-left: 3.733333333333334vw solid #ed6710;
    font-size: 4.533333333333333vw;
    line-height: calc(25 / 17);
    padding: 0 0 0 3.2vw;
    margin: 5.333333333333334vw 0;
  }
  .knowledge h4 {
    font-size: 4.533333333333333vw;
    line-height: 8.266666666666666vw;
    margin: 8vw 0 2.666666666666667vw;
  }
  .knowledge p {
    font-size: 3.733333333333334vw;
    margin: 0 0 5.333333333333334vw;
  }
  .knowledge .bottomtext {
    font-size: 3.733333333333334vw;
    margin-top: 13.333333333333334vw;
  }
}