.mainArea {
  background: url(../images/ins_bg.jpg) repeat top/cover;
}
.mainArea.ins {
  padding: 30px 0 0;
}
.mainArea.ins .titleBox {
  max-width: 100%;
  font-family: "Lato";
  font-weight: initial;
}
.mainArea.ins .titleBox h2 {
  font-size: 45px;
  font-weight: 700;
}
.mainArea.ins .wrap {
  max-width: 100%;
  padding: 0;
}
.mainArea.ins .articleTitle {
  padding-left: 20px;
  padding-right: 20px;
}

.bread {
  position: relative;
  top: initial;
  right: initial;
  max-width: 1285px;
  text-align: right;
  margin: 0 auto 20px;
  padding: 0 20px;
}

.illustrationBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1200px) {
  .illustrationBox {
    display: none;
  }
}
.illustrationBox .Img {
  position: absolute;
}

.aboutUsBox {
  position: relative;
}
.aboutUsBox .contentBox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 1277px;
  padding: 0 20px 120px;
  margin: 0 auto;
  z-index: 2;
}
@media (max-width: 960px) {
  .aboutUsBox .contentBox {
    padding: 0 20px 50px;
  }
}
.aboutUsBox .titleBox {
  width: 100%;
  margin-bottom: 66px;
}
@media (max-width: 960px) {
  .aboutUsBox .titleBox {
    margin-bottom: 80px;
  }
}
.aboutUsBox .leftBox {
  width: 55.37%;
}
.aboutUsBox .leftBox .Img {
  padding-bottom: 37px;
}
.aboutUsBox .leftBox img {
  border-radius: 0 20px;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 960px) {
  .aboutUsBox .leftBox {
    width: 100%;
  }
  .aboutUsBox .leftBox .Img {
    padding-bottom: 20px;
  }
}
.aboutUsBox .rightBox {
  width: 44.61%;
  padding: 0 0 0 53px;
}
@media (min-width: 961px) {
  .aboutUsBox .rightBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .aboutUsBox .rightBox .Txt {
    padding-bottom: 73px;
  }
}
@media (max-width: 960px) {
  .aboutUsBox .rightBox {
    width: 100%;
    padding: 30px 0 0 0;
  }
  .aboutUsBox .rightBox .Img {
    padding-bottom: 20px;
  }
}
.aboutUsBox img {
  border-radius: 0 20px;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.aboutUsBox .Txt {
  color: #1c1c1c;
  font-size: 17px;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .aboutUsBox .Txt {
    font-size: 15px;
  }
}
.aboutUsBox .title {
  color: #226b48;
  font-size: 26px;
  line-height: 1;
  padding-bottom: 12px;
}
@media (max-width: 960px) {
  .aboutUsBox .title {
    font-size: 20px;
  }
}
.aboutUsBox .tomatoNutImg {
  bottom: -13%;
  left: 0;
  background: url(../images/about/tomato_nut.png) no-repeat center/cover;
  width: 331px;
  height: 666px;
}
@media (max-width: 1700px) {
  .aboutUsBox .tomatoNutImg {
    bottom: 0;
    width: 200px;
    height: 402px;
  }
}
@media (max-width: 1600px) {
  .aboutUsBox .tomatoNutImg {
    bottom: initial;
    top: 32%;
  }
}
.aboutUsBox .garlicLeafImg {
  top: -2%;
  right: 0;
  background: url(../images/about/garlic_leaf.png) no-repeat center/cover;
  width: 249px;
  height: 185px;
}
@media (max-width: 1700px) {
  .aboutUsBox .garlicLeafImg {
    top: 16%;
    width: 149px;
    height: 111px;
  }
}
.aboutUsBox .pepperImg {
  top: 23.5%;
  right: 0;
  background: url(../images/about/pepper.png) no-repeat center/cover;
  width: 369px;
  height: 393px;
}
@media (max-width: 1700px) {
  .aboutUsBox .pepperImg {
    width: 221px;
    height: 235px;
  }
}
@media (max-width: 1600px) {
  .aboutUsBox .pepperImg {
    top: initial;
    bottom: 37%;
  }
}

.ourVissionBox {
  position: relative;
  background: url(../images/about/our_vission_bg.jpg) no-repeat center/cover;
}
.ourVissionBox .contentBox {
  position: relative;
  max-width: 1277px;
  margin: 0 auto;
  padding: 126px 20px 124px;
  z-index: 2;
}
@media (max-width: 960px) {
  .ourVissionBox .contentBox {
    padding: 50px 20px;
  }
}
.ourVissionBox .Img {
  width: 50%;
}
.ourVissionBox .Img img {
  border-radius: 0 20px;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 960px) {
  .ourVissionBox .Img {
    width: 100%;
  }
}
.ourVissionBox .Txt {
  position: absolute;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 52%;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 5px rgba(85, 85, 85, 0.1);
  border-radius: 0 20px;
  overflow: hidden;
  padding: 68px 70px 47px;
}
.ourVissionBox .Txt::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #5d9f7f;
}
.ourVissionBox .Txt .titleBox {
  text-align: left;
  margin: 0 0 12px;
}
@media (max-width: 960px) {
  .ourVissionBox .Txt {
    position: relative;
    top: -45px;
    right: initial;
    -webkit-transform: initial;
            transform: initial;
    width: 96%;
    margin: 0 auto;
    padding: 60px 40px 35px;
  }
  .ourVissionBox .Txt .titleBox {
    margin: 0 0 20px;
  }
  .ourVissionBox .Txt .titleBox .circle.left {
    left: -30px;
  }
}
.ourVissionBox p {
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 1.1px;
}
.ourVissionBox .blueberryImg {
  top: 11%;
  left: 3.5%;
  background: url(../images/about/blueberry.png) no-repeat center/cover;
  width: 207px;
  height: 125px;
}
@media (max-width: 1700px) {
  .ourVissionBox .blueberryImg {
    width: 124px;
    height: 75px;
  }
}
.ourVissionBox .pearImg {
  top: 28%;
  left: 0;
  background: url(../images/about/pear.png) no-repeat center/cover;
  width: 250px;
  height: 372px;
}
@media (max-width: 1700px) {
  .ourVissionBox .pearImg {
    top: 22%;
    width: 150px;
    height: 223px;
  }
}
.ourVissionBox .onionImg {
  bottom: 26.5%;
  right: 2.5%;
  background: url(../images/about/onion.png) no-repeat center/cover;
  width: 209px;
  height: 214px;
}
@media (max-width: 1700px) {
  .ourVissionBox .onionImg {
    bottom: 30%;
    width: 125px;
    height: 128px;
  }
}
.ourVissionBox .orangeImg {
  bottom: 0;
  right: 0;
  background: url(../images/about/orange.png) no-repeat center/cover;
  width: 173px;
  height: 206px;
}
@media (max-width: 1700px) {
  .ourVissionBox .orangeImg {
    bottom: 10%;
    width: 104px;
    height: 124px;
  }
}
.ourVissionBox .mushroomImg {
  bottom: -14%;
  right: 4.3%;
  background: url(../images/about/mushroom.png) no-repeat center/cover;
  width: 200px;
  height: 156px;
}
@media (max-width: 1700px) {
  .ourVissionBox .mushroomImg {
    bottom: 0;
    width: 120px;
    height: 94px;
  }
}

.historyBox {
  position: relative;
  overflow: hidden;
}
.historyBox .contentBox {
  padding: 150px 0 40px;
}
.historyBox .titleBox {
  margin: 0 auto 55px;
  padding: 0 20px;
}
.historyBox .titleBox .circle {
  top: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.historyBox .listAllBox {
  position: relative;
}
.historyBox .listBox {
  position: relative;
  width: 1387px;
  margin: 0 auto;
}
@media (min-width: 1201px) {
  .historyBox .listBox::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 4px;
    width: 100vw;
    background-color: #fff;
  }
}
@media (max-width: 1800px) {
  .historyBox .listBox {
    width: 1100px;
  }
}
@media (max-width: 1600px) {
  .historyBox .listBox {
    width: 990px;
  }
}
@media (max-width: 1200px) {
  .historyBox .listBox {
    width: calc(100% - 72px);
  }
}
.historyBox .listBox2 {
  position: absolute;
  top: 0;
  left: -312px;
  width: 480px;
  pointer-events: none;
  opacity: 0.35;
}
@media (max-width: 1800px) {
  .historyBox .listBox2 {
    left: -252px;
    width: 385px;
  }
}
@media (max-width: 1600px) {
  .historyBox .listBox2 {
    display: none;
  }
}
.historyBox .listBox3 {
  position: absolute;
  top: 0;
  right: -322px;
  width: 480px;
  pointer-events: none;
  opacity: 0.35;
}
@media (max-width: 1800px) {
  .historyBox .listBox3 {
    right: -252px;
    width: 385px;
  }
}
@media (max-width: 1600px) {
  .historyBox .listBox3 {
    display: none;
  }
}
.historyBox .historyList {
  margin: 0 -26.5px;
}
.historyBox .historyList .historyItem .item {
  -ms-flex-direction: column;
      flex-direction: column;
}
.historyBox .historyList .historyItem .year {
  margin-bottom: 33px;
}
.historyBox .historyList .historyItem .year::before {
  bottom: -21px;
}
.historyBox .historyList .historyItem .year::after {
  bottom: -17px;
}
.historyBox .historyList .historyItem .Txt {
  -webkit-transform: translate(-10px, -52px);
          transform: translate(-10px, -52px);
}
@media (min-width: 641px) {
  .historyBox .historyList .historyItem:nth-child(odd) {
    position: relative;
    top: -44px;
  }
  .historyBox .historyList .historyItem:nth-child(odd) .item {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .historyBox .historyList .historyItem:nth-child(odd) .year {
    margin-top: 33px;
  }
  .historyBox .historyList .historyItem:nth-child(odd) .year::before {
    top: -21px;
  }
  .historyBox .historyList .historyItem:nth-child(odd) .year::after {
    top: -79px;
  }
  .historyBox .historyList .historyItem:nth-child(odd) .Txt {
    -webkit-transform: translate(-10px, 52px);
            transform: translate(-10px, 52px);
  }
  .historyBox .historyList .historyItem:nth-child(even) .item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .historyBox .historyList .historyItem:nth-child(even) .year {
    margin-bottom: 33px;
  }
  .historyBox .historyList .historyItem:nth-child(even) .year::before {
    bottom: -21px;
  }
  .historyBox .historyList .historyItem:nth-child(even) .year::after {
    bottom: -17px;
  }
  .historyBox .historyList .historyItem:nth-child(even) .Txt {
    -webkit-transform: translate(-10px, -52px);
            transform: translate(-10px, -52px);
  }
}
.historyBox .historyList2 .historyItem:nth-child(odd) .item,
.historyBox .historyList3 .historyItem:nth-child(odd) .item {
  -ms-flex-direction: column;
      flex-direction: column;
}
.historyBox .historyList2 .historyItem:nth-child(odd) .year,
.historyBox .historyList3 .historyItem:nth-child(odd) .year {
  margin-bottom: 33px;
}
.historyBox .historyList2 .historyItem:nth-child(odd) .year::before,
.historyBox .historyList3 .historyItem:nth-child(odd) .year::before {
  bottom: -21px;
}
.historyBox .historyList2 .historyItem:nth-child(odd) .year::after,
.historyBox .historyList3 .historyItem:nth-child(odd) .year::after {
  bottom: -17px;
}
.historyBox .historyList2 .historyItem:nth-child(odd) .Txt,
.historyBox .historyList3 .historyItem:nth-child(odd) .Txt {
  -webkit-transform: translate(-10px, -52px);
          transform: translate(-10px, -52px);
}
.historyBox .historyList2 .historyItem:nth-child(even),
.historyBox .historyList3 .historyItem:nth-child(even) {
  position: relative;
  top: -44px;
}
.historyBox .historyList2 .historyItem:nth-child(even) .item,
.historyBox .historyList3 .historyItem:nth-child(even) .item {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.historyBox .historyList2 .historyItem:nth-child(even) .year,
.historyBox .historyList3 .historyItem:nth-child(even) .year {
  margin-top: 33px;
}
.historyBox .historyList2 .historyItem:nth-child(even) .year::before,
.historyBox .historyList3 .historyItem:nth-child(even) .year::before {
  top: -21px;
}
.historyBox .historyList2 .historyItem:nth-child(even) .year::after,
.historyBox .historyList3 .historyItem:nth-child(even) .year::after {
  top: -79px;
}
.historyBox .historyList2 .historyItem:nth-child(even) .Txt,
.historyBox .historyList3 .historyItem:nth-child(even) .Txt {
  -webkit-transform: translate(-10px, 52px);
          transform: translate(-10px, 52px);
}
.historyBox .historyItem {
  padding: 0 31.5px;
}
@media (max-width: 960px) {
  .historyBox .historyItem {
    padding: 0 20px;
  }
}
.historyBox .item {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1201px) {
  .historyBox .item:hover .year::before {
    background-color: #4d9673;
  }
  .historyBox .item:hover .year::after {
    content: url(../images/about/dotted_line_2.png);
  }
}
.historyBox .year {
  position: relative;
  display: inline-block;
  color: #226b48;
  font-size: 55px;
  font-weight: 500;
  font-family: "Oswald";
  border-bottom: 2px solid #4d9673;
  line-height: 1;
  margin: 0 auto;
  padding-bottom: 5px;
}
.historyBox .year::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 13px;
  height: 13px;
  border: 2px solid #4d9673;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.4s;
}
.historyBox .year::after {
  content: url(../images/about/dotted_line_1.png);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 22px;
  transition: all 0.4s;
}
.historyBox .Img img {
  border-radius: 0 27px;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.historyBox .Txt {
  min-height: 221px;
  background-color: #fff;
  border-radius: 0 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  padding: 17px 27px;
}
.historyBox h3 {
  color: #226b48;
  font-size: 24px;
  font-weight: 700;
}
.historyBox p {
  color: #1c1c1c;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 9px;
}
.historyBox .arrowBox {
  position: absolute;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: calc(100% + 194px);
  pointer-events: none;
}
.historyBox .arrowBox .arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 72px;
  height: 72px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.078);
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.3s;
}
@media (min-width: 1201px) {
  .historyBox .arrowBox .arrow:hover {
    background-color: #4d9673;
  }
  .historyBox .arrowBox .arrow:hover img {
    -webkit-filter: brightness(100);
            filter: brightness(100);
  }
}
.historyBox .arrowBox img {
  width: auto;
  transition: all 0.3s;
}
.historyBox .slick-dots {
  width: 100%;
  margin: 0;
  bottom: -20px;
  left: 0;
}
.historyBox .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 14px;
}
.historyBox .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.historyBox .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #4d9673;
  opacity: 1;
}
.historyBox .slick-dots li.slick-active button::before {
  background-color: #4d9673;
  opacity: 1;
}
.historyBox .blueberryImg {
  top: 6%;
  right: 13%;
  background: url(../images/about/blueberry_2.png) no-repeat center/cover;
  width: 145px;
  height: 119px;
}
@media (max-width: 1700px) {
  .historyBox .blueberryImg {
    right: 8%;
    width: 87px;
    height: 71px;
  }
}
.historyBox .nutImg {
  top: 5.3%;
  right: 2.5%;
  background: url(../images/about/nut.png) no-repeat center/cover;
  width: 142px;
  height: 154px;
}
@media (max-width: 1700px) {
  .historyBox .nutImg {
    width: 82px;
    height: 89px;
  }
}
.historyBox.little .historyList .historyItem:nth-child(odd) {
  top: 0;
}
.historyBox.little .historyList .historyItem:nth-child(odd) .item {
  -ms-flex-direction: column;
      flex-direction: column;
}
.historyBox.little .historyList .historyItem:nth-child(odd) .year {
  margin-bottom: 33px;
}
.historyBox.little .historyList .historyItem:nth-child(odd) .year::before {
  top: initial;
  bottom: -21px;
}
.historyBox.little .historyList .historyItem:nth-child(odd) .year::after {
  top: initial;
  bottom: -17px;
}
.historyBox.little .historyList .historyItem:nth-child(odd) .Txt {
  -webkit-transform: translate(-10px, -52px);
          transform: translate(-10px, -52px);
}
.historyBox.little .historyList .historyItem:nth-child(even) .item {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.historyBox.little .historyList .historyItem:nth-child(even) .year {
  margin-top: 33px;
}
.historyBox.little .historyList .historyItem:nth-child(even) .year::before {
  top: -21px;
}
.historyBox.little .historyList .historyItem:nth-child(even) .year::after {
  top: -79px;
}
.historyBox.little .historyList .historyItem:nth-child(even) .Txt {
  -webkit-transform: translate(-10px, 52px);
          transform: translate(-10px, 52px);
}
.historyBox.little .historyList2 .historyItem:nth-child(odd) .item,
.historyBox.little .historyList3 .historyItem:nth-child(odd) .item {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.historyBox.little .historyList2 .historyItem:nth-child(odd) .year,
.historyBox.little .historyList3 .historyItem:nth-child(odd) .year {
  margin-top: 33px;
}
.historyBox.little .historyList2 .historyItem:nth-child(odd) .year::before,
.historyBox.little .historyList3 .historyItem:nth-child(odd) .year::before {
  top: -21px;
}
.historyBox.little .historyList2 .historyItem:nth-child(odd) .year::after,
.historyBox.little .historyList3 .historyItem:nth-child(odd) .year::after {
  top: -79px;
}
.historyBox.little .historyList2 .historyItem:nth-child(odd) .Txt,
.historyBox.little .historyList3 .historyItem:nth-child(odd) .Txt {
  -webkit-transform: translate(-10px, 52px);
          transform: translate(-10px, 52px);
}
.historyBox.little .historyList2 .historyItem:nth-child(even) .item,
.historyBox.little .historyList3 .historyItem:nth-child(even) .item {
  -ms-flex-direction: column;
      flex-direction: column;
}
.historyBox.little .historyList2 .historyItem:nth-child(even) .year,
.historyBox.little .historyList3 .historyItem:nth-child(even) .year {
  margin-bottom: 33px;
}
.historyBox.little .historyList2 .historyItem:nth-child(even) .year::before,
.historyBox.little .historyList3 .historyItem:nth-child(even) .year::before {
  bottom: -21px;
}
.historyBox.little .historyList2 .historyItem:nth-child(even) .year::after,
.historyBox.little .historyList3 .historyItem:nth-child(even) .year::after {
  bottom: -17px;
}
.historyBox.little .historyList2 .historyItem:nth-child(even) .Txt,
.historyBox.little .historyList3 .historyItem:nth-child(even) .Txt {
  -webkit-transform: translate(-10px, -52px);
          transform: translate(-10px, -52px);
}

.advantageBox {
  position: relative;
  background: url(../images/about/advantage_bg.jpg) no-repeat center/cover;
}
.advantageBox .contentBox {
  position: relative;
  max-width: 1277px;
  margin: 0 auto;
  padding: 140px 20px 165px;
  z-index: 2;
}
@media (max-width: 960px) {
  .advantageBox .contentBox {
    padding: 50px 20px 95px;
  }
}
.advantageBox .titleBox {
  margin: 0 auto 35px;
}
.advantageBox .Txt p {
  color: #1c1c1c;
  font-size: 17px;
  text-align: center;
  line-height: 1.6;
}
.advantageBox .sesameImg {
  top: -14.7%;
  right: 0;
  background: url(../images/about/sesame.png) no-repeat center/cover;
  width: 131px;
  height: 210px;
}
@media (max-width: 1700px) {
  .advantageBox .sesameImg {
    top: -8.7%;
    width: 79px;
    height: 126px;
  }
}
.advantageBox .leftImg {
  bottom: 9%;
  left: 0;
  background: url(../images/about/advantage_left.png) no-repeat center/cover;
  width: 335px;
  height: 327px;
}
@media (max-width: 1700px) {
  .advantageBox .leftImg {
    width: 201px;
    height: 196px;
  }
}
.advantageBox .rightImg {
  top: 0.3%;
  right: 1.7%;
  background: url(../images/about/advantage_right.png) no-repeat center/cover;
  width: 471px;
  height: 501px;
}
@media (max-width: 1700px) {
  .advantageBox .rightImg {
    width: 283px;
    height: 301px;
  }
}

.textEditor ul:not(.df) {
  list-style: none;
  padding-left: initial;
}