.know1 .page-section {
  min-height: 300px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .know1 .page-section {
    background-size: 100% 100%;
  }
}
.know1 #know1-section0 .section-links a {
  display: flex;
  color: black;
  font-size: 22px;
  background-image: url("../images/bubble-normal.png");
  background-size: 100% 100%;
  padding: 25px 40px 35px 40px;
  text-align: center;
  min-height: 100px;
  min-width: 200px;
  position: relative;
}
@media (min-width: 576px) {
  .know1 #know1-section0 .section-links a {
    left: 40px;
  }
}
.know1 #know1-section0 .section-links a.light {
  background-image: url("../images/bubble-light.png");
}
@media (min-width: 576px) {
  .know1 #know1-section0 .section-links a.left-indent {
    left: 100px;
  }
}
.know1 #know1-section0 .section-links > div:nth-child(odd) a {
  margin-left: auto;
}
@media (min-width: 576px) {
  .know1 #know1-section0 .section-links > div:nth-child(odd) a {
    left: -40px;
  }
}
@media (min-width: 576px) {
  .know1 #know1-section0 .section-links > div:nth-child(odd) a.right-indent {
    left: -120px;
  }
}
.know1 #know1-section0 .section-links > div:nth-child(even) a {
  transform: scaleX(-1);
}
.know1 #know1-section0 .section-links > div:nth-child(even) a > div {
  transform: scaleX(-1);
}
.know1 #know1-section0 .character {
  width: 280px;
  position: relative;
  left: 30px;
}
.know1 #know1-section4 {
  background-image: url("../images/leaf.png");
  background-position: bottom center;
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #c2e393;
}
.know1 #know1-section4 .character-1 {
  width: 42%;
  height: 35%;
  position: absolute;
  background-image: url(../images/character_sys.png);
  left: 9.5%;
  top: -22.9%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know1 #know1-section4 .character-1 {
    width: 170px;
    height: 200px;
    left: -24%;
    top: 9%;
    transform: rotate(-53deg);
  }
}
.know1 #know1-section4 .character-2 {
  width: 62.35%;
  height: 53%;
  top: -20.2%;
  right: -1.7%;
  position: absolute;
  background-image: url(../images/character_template.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know1 #know1-section4 .character-2 {
    top: auto;
    width: 270px;
    height: 230px;
    right: -40.5%;
    bottom: 5%;
    transform: rotate(45deg);
  }
}

.know2 .page-section {
  min-height: 300px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .know2 .page-section {
    background-size: 100% 100%;
  }
}
.know2 #know2-section0 .section-links a {
  display: flex;
  color: black;
  font-size: 22px;
  background-image: url("../images/bubble-normal.png");
  background-size: 100% 100%;
  padding: 25px 40px 35px 40px;
  text-align: center;
  min-height: 100px;
  min-width: 200px;
  position: relative;
}
@media (min-width: 576px) {
  .know2 #know2-section0 .section-links a {
    left: 40px;
  }
}
.know2 #know2-section0 .section-links a.light {
  background-image: url("../images/bubble-light.png");
}
@media (min-width: 576px) {
  .know2 #know2-section0 .section-links a.left-indent {
    left: 100px;
  }
}
.know2 #know2-section0 .section-links > div:nth-child(odd) a {
  margin-left: auto;
}
@media (min-width: 576px) {
  .know2 #know2-section0 .section-links > div:nth-child(odd) a {
    left: -40px;
  }
}
@media (min-width: 576px) {
  .know2 #know2-section0 .section-links > div:nth-child(odd) a.right-indent {
    left: -120px;
  }
}
.know2 #know2-section0 .section-links > div:nth-child(even) a {
  transform: scaleX(-1);
}
.know2 #know2-section0 .section-links > div:nth-child(even) a > div {
  transform: scaleX(-1);
}
.know2 #know2-section0 .character {
  width: 280px;
  position: relative;
  left: 30px;
}
.know2 #know2-section4 {
  background-image: url("../images/leaf.png");
  background-position: bottom center;
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #c2e393;
}
.know2 #know2-section4 .character-1 {
  width: 42%;
  height: 35%;
  position: absolute;
  background-image: url(../images/character_sys.png);
  left: 9.5%;
  top: -22.9%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know2 #know2-section4 .character-1 {
    width: 170px;
    height: 200px;
    left: -24%;
    top: 9%;
    transform: rotate(-53deg);
  }
}
.know2 #know2-section4 .character-2 {
  width: 62.35%;
  height: 53%;
  top: -20.2%;
  right: -1.7%;
  position: absolute;
  background-image: url(../images/character_template.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know2 #know2-section4 .character-2 {
    top: auto;
    width: 270px;
    height: 230px;
    right: -40.5%;
    bottom: 5%;
    transform: rotate(45deg);
  }
}

.know3 .page-section {
  min-height: 300px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .know3 .page-section {
    background-size: 100% 100%;
  }
}
.know3 #know3-section0 .section-links a {
  display: flex;
  color: black;
  font-size: 22px;
  background-image: url("../images/bubble-normal.png");
  background-size: 100% 100%;
  padding: 25px 40px 35px 40px;
  text-align: center;
  min-height: 100px;
  min-width: 200px;
  position: relative;
}
@media (min-width: 576px) {
  .know3 #know3-section0 .section-links a {
    left: 40px;
  }
}
.know3 #know3-section0 .section-links a.light {
  background-image: url("../images/bubble-light.png");
}
@media (min-width: 576px) {
  .know3 #know3-section0 .section-links a.left-indent {
    left: 100px;
  }
}
.know3 #know3-section0 .section-links > div:nth-child(odd) a {
  margin-left: auto;
}
@media (min-width: 576px) {
  .know3 #know3-section0 .section-links > div:nth-child(odd) a {
    left: -40px;
  }
}
@media (min-width: 576px) {
  .know3 #know3-section0 .section-links > div:nth-child(odd) a.right-indent {
    left: -120px;
  }
}
.know3 #know3-section0 .section-links > div:nth-child(even) a {
  transform: scaleX(-1);
}
.know3 #know3-section0 .section-links > div:nth-child(even) a > div {
  transform: scaleX(-1);
}
.know3 #know3-section0 .character {
  width: 280px;
  position: relative;
  left: 30px;
}
.know3 #know3-section5 {
  background-image: url("../images/leaf.png");
  background-position: bottom center;
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #deb395;
}
.know3 #know3-section5 .character-1 {
  width: 42%;
  height: 35%;
  position: absolute;
  background-image: url(../images/character_sys.png);
  left: 9.5%;
  top: -22.9%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know3 #know3-section5 .character-1 {
    width: 170px;
    height: 200px;
    left: -24%;
    top: 9%;
    transform: rotate(-53deg);
  }
}
.know3 #know3-section5 .character-2 {
  width: 62.35%;
  height: 53%;
  top: -20.2%;
  right: -1.7%;
  position: absolute;
  background-image: url(../images/character_template.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know3 #know3-section5 .character-2 {
    top: auto;
    width: 270px;
    height: 230px;
    right: -40.5%;
    bottom: 5%;
    transform: rotate(45deg);
  }
}

.know4 .page-section {
  min-height: 300px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .know4 .page-section {
    background-size: 100% 100%;
  }
}
.know4 #know4-section0 .section-links a {
  display: flex;
  color: black;
  font-size: 22px;
  background-image: url("../images/bubble-normal.png");
  background-size: 100% 100%;
  padding: 25px 40px 35px 40px;
  text-align: center;
  min-height: 100px;
  min-width: 200px;
  position: relative;
}
@media (min-width: 576px) {
  .know4 #know4-section0 .section-links a {
    left: 40px;
  }
}
.know4 #know4-section0 .section-links a.light {
  background-image: url("../images/bubble-light.png");
}
@media (min-width: 576px) {
  .know4 #know4-section0 .section-links a.left-indent {
    left: 100px;
  }
}
.know4 #know4-section0 .section-links > div:nth-child(odd) a {
  margin-left: auto;
}
@media (min-width: 576px) {
  .know4 #know4-section0 .section-links > div:nth-child(odd) a {
    left: -40px;
  }
}
@media (min-width: 576px) {
  .know4 #know4-section0 .section-links > div:nth-child(odd) a.right-indent {
    left: -120px;
  }
}
.know4 #know4-section0 .section-links > div:nth-child(even) a {
  transform: scaleX(-1);
}
.know4 #know4-section0 .section-links > div:nth-child(even) a > div {
  transform: scaleX(-1);
}
.know4 #know4-section0 .character {
  width: 280px;
  position: relative;
  left: 30px;
}
.know4 #know4-section5 {
  background-image: url("../images/leaf.png");
  background-position: bottom center;
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #cdc897;
}
.know4 #know4-section5 .character-1 {
  width: 42%;
  height: 35%;
  position: absolute;
  background-image: url(../images/character_sys.png);
  left: 9.5%;
  top: -22.9%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know4 #know4-section5 .character-1 {
    width: 170px;
    height: 200px;
    left: -24%;
    top: 9%;
    transform: rotate(-53deg);
  }
}
.know4 #know4-section5 .character-2 {
  width: 62.35%;
  height: 53%;
  top: -20.2%;
  right: -1.7%;
  position: absolute;
  background-image: url(../images/character_template.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know4 #know4-section5 .character-2 {
    top: auto;
    width: 270px;
    height: 230px;
    right: -40.5%;
    bottom: 5%;
    transform: rotate(45deg);
  }
}

.know5 .page-section {
  min-height: 300px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .know5 .page-section {
    background-size: 100% 100%;
  }
}
.know5 #know5-section0 .section-links a {
  display: flex;
  color: black;
  font-size: 22px;
  background-image: url("../images/bubble-normal.png");
  background-size: 100% 100%;
  padding: 25px 40px 35px 40px;
  text-align: center;
  min-height: 100px;
  min-width: 200px;
  position: relative;
}
@media (min-width: 576px) {
  .know5 #know5-section0 .section-links a {
    left: 40px;
  }
}
.know5 #know5-section0 .section-links a.light {
  background-image: url("../images/bubble-light.png");
}
@media (min-width: 576px) {
  .know5 #know5-section0 .section-links a.left-indent {
    left: 100px;
  }
}
.know5 #know5-section0 .section-links > div:nth-child(odd) a {
  margin-left: auto;
}
@media (min-width: 576px) {
  .know5 #know5-section0 .section-links > div:nth-child(odd) a {
    left: -40px;
  }
}
@media (min-width: 576px) {
  .know5 #know5-section0 .section-links > div:nth-child(odd) a.right-indent {
    left: -120px;
  }
}
.know5 #know5-section0 .section-links > div:nth-child(even) a {
  transform: scaleX(-1);
}
.know5 #know5-section0 .section-links > div:nth-child(even) a > div {
  transform: scaleX(-1);
}
.know5 #know5-section0 .character {
  width: 280px;
  position: relative;
  left: 30px;
}
.know5 #know5-section1 .know5-section1-content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5vw;
  border-radius: 30px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 720px) {
  .know5 #know5-section1 .know5-section1-content {
    width: 45%;
  }
}
.know5 #know5-section6 {
  background-image: url("../images/leaf.png");
  background-position: bottom center;
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #C8E29B;
}
.know5 #know5-section6 .character-1 {
  width: 42%;
  height: 35%;
  position: absolute;
  background-image: url(../images/character_sys.png);
  left: 9.5%;
  top: -22.9%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know5 #know5-section6 .character-1 {
    width: 170px;
    height: 200px;
    left: -24%;
    top: 9%;
    transform: rotate(-53deg);
  }
}
.know5 #know5-section6 .character-2 {
  width: 62.35%;
  height: 53%;
  top: -20.2%;
  right: -1.7%;
  position: absolute;
  background-image: url(../images/character_template.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .know5 #know5-section6 .character-2 {
    top: auto;
    width: 270px;
    height: 230px;
    right: -40.5%;
    bottom: 5%;
    transform: rotate(45deg);
  }
}

/*# sourceMappingURL=knowPage.css.map */