/*
* ingredients.css
*
*/
/* --------------------------------
  Ingredients
-------------------------------- */
.ly_page_mainArea {
  min-height: 100dvh;
  background-color: var(--srk-balancing-color-beige);
  color: var(--srk-balancing-color-brown);
}

.un_page_bg {
  display: none;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
}
@media (min-width: 768px) {
  .un_page_bg {
    display: grid;
  }
}

.un_page_bgImg {
  position: relative;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease;

  grid-area: 1/-1;
  mix-blend-mode: plus-lighter;
}
.un_page_bgImg img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.un_page_bgImg.is-hidden {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.un_kv {
  padding-block: min(6.4vw, 32px) min(14.9333333333vw, 74.6666666667px);
}

.un_kv_header {
  display: flex;
  justify-content: space-between;

  padding-inline-end: min(6.4vw, 32px);
  margin-block-end: min(6.4vw, 32px);
}

.un_kv_header_logo {
  display: block;
  width: min(31.7333333333vw, 158.6666666667px);
}
.un_kv_header_logo img {
  width: 100%;
  height: auto;
}

.un_kv_header_ttl {
  width: min(33.3333333333vw, 166.6666666667px);

  margin-block-start: min(6.4vw, 32px);
}
.un_kv_header_ttl img {
  width: 100%;
  height: auto;
}

.un_kv_heading {
  display: flex;
  flex-direction: column-reverse;

  margin-block-start: min(8.5333333333vw, 42.6666666667px);
}

.un_kv_ttl {
  display: block;
  font-size: min(8.5333333333vw, 42.6666666667px);
  font-weight: 400;
}

.un_kv_txt {
  letter-spacing: 0.04em;
  font-size: min(3.7333333333vw, 18.6666666667px);
  font-weight: 400;
  line-height: 1.4;
}

.un_section .un_section_img {
  translate: 0 0.35rem;
}
.un_section.un_section__1 {
  background-color: color-mix(in srgb, var(--srk-balancing-color-beige-2) 15%, transparent 85%);
}
.un_section.un_section__1 .ly_section_subPage_header_imgBlock {
  width: min(93.6vw, 468px);
}
.un_section.un_section__1 .ly_section_subPage_header_img {
  translate: 0 0.35rem;
}
.un_section.un_section__1 .un_section_imgBlock {
  margin: min(4.2666666667vw, 21.3333333333px) 0 0 auto;
  width: min(74.6666666667vw, 373.3333333333px);
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock {
  position: relative;
  width: min(95.7333333333vw, 478.6666666667px);

  aspect-ratio: 359/344;
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img {
  position: absolute;
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__1 {
  top: 0;
  left: 0;
  width: min(74.6666666667vw, 373.3333333333px);
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__2 {
  bottom: min(21.3333333333vw, 106.6666666667px);
  left: 0;
  width: min(21.3333333333vw, 106.6666666667px);
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__3 {
  right: 0;
  bottom: 0;
  width: min(72.2666666667vw, 361.3333333333px);

  aspect-ratio: 271/176;
}
.un_section.un_section__2 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__3 img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.un_section.un_section__3 {
  background-color: color-mix(in srgb, var(--srk-balancing-color-beige-2) 15%, transparent 85%);
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock {
  position: relative;
  width: min(87.4666666667vw, 437.3333333333px);

  aspect-ratio: 328/299;
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img {
  position: absolute;
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__1 {
  top: 0;
  left: 0;
  width: min(53.3333333333vw, 266.6666666667px);
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__2 {
  top: min(11.4666666667vw, 57.3333333333px);
  right: 0;
  width: min(32vw, 160px);
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__3 {
  bottom: 0;
  left: 0;
  width: min(74.6666666667vw, 373.3333333333px);

  aspect-ratio: 280/158;
}
.un_section.un_section__3 .ly_section_subPage_header_imgBlock .ly_section_subPage_header_img.ly_section_subPage_header_img__3 img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: left 50% top;
     object-position: left 50% top;
}
.un_section.un_section__3 .un_section_imgBlock.un_section_imgBlock__1 {
  margin: min(10.6666666667vw, 53.3333333333px) auto 0;
}
.un_section.un_section__3 .un_section_imgBlock.un_section_imgBlock__2 {
  margin: min(10.6666666667vw, 53.3333333333px) auto 0;
}
.un_section.un_section__3 .ly_section_subPage_txt:is(.un_section_imgBlock__1 + *) {
  margin-block-start: min(10.6666666667vw, 53.3333333333px);
}
.un_section.un_section__3 .un_section_imgBlock__2 {
  position: relative;

  aspect-ratio: 375/405;
}
.un_section.un_section__3 .un_section_imgBlock__2 .un_section_img {
  position: absolute;
}
.un_section.un_section__3 .un_section_imgBlock__2 .un_section_img.un_section_img__1 {
  top: 0;
  left: 0;
  width: min(57.6vw, 288px);
}
.un_section.un_section__3 .un_section_imgBlock__2 .un_section_img.un_section_img__2 {
  right: 0;
  bottom: 0;
  width: min(72.5333333333vw, 362.6666666667px);
}

.un_pageBack_btn {
  margin-block-start: min(21.3333333333vw, 106.6666666667px);
}