@charset "UTF-8";
body {
  --color-page-bg: #fffcf4;
}

#Wrap {
  width: 100%;
  background: var(--color-page-bg);
}

.wrapBottom,
.wrapTop {
  width: 100%;
  max-width: unset;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 *(100vw / 1400));
  }
}
#ckPhilosophy {
  --font-en: "adobe-caslon-pro", serif;
  --font-jp-sans: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  --font-jp-serif: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho", "メイリオ", serif;
  --color-font-main: #33302a;
  --content-max-width: 119rem;
  --color-content-bg: #f2efe9;
  font-family: var(--font-jp-sans);
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  color: var(--color-font-main);
  width: 90%;
  max-width: var(--content-max-width);
  margin: 0 auto;
  -webkit-padding-before: 7.5rem;
          padding-block-start: 7.5rem;
  -webkit-padding-after: 15rem;
          padding-block-end: 15rem;
}
#ckPhilosophy img, #ckPhilosophy svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 769px) {
  #ckPhilosophy img, #ckPhilosophy svg {
    image-rendering: -webkit-optimize-contrast;
  }
}
#ckPhilosophy span {
  display: inline-block;
}
#ckPhilosophy.page__container .--ff-eng {
  font-family: var(--font-en);
  font-weight: 400;
}
#ckPhilosophy.page__container .page__title {
  text-align: center;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 5.6rem;
  letter-spacing: 0.05em;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
  -webkit-padding-end: 0.3rem;
          padding-inline-end: 0.3rem;
}
#ckPhilosophy.page__container .page__title .title__span {
  font-size: 5rem;
  letter-spacing: 0.035em;
  -webkit-transform: translateY(0.2rem) translateX(0.2rem);
          transform: translateY(0.2rem) translateX(0.2rem);
}
#ckPhilosophy.page__container .page__content .content__title {
  text-align: center;
  font-family: var(--font-jp-serif);
  font-weight: 500;
  line-height: 3.8rem;
  letter-spacing: 0.09em;
}
#ckPhilosophy.page__container .page__content .content__text {
  text-align: center;
  font-family: var(--font-jp-sans);
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.09em;
}
#ckPhilosophy.page__container .page__content .block__grid {
  display: grid;
}
#ckPhilosophy.page__container .page__content .block__title {
  font-family: var(--font-jp-serif);
  font-weight: 500;
  font-size: 2.7rem;
  line-height: 1.4074074074;
  letter-spacing: 0.09em;
}
#ckPhilosophy.page__container .page__content .block__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#ckPhilosophy.page__container .page__content .block__list li .list__order {
  font-family: var(--font-en);
  color: var(--color-list-order);
  opacity: 0.4;
  font-weight: 400;
  font-style: italic;
  font-size: 4.7rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
#ckPhilosophy.page__container .page__content .block__list li .list__content {
  -webkit-padding-before: 0.4rem;
          padding-block-start: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.9rem;
  line-height: 1.8947368421;
  letter-spacing: 0.05em;
}
#ckPhilosophy.page__container .page__content .block__list li .list__content .list__note {
  display: block;
  font-size: 1.6rem;
  line-height: 2.0625;
  letter-spacing: 0.05em;
}
#ckPhilosophy.page__container .page__content.--bg-color {
  background: var(--color-content-bg);
}
#ckPhilosophy.page__container .page__content.--bg-color + .--bg-color {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}
#ckPhilosophy.page__container .page__content.--hero {
  -webkit-padding-before: 8.7rem;
          padding-block-start: 8.7rem;
  -webkit-padding-after: 13rem;
          padding-block-end: 13rem;
}
#ckPhilosophy.page__container .page__content.--hero .content__title.--ttl-primary {
  font-size: 3.8rem;
  -webkit-padding-after: 5.25rem;
          padding-block-end: 5.25rem;
}
#ckPhilosophy.page__container .page__content.--hero .content__title.--ttl-secondary {
  font-size: 3rem;
  -webkit-padding-after: 5.8rem;
          padding-block-end: 5.8rem;
  -webkit-padding-start: 1.8rem;
          padding-inline-start: 1.8rem;
}
#ckPhilosophy.page__container .page__content.--hero .content__text {
  font-family: var(--font-jp-serif);
  font-weight: 500;
  -webkit-padding-after: 4.6rem;
          padding-block-end: 4.6rem;
  line-height: 2.2777777778;
  -webkit-padding-start: 1.1rem;
          padding-inline-start: 1.1rem;
}
#ckPhilosophy.page__container .page__content.--hero .content__image.--brand-logo {
  width: 23rem;
  margin-inline: auto;
  -webkit-transform: translateX(-0.3rem);
          transform: translateX(-0.3rem);
}
#ckPhilosophy.page__container .page__content.--promise {
  -webkit-padding-before: 7rem;
          padding-block-start: 7rem;
  -webkit-padding-after: 11.4rem;
          padding-block-end: 11.4rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__title {
  font-size: 4.1rem;
  -webkit-padding-after: 5.5rem;
          padding-block-end: 5.5rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__title .title__span {
  padding-inline: 1rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__text {
  line-height: 2;
  letter-spacing: 0.07em;
  -webkit-padding-start: 0.9rem;
          padding-inline-start: 0.9rem;
  -webkit-padding-after: 8.15rem;
          padding-block-end: 8.15rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient {
  --color-list-order: #779367;
  -webkit-padding-after: 9.3rem;
          padding-block-end: 9.3rem;
  padding-inline: 9.14rem 8rem;
  text-align: center;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__grid {
  grid-template-columns: 40.5rem 1fr;
  -webkit-column-gap: 10rem;
     -moz-column-gap: 10rem;
          column-gap: 10rem;
  -webkit-padding-after: 6.3rem;
          padding-block-end: 6.3rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__title {
  -webkit-padding-after: 4.2rem;
          padding-block-end: 4.2rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__image {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__text {
  -webkit-padding-before: 8.4rem;
          padding-block-start: 8.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list {
  text-align: left;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li {
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) .list__content .list__note {
  -webkit-transform: translateX(-0.4rem);
          transform: translateX(-0.4rem);
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) .list__content .list__note .list__sub-list {
  -webkit-transform: translateX(-0.4rem);
          transform: translateX(-0.4rem);
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li + li {
  -webkit-padding-before: 3.4rem;
          padding-block-start: 3.4rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half {
  display: inline-block;
  -webkit-padding-end: 0.6rem;
          padding-inline-end: 0.6rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li {
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li + li {
  -webkit-padding-before: 3.45rem;
          padding-block-start: 3.45rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li:nth-child(n+2) .list__order {
  -webkit-transform: translateX(-0.2rem);
          transform: translateX(-0.2rem);
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment {
  --color-list-order: #B74121;
  -webkit-padding-after: 11rem;
          padding-block-end: 11rem;
  padding-inline: 9.14rem 9.2rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__grid {
  grid-template-columns: 1fr 38rem;
  -webkit-column-gap: 8rem;
     -moz-column-gap: 8rem;
          column-gap: 8rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__title {
  -webkit-padding-after: 3.55rem;
          padding-block-end: 3.55rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__text {
  -webkit-padding-before: 3.2rem;
          padding-block-start: 3.2rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li {
  -webkit-column-gap: 1.8rem;
     -moz-column-gap: 1.8rem;
          column-gap: 1.8rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(2) {
  -webkit-padding-before: 2.8rem;
          padding-block-start: 2.8rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(3) {
  -webkit-padding-before: 3.5rem;
          padding-block-start: 3.5rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(3) .list__order {
  -webkit-transform: translateX(0.4rem);
          transform: translateX(0.4rem);
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(4) {
  -webkit-padding-before: 3.4rem;
          padding-block-start: 3.4rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(4) .list__order {
  -webkit-transform: translateX(0.4rem);
          transform: translateX(0.4rem);
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture {
  --color-list-order: #93A6CC;
  text-align: center;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__image {
  width: 40rem;
  margin-inline: auto;
  -webkit-padding-after: 4.5rem;
          padding-block-end: 4.5rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__title {
  text-align: center;
  -webkit-padding-after: 4rem;
          padding-block-end: 4rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list {
  display: inline-block;
  text-align: left;
  -webkit-padding-start: 0.9rem;
          padding-inline-start: 0.9rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li .list__order {
  -webkit-transform: translateY(-0.1rem);
          transform: translateY(-0.1rem);
}
#ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li + li {
  -webkit-padding-before: 2.7rem;
          padding-block-start: 2.7rem;
}
#ckPhilosophy.page__container .page__content.--guarantee {
  --color-list-order: #AF8975;
  -webkit-padding-before: 8.1rem;
          padding-block-start: 8.1rem;
  -webkit-padding-after: 12rem;
          padding-block-end: 12rem;
  text-align: center;
}
#ckPhilosophy.page__container .page__content.--guarantee .content__title {
  -webkit-padding-after: 5.8rem;
          padding-block-end: 5.8rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span {
  display: block;
}
#ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span.--l {
  font-size: 4.1rem;
  letter-spacing: 0.09em;
}
#ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span.--s {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
#ckPhilosophy.page__container .page__content.--guarantee .content__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 7.6rem;
     -moz-column-gap: 7.6rem;
          column-gap: 7.6rem;
  line-height: 2;
  -webkit-padding-start: 7.5rem;
          padding-inline-start: 7.5rem;
  -webkit-padding-after: 7.2rem;
          padding-block-end: 7.2rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .content__text .content__misc {
  width: 16rem;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
#ckPhilosophy.page__container .page__content.--guarantee .content__image {
  width: 26rem;
  margin-inline: auto;
  -webkit-padding-after: 8.9rem;
          padding-block-end: 8.9rem;
  -webkit-padding-start: 3.5rem;
          padding-inline-start: 3.5rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .block__list {
  display: inline-block;
  text-align: left;
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .block__list li {
  -webkit-column-gap: 1.8rem;
     -moz-column-gap: 1.8rem;
          column-gap: 1.8rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(1) .text__span {
  padding-inline: 0.4rem;
}
#ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(1) .list__note {
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
  -webkit-transform: translateX(-1.2rem);
          transform: translateX(-1.2rem);
}
@media (min-width: 769px) {
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(2), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(4), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(7) {
    -webkit-padding-before: 3.5rem;
            padding-block-start: 3.5rem;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(3), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(5), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(6) {
    -webkit-padding-before: 2.8rem;
            padding-block-start: 2.8rem;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(7) .list__note {
    -webkit-padding-before: 2.1rem;
            padding-block-start: 2.1rem;
    -webkit-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem);
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(n+2) .list__order {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}
@media (min-width: 769px) {
  #ckPhilosophy .--sp-component {
    display: none;
  }
}

@media (max-width: 768px) {
  #ckPhilosophy {
    width: 100%;
    max-width: unset;
    margin: unset;
    -webkit-padding-before: calc(85* (100vw / 750));
            padding-block-start: calc(85* (100vw / 750));
    -webkit-padding-after: calc(200* (100vw / 750));
            padding-block-end: calc(200* (100vw / 750));
  }
  #ckPhilosophy .--pc-component {
    display: none;
  }
  #ckPhilosophy.page__container .page__title {
    font-size: calc(40* (100vw / 750));
    line-height: calc(70* (100vw / 750));
    -webkit-padding-after: calc(13* (100vw / 750));
            padding-block-end: calc(13* (100vw / 750));
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
  #ckPhilosophy.page__container .page__title .title__span {
    font-size: calc(56* (100vw / 750));
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content .content__title {
    line-height: calc(38* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content .content__text {
    font-size: calc(29* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content .block__grid {
    display: block;
  }
  #ckPhilosophy.page__container .page__content .block__title {
    text-align: center;
    font-size: calc(44* (100vw / 750));
    line-height: calc(38* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content .block__list li {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: calc(5* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content .block__list li .list__order {
    font-size: calc(66* (100vw / 750));
    line-height: 1;
  }
  #ckPhilosophy.page__container .page__content .block__list li .list__content {
    -webkit-padding-before: unset;
            padding-block-start: unset;
    font-size: calc(32* (100vw / 750));
    line-height: 1.9375;
    text-align: center;
  }
  #ckPhilosophy.page__container .page__content .block__list li .list__content .list__note {
    font-size: calc(29* (100vw / 750));
    line-height: 2;
    text-align: center;
  }
  #ckPhilosophy.page__container .page__content.--bg-color {
    width: calc(710* (100vw / 750));
    margin-inline: auto;
  }
  #ckPhilosophy.page__container .page__content.--bg-color + .--bg-color {
    -webkit-margin-before: calc(30* (100vw / 750));
            margin-block-start: calc(30* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--hero {
    -webkit-padding-before: calc(86* (100vw / 750));
            padding-block-start: calc(86* (100vw / 750));
    -webkit-padding-after: calc(176* (100vw / 750));
            padding-block-end: calc(176* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--hero .content__title.--ttl-primary {
    font-size: calc(44* (100vw / 750));
    -webkit-padding-after: calc(72* (100vw / 750));
            padding-block-end: calc(72* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--hero .content__title.--ttl-secondary {
    font-size: calc(44* (100vw / 750));
    -webkit-padding-after: calc(82* (100vw / 750));
            padding-block-end: calc(82* (100vw / 750));
    -webkit-padding-start: calc(25* (100vw / 750));
            padding-inline-start: calc(25* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--hero .content__text {
    -webkit-padding-after: calc(73* (100vw / 750));
            padding-block-end: calc(73* (100vw / 750));
    line-height: 1.9310344828;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    padding-inline: calc(68* (100vw / 750)) calc(50* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--hero .content__image.--brand-logo {
    width: calc(350* (100vw / 750));
    margin-inline: auto;
    -webkit-transform: translateX(calc(1* (100vw / 750)));
            transform: translateX(calc(1* (100vw / 750)));
  }
  #ckPhilosophy.page__container .page__content.--promise {
    -webkit-padding-before: calc(52* (100vw / 750));
            padding-block-start: calc(52* (100vw / 750));
    -webkit-padding-after: calc(165* (100vw / 750));
            padding-block-end: calc(165* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__title {
    font-size: calc(56* (100vw / 750));
    line-height: 1.3928571429;
    -webkit-padding-after: calc(59* (100vw / 750));
            padding-block-end: calc(59* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__title .title__span {
    padding-inline: 0 calc(14* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__text {
    line-height: 2.1;
    letter-spacing: 0.09em;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-after: calc(113* (100vw / 750));
            padding-block-end: calc(113* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient {
    -webkit-padding-after: unset;
            padding-block-end: unset;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__grid {
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    -webkit-padding-after: unset;
            padding-block-end: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__title {
    -webkit-padding-after: calc(81* (100vw / 750));
            padding-block-end: calc(81* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__image {
    width: calc(610* (100vw / 750));
    margin-inline: auto;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__text {
    -webkit-padding-before: calc(64* (100vw / 750));
            padding-block-start: calc(64* (100vw / 750));
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li {
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) {
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) .list__order {
    -webkit-transform: translateY(calc(1* (100vw / 750))) translateX(calc(1* (100vw / 750)));
            transform: translateY(calc(1* (100vw / 750))) translateX(calc(1* (100vw / 750)));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) .list__content .list__note {
    -webkit-transform: unset;
            transform: unset;
    -webkit-padding-before: calc(30* (100vw / 750));
            padding-block-start: calc(30* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li:nth-child(2) .list__content .list__note .list__sub-list {
    -webkit-transform: unset;
            transform: unset;
    -webkit-padding-before: calc(24* (100vw / 750));
            padding-block-start: calc(24* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--first-half li + li {
    -webkit-padding-before: calc(90* (100vw / 750));
            padding-block-start: calc(90* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half {
    -webkit-padding-before: calc(94* (100vw / 750));
            padding-block-start: calc(94* (100vw / 750));
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li {
    -webkit-column-gap: 1.2rem;
       -moz-column-gap: 1.2rem;
            column-gap: 1.2rem;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li + li {
    -webkit-padding-before: 3.45rem;
            padding-block-start: 3.45rem;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li:nth-child(n+2) .list__order {
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li:nth-child(2) {
    -webkit-padding-before: calc(90* (100vw / 750));
            padding-block-start: calc(90* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li:nth-child(2) .list__order {
    -webkit-transform: translateY(calc(1* (100vw / 750))) translateX(calc(1* (100vw / 750)));
            transform: translateY(calc(1* (100vw / 750))) translateX(calc(1* (100vw / 750)));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--ingredient .block__list.--last-half li:nth-child(3) {
    -webkit-padding-before: calc(78* (100vw / 750));
            padding-block-start: calc(78* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment {
    -webkit-padding-before: calc(160* (100vw / 750));
            padding-block-start: calc(160* (100vw / 750));
    -webkit-padding-after: calc(168* (100vw / 750));
            padding-block-end: calc(168* (100vw / 750));
    padding-inline: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__grid {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__title {
    -webkit-padding-after: calc(80* (100vw / 750));
            padding-block-end: calc(80* (100vw / 750));
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__text {
    -webkit-padding-before: calc(63* (100vw / 750));
            padding-block-start: calc(63* (100vw / 750));
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__image {
    width: calc(570* (100vw / 750));
    margin-inline: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li {
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(2) {
    -webkit-padding-before: calc(90* (100vw / 750));
            padding-block-start: calc(90* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(2) .list__order {
    -webkit-transform: translateY(calc(1* (100vw / 750)));
            transform: translateY(calc(1* (100vw / 750)));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(3) {
    -webkit-padding-before: calc(91* (100vw / 750));
            padding-block-start: calc(91* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(3) .list__order {
    -webkit-transform: translateY(calc(1* (100vw / 750)));
            transform: translateY(calc(1* (100vw / 750)));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(4) {
    -webkit-padding-before: calc(90* (100vw / 750));
            padding-block-start: calc(90* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--environment .block__list li:nth-child(4) .list__order {
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__image {
    width: calc(550* (100vw / 750));
    margin-inline: auto;
    -webkit-padding-after: calc(63* (100vw / 750));
            padding-block-end: calc(63* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__title {
    text-align: center;
    -webkit-padding-after: calc(80* (100vw / 750));
            padding-block-end: calc(80* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li {
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li .list__order {
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--promise .content__inner-block.--manufacture .block__list li + li {
    -webkit-padding-before: calc(91* (100vw / 750));
            padding-block-start: calc(91* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee {
    -webkit-padding-before: calc(101* (100vw / 750));
            padding-block-start: calc(101* (100vw / 750));
    -webkit-padding-after: calc(168* (100vw / 750));
            padding-block-end: calc(168* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__title {
    -webkit-padding-after: calc(81* (100vw / 750));
            padding-block-end: calc(81* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span {
    display: block;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span.--l {
    font-size: calc(56* (100vw / 750));
    line-height: 1.3928571429;
    -webkit-padding-after: calc(13* (100vw / 750));
            padding-block-end: calc(13* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__title .title__span.--s {
    font-size: calc(30* (100vw / 750));
    letter-spacing: 0.1em;
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__text {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: calc(56* (100vw / 750));
    line-height: 2.1;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-after: calc(79* (100vw / 750));
            padding-block-end: calc(79* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__text .content__misc {
    width: calc(220* (100vw / 750));
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .content__image {
    width: calc(400* (100vw / 750));
    margin-inline: auto;
    -webkit-padding-after: calc(133* (100vw / 750));
            padding-block-end: calc(133* (100vw / 750));
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li {
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(1) .text__span {
    padding-inline: calc(6* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(1) .list__note {
    -webkit-padding-before: calc(39* (100vw / 750));
            padding-block-start: calc(39* (100vw / 750));
    -webkit-transform: unset;
            transform: unset;
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li + li {
    -webkit-padding-before: calc(90* (100vw / 750));
            padding-block-start: calc(90* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(3) {
    -webkit-padding-before: calc(92* (100vw / 750));
            padding-block-start: calc(92* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(4), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(5), #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(6) {
    -webkit-padding-before: calc(87* (100vw / 750));
            padding-block-start: calc(87* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(7) {
    -webkit-padding-before: calc(91* (100vw / 750));
            padding-block-start: calc(91* (100vw / 750));
  }
  #ckPhilosophy.page__container .page__content.--guarantee .block__list li:nth-child(7) .list__note {
            padding: calc(78* (100vw / 750)) calc(78* (100vw / 750)) 0;
            font-size: calc(26* (100vw / 750)) !important;
  }
}
/*# sourceMappingURL=style.css.map */