@charset "UTF-8";




.l-footer {
  z-index: 1;
}

.the-cacao .tc-l-footer {
  background: var(--tc_colorMain4);
  border-bottom: 1px solid var(--tc_colorMain5);
}
.the-cacao .tc-l-header__logo .black {
  display: none;
}
.the-cacao .tc-l-header__logo .white {
  display: block;
}
.the-cacao .tc-l-header__btn {
  color: #fff;
}
.the-cacao .tc-l-header__btn-icon {
  border-color: #fff;
}
.the-cacao .tc-l-header__btn-icon::before, .the-cacao .tc-l-header__btn-icon::after {
  background-color: #fff;
}

.the-cacao-history {
  color: white;
  overflow: hidden;
  background-size: cover;
}
.the-cacao-history .page-top__text {
  letter-spacing: 0.12em;
}
.the-cacao-history .history__anchor-link {
  margin-top: calc(49 / var(--tc_SpDesign) * 100vw);
  position: relative;
  z-index: 2;
  margin-bottom: calc(56 / var(--tc_SpDesign) * 100vw);
  font-size: 13px;
}
.the-cacao-history .history-anchor-link__list {
  display: flex;
}
.the-cacao-history .history-anchor-link__item {
  list-style: none;
  border-left: 1px solid #fff;
  width: 50%;
}
.the-cacao-history .history-anchor-link__item:last-of-type {
  border-right: 1px solid #fff;
}
.the-cacao-history .history-anchor-link__link {
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px 0;
}
.the-cacao-history .history-anchor-link__link picture {
  display: flex;
  align-items: center;
  margin-left: calc(3 / var(--tc_SpDesign) * 100vw);
}
.the-cacao-history .history-anchor-link__link img {
  margin-left: 4px;
}
.the-cacao-history .history__contents {
  position: relative;
  z-index: 2;
}
.the-cacao-history .history__contents._1 {
  background: url("/products/brand/the-cacao/assets/img/history/bg_history_mobile.png") no-repeat top center;
  padding-bottom: calc(81 / var(--tc_SpDesign) * 100vw);
  background-size: cover;
}
.the-cacao-history .history__contents._2 {
  background: url("/products/brand/the-cacao/assets/img/history/bg_history02_mobile.png") no-repeat top center;
  background-size: 100%;
  padding-top: calc(85 / var(--tc_SpDesign) * 100vw);
  padding-bottom: calc(80 / var(--tc_SpDesign) * 100vw);
  background-size: cover;
}
.the-cacao-history .history__list {
  position: relative;
  z-index: 1;
}
.the-cacao-history .history__item {
  list-style: none;
}
.the-cacao-history .history__item .tc-m-book-item__inner {
  display: flex;
}
.the-cacao-history .history__item .tc-m-book-item__heading {
  font-size: calc(24 / var(--tc_SpDesign) * 100vw);
  line-height: 1.4;
}
.the-cacao-history .the-cacao-parallax-bg {
  position: relative;
  z-index: 1;
  aspect-ratio: 375/261;
}

.the-cacao .tc-l-footer {
  position: relative;
  z-index: 2;
  margin-top: 0;
}

@media (min-width: 768px) {
  .the-cacao-history {
    background-size: cover;
  }
  .the-cacao-history .history__anchor-link {
    max-width: 634px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 92px;
  }
  .the-cacao-history .history-anchor-link__link {
    font-size: 17px;
  }
  .the-cacao-history .history__contents._1 {
    background: url("/products/brand/the-cacao/assets/img/history/bg_history_pc.png") no-repeat top center;
    padding-bottom: 125px;
    background-size: cover;
  }
  .the-cacao-history .history__contents._2 {
    padding-top: 152px;
    background: url("/products/brand/the-cacao/assets/img/history/bg_history02_pc.png") no-repeat top center;
    padding-bottom: 145px;
    background-size: 100%;
    background-size: cover;
  }
  .the-cacao-history .history__contents._2 .history__item {
    margin-top: 120px;
  }
  .the-cacao-history .history__contents._2 .history__item:first-of-type {
    margin-top: 57px;
  }
  .the-cacao-history .history__contents._2 .tc-m-book-img {
    margin-top: 0;
  }
  .the-cacao-history .history__contents._2 .tc-m-book-item__text-contents {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .the-cacao-history .history__item:not(:first-of-type) {
    margin-top: 109px;
  }
  .the-cacao-history .history__item:first-of-type {
    margin-top: 43px;
  }
  .the-cacao-history .history__item .tc-m-book-item--left .tc-m-book-item__text-contents {
    padding-left: clamp(32px, 10vw, 144px);
  }
  .the-cacao-history .history__item .tc-m-book-item--right .tc-m-book-item__inner {
    flex-direction: row-reverse;
  }
  .the-cacao-history .history__item .tc-m-book-item--right .tc-m-book-item__text-contents {
    padding-right: clamp(32px, 10vw, 144px);
  }
  .the-cacao-history .history__item .tc-m-book-img {
    max-width: 640px;
    margin-top: 52px;
  }
  .the-cacao-history .history__item .tc-m-book-img__img {
    width: min(44.444444vw, 640px);
  }
  .the-cacao-history .history__item .tc-m-book-item__heading {
    font-size: 28px;
  }
  .the-cacao-history .history__item .tc-m-book-item__heading::after {
    bottom: 5px;
  }
  .the-cacao-history .the-cacao-parallax-bg {
    aspect-ratio: 1440/436;
  }
}

@media (max-width: 767px) {
  .the-cacao-history .history__item {
    margin-top: calc(23 / var(--tc_SpDesign) * 100vw);
  }
  .the-cacao-history .history__item:not(:first-of-type) {
    margin-top: calc(35 / var(--tc_SpDesign) * 100vw);
  }
  .the-cacao-history .history__item .tc-m-book-item__inner {
    flex-direction: column-reverse;
  }
  .the-cacao-history .history__item .tc-m-book-img {
    margin-top: 32px;
  }
  .the-cacao-history .history__item .tc-m-book-item__heading--upper::after {
    bottom: 1.4em;
  }
}