@charset "UTF-8";




.the-cacao .the-cacao-saku-chocolat {
  overflow: hidden;
  background: linear-gradient(0deg, #F4F4F4 0%, #F4F4F4 100%), var(--color-bg-inverse, #FFF);
  padding-block: calc(128 / var(--tc_SpDesign) * 100vw) calc(80 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat::before {
  content: "";
  display: block;
  width: calc(116 / var(--tc_SpDesign) * 100vw);
  aspect-ratio: 232/378;
  background: url("/products/brand/the-cacao/assets/img/saku-chocolat/bg01_sp.png") no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: calc(83 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-mv__heading__logo {
  width: calc(241 / var(--tc_SpDesign) * 100vw);
  margin-inline: auto;
  animation-delay: 0.3s;
}
.the-cacao .the-cacao-saku-chocolat .saku-mv__heading__logo img {
  width: 100%;
}
.the-cacao .the-cacao-saku-chocolat .saku-mv__visual {
  width: calc(364 / var(--tc_SpDesign) * 100vw);
  margin: calc(5 / var(--tc_SpDesign) * 100vw) auto 0;
  animation-delay: 0.4s;
}
.the-cacao .the-cacao-saku-chocolat .saku-about {
  position: relative;
  z-index: 1;
  padding-inline: calc(20 / var(--tc_SpDesign) * 100vw);
  margin-top: calc(6 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-about::before {
  content: "";
  display: block;
  width: calc(113 / var(--tc_SpDesign) * 100vw);
  aspect-ratio: 226/444;
  background: url("/products/brand/the-cacao/assets/img/saku-chocolat/bg02_sp.png") no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: calc(-74 / var(--tc_SpDesign) * 100vw);
  z-index: -1;
}
.the-cacao .the-cacao-saku-chocolat .saku-about__inner {
  background: rgba(255, 255, 255, 0.7);
  padding: calc(32 / var(--tc_SpDesign) * 100vw) 0 calc(30 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-about__texts {
  padding-inline: calc(24 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-about__heading {
  text-align: center;
  color: #005E6D;
  font-family: var(--tc_fontMincho);
  font-size: calc(28 / var(--tc_SpDesign) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.17em;
}
.the-cacao .the-cacao-saku-chocolat .saku-about__description {
  font-family: var(--tc_fontMincho);
  font-size: calc(18 / var(--tc_SpDesign) * 100vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.15em;
  margin-top: calc(16 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-about__description sup {
  font-size: calc(14 / var(--tc_SpDesign) * 100vw);
  vertical-align: super;
}
.the-cacao .the-cacao-saku-chocolat .saku-about__note {
  font-family: var(--tc_fontMincho);
  font-size: calc(14 / var(--tc_SpDesign) * 100vw);
  font-weight: 500;
  line-height: 2.6;
  letter-spacing: 0.08em;
  margin-top: calc(2 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-saku-chocolat .saku-about__image {
  width: calc(300 / var(--tc_SpDesign) * 100vw);
  margin: calc(18 / var(--tc_SpDesign) * 100vw) auto 0;
}
.the-cacao .the-cacao-saku-chocolat .saku-about__appeal {
  background: #A78941;
  color: #fff;
  font-size: calc(14 / var(--tc_SpDesign) * 100vw);
  line-height: 1.5;
  font-family: var(--tc_fontGothic);
  text-align: center;
  font-weight: var(--tc_gothicWeight_demiBold);
  width: calc(287 / var(--tc_SpDesign) * 100vw);
  margin: calc(34 / var(--tc_SpDesign) * 100vw) auto 0;
  padding-block: calc(10 / var(--tc_SpDesign) * 100vw);
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .the-cacao .the-cacao-saku-chocolat {
    padding-block: 84px 80px;
  }
  .the-cacao .the-cacao-saku-chocolat::before {
    width: clamp(0px,39.4vw,394px);
    aspect-ratio: 788/644;
    background-image: url("/products/brand/the-cacao/assets/img/saku-chocolat/bg01.png");
    position: absolute;
    left: max(50% - 637px, -40px);
    top: 0;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-mv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0px,2.5vw,25px);
    padding-inline: var(--tc_sidePaddingPc1);
  }
  .the-cacao .the-cacao-saku-chocolat .saku-mv__heading__logo {
    width: clamp(0px,34.9vw,349px);
    margin: clamp(-15px,-1.5vw,0px) 0 0 clamp(0px,3.8vw,38px);
  }
  .the-cacao .the-cacao-saku-chocolat .saku-mv__visual {
    width: clamp(0px,46.4vw,464px);
    margin: 0;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about {
    padding-inline: var(--tc_sidePaddingPc1);
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about::before {
    width: clamp(0px,32.2vw,322px);
    aspect-ratio: 644/910;
    background-image: url("/products/brand/the-cacao/assets/img/saku-chocolat/bg02.png");
    position: absolute;
    right: max(50% - 633px, -40px);
    top: 0;
    translate: 0 -27%;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about::after {
    content: "";
    display: block;
    aspect-ratio: 814/646;
    background: url("/products/brand/the-cacao/assets/img/saku-chocolat/bg03.png") no-repeat center center/contain;
    position: absolute;
    left: max(50% - 590px, -40px);
    bottom: 0;
    z-index: -1;
    width: clamp(0px,40.7vw,407px);
    translate: 0 26.5%;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__inner {
    max-width: 864px;
    margin: 28px auto 0;
    padding: 48px 0 80px;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__texts {
    padding-inline: 0;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__heading {
    font-size: 28px;
    letter-spacing: 0.15em;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__description {
    font-size: 18px;
    margin-top: 7px;
    text-align: center;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__description sup {
    font-size: 12px;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__note {
    font-size: 12px;
    margin-top: 2px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__image {
    width: 570px;
    margin: 29px auto 0;
  }
  .the-cacao .the-cacao-saku-chocolat .saku-about__appeal {
    font-size: 14px;
    width: 100%;
    max-width: 640px;
    margin: 18px auto 0;
    padding-block: 8px;
  }
}