/* //////////////////////////////////////////////////

Title : contents.scss
For   : Page/feature/2025/ss2nd_preorder/

Created       : 2025-04-01
Last Modified : 2025-04-01

==========================================

Content

////////////////////////////////////////////////// */
/**
 * contents
 */
.lp-lilybrown__contents-container, .lp-lilybrown__contents-block, .lp-lilybrown__contents-cell, .lp-lilybrown__contents-images {
  position: relative;
}
.lp-lilybrown__contents-container {
  -webkit-padding-after: var(--lp-global-spacer);
          padding-block-end: var(--lp-global-spacer);
  background-color: var(--color-white);
}
.lp-lilybrown__contents-shell {
  background-color: var(--color-white);
}
.lp-lilybrown__contents-shell:nth-child(1) {
  -webkit-padding-after: var(--lp-global-spacer);
          padding-block-end: var(--lp-global-spacer);
}
.lp-lilybrown__contents-block {
  display: grid;
  justify-content: center;
  -webkit-padding-before: var(--block-spacer, var(--lp-global-spacer));
          padding-block-start: var(--block-spacer, var(--lp-global-spacer));
}
.lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-cell:nth-child(1) {
  background-image: url(../../public/images/backgrounds/styling-001-001-bg.jpg);
  background-repeat: no-repeat;
}
.lp-lilybrown__contents-block--coordinate02 {
  --color-heading: var(--color-fresh-lime);
}
.lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images:nth-child(1) {
  background-image: url(../../public/images/backgrounds/styling-005-002-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) .carousel-pager__progress {
  background-color: rgba(255, 255, 255, 0.4);
}
.lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) .carousel-pager__progress::after {
  background-color: #fff;
}
.lp-lilybrown__contents-block--coordinate07 {
  --color-heading: var(--color-sky-breeze);
}
.lp-lilybrown__contents-block--coordinate08 {
  --color-heading: var(--color-lavender-mist);
}
.lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-cell:nth-child(2) {
  background-image: url(../../public/images/backgrounds/styling-008-002-bg.jpg);
  background-repeat: no-repeat;
}
.lp-lilybrown__contents-block--coordinate09 {
  --lp-global-spacer: 0;
}
.lp-lilybrown__contents-block--coordinate11 {
  --color-heading: var(--color-sky-breeze);
}
.lp-lilybrown__contents-block--coordinate16 {
  --color-heading: var(--color-ocean-deep);
}
.lp-lilybrown__contents-heading, .lp-lilybrown__contents-catchcopy {
  position: var(--position, absolute);
  top: 0;
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  font-family: var(--font-en-serif);
  pointer-events: none;
  z-index: var(--zindex-overlay);
  writing-mode: vertical-rl;
  line-height: 1;
}
.lp-lilybrown__contents-heading {
  --color: var(--color-heading);
}
.lp-lilybrown__contents-catchcopy {
  --color: var(--color-ruby-red);
  font-style: italic;
}
.lp-lilybrown__contents-prices {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: var(--flex-direction, row);
  font-family: var(--font-en-sans);
  line-height: 1;
}
.lp-lilybrown__contents-prices > * {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-lilybrown__contents-block {
    grid-template-columns: 100%;
  }
  .lp-lilybrown__contents-block--coordinate01 {
    row-gap: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-cell:nth-child(1) {
    -webkit-padding-before: calc(70 * var(--rate));
            padding-block-start: calc(70 * var(--rate));
    -webkit-padding-start: calc(70 * var(--rate));
            padding-inline-start: calc(70 * var(--rate));
    -webkit-padding-end: calc(30 * var(--rate));
            padding-inline-end: calc(30 * var(--rate));
    background-size: calc(550 * var(--rate));
    background-position: top left;
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 {
    row-gap: calc(123 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-cell:nth-child(2) {
    padding-block: calc(124.7 * var(--rate));
    padding-inline: calc(125 * var(--rate));
    background-image: linear-gradient(160deg, #eef7df 0%, #fffff3 78%, #e8f7d0 100%);
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-heading {
    right: calc(-50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-prices {
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate04 {
    --block-spacer: calc(162 * var(--rate));
    grid-template-rows: calc(710 * var(--rate)) calc(50 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell {
    align-items: start;
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
    -webkit-padding-end: calc(180 * var(--rate));
            padding-inline-end: calc(180 * var(--rate));
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2/span 2;
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate05 {
    row-gap: calc(121 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images:nth-child(1) {
    -webkit-padding-before: calc(90 * var(--rate));
            padding-block-start: calc(90 * var(--rate));
    padding-inline: calc(90 * var(--rate));
    -webkit-padding-after: calc(118 * var(--rate));
            padding-block-end: calc(118 * var(--rate));
    background-size: cover;
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate06 {
    row-gap: calc(120 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-cell:nth-child(1) {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-cell:nth-child(2) {
    overflow: hidden;
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images {
    width: calc(850 * var(--rate));
    -webkit-margin-start: calc(-100 * var(--rate));
            margin-inline-start: calc(-100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 {
    grid-template-rows: auto calc(120 * var(--rate)) auto calc(161 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-row: 1;
    -webkit-padding-end: calc(60 * var(--rate));
            padding-inline-end: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 3;
    -webkit-padding-start: calc(100 * var(--rate));
            padding-inline-start: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
    padding-inline: calc(30 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2)::before {
    content: "";
    position: absolute;
    top: calc(400 * var(--rate));
    left: 0;
    width: calc(330 * var(--rate));
    height: calc(1200 * var(--rate));
    background-image: linear-gradient(150deg, #d3e5e3 0%, #fefff3 39%, #cadaea 100%);
    z-index: var(--zindex-behind);
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-row: 5;
    padding-inline: calc(125 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(1) {
    margin-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-heading {
    right: calc(-50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 {
    row-gap: calc(122 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-cell:nth-child(1) {
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-cell:nth-child(2) {
    --cell-gap: calc(90 * var(--rate));
    -webkit-padding-before: var(--cell-gap);
            padding-block-start: var(--cell-gap);
    padding-inline: var(--cell-gap);
    background-size: calc(100% - var(--cell-gap) * 2);
    background-position: top left;
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-heading {
    right: calc(17 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 {
    grid-template-rows: auto calc(122 * var(--rate)) auto calc(160 * var(--rate)) auto calc(160 * var(--rate)) calc(880 * var(--rate)) calc(120 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 3;
    -webkit-padding-end: calc(100 * var(--rate));
            padding-inline-end: calc(100 * var(--rate));
    overflow: hidden;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images {
    width: calc(690 * var(--rate));
    -webkit-margin-start: calc(-40 * var(--rate));
            margin-inline-start: calc(-40 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-row: 5;
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(1) {
    -webkit-margin-start: calc(100 * var(--rate));
            margin-inline-start: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(2) {
    -webkit-margin-end: calc(100 * var(--rate));
            margin-inline-end: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(4) {
    grid-row: 7/span 2;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(5) {
    grid-row: 8/span 2;
    padding-inline: calc(70 * var(--rate));
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-catchcopy {
    right: calc(-57 * var(--rate));
    -webkit-padding-end: calc(32 * var(--rate));
            padding-inline-end: calc(32 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate10 {
    grid-template-rows: auto calc(122 * var(--rate)) calc(563 * var(--rate)) calc(50 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 3/span 2;
    -webkit-padding-start: calc(30 * var(--rate));
            padding-inline-start: calc(30 * var(--rate));
    -webkit-padding-end: calc(260 * var(--rate));
            padding-inline-end: calc(260 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-row: 4/span 2;
    -webkit-padding-start: calc(190 * var(--rate));
            padding-inline-start: calc(190 * var(--rate));
    -webkit-padding-end: calc(30 * var(--rate));
            padding-inline-end: calc(30 * var(--rate));
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 {
    row-gap: calc(122 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-cell:nth-child(2) {
    padding-block: calc(120 * var(--rate));
    padding-inline: calc(90 * var(--rate));
    background-image: linear-gradient(150deg, #ccddda 0%, #edf4e1 50%);
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-prices > *:nth-child(1) {
    -webkit-margin-start: calc(100 * var(--rate));
            margin-inline-start: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-prices > *:nth-child(2) {
    -webkit-margin-end: calc(100 * var(--rate));
            margin-inline-end: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-heading {
    right: calc(-54 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate12 {
    grid-template-rows: auto calc(122 * var(--rate)) calc(503 * var(--rate)) calc(110 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 3/span 2;
    -webkit-padding-start: calc(290 * var(--rate));
            padding-inline-start: calc(290 * var(--rate));
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-row: 4/span 2;
    -webkit-padding-end: calc(220 * var(--rate));
            padding-inline-end: calc(220 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 {
    grid-template-rows: auto calc(120 * var(--rate)) auto calc(162 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(1) {
    overflow: hidden;
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(1) .lp-lilybrown__contents-images {
    width: calc(850 * var(--rate));
    -webkit-margin-start: calc(-70 * var(--rate));
            margin-inline-start: calc(-70 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 3;
    padding-inline: calc(70 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-prices {
    padding-inline: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-row: 5;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-images {
    padding-block: calc(50 * var(--rate));
    padding-inline: calc(50 * var(--rate));
    background-size: 100%;
    background-image: url(../../public/images/backgrounds/styling-013-003-bg.jpg);
    background-repeat: no-repeat;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate14 {
    --block-spacer: calc(162 * var(--rate));
    grid-template-rows: calc(657 * var(--rate)) calc(50 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-cell {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-row: 1/span 2;
    -webkit-padding-start: calc(220 * var(--rate));
            padding-inline-start: calc(220 * var(--rate));
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-row: 2/span 2;
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-prices {
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate15 {
    row-gap: calc(120 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate15 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images {
    padding-inline: calc(90 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate15 .lp-lilybrown__contents-cell:nth-child(2) .carousel-pager {
    -webkit-margin-before: calc(42 * var(--rate));
            margin-block-start: calc(42 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate16 {
    row-gap: calc(122 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(2) {
    -webkit-padding-start: calc(140 * var(--rate));
            padding-inline-start: calc(140 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(3) {
    --cell-gap: calc(100 * var(--rate));
    width: calc(600 * var(--rate));
    -webkit-padding-before: var(--cell-gap);
            padding-block-start: var(--cell-gap);
    -webkit-padding-start: var(--cell-gap);
            padding-inline-start: var(--cell-gap);
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--cell-gap));
    height: calc(100% - var(--cell-gap));
    background-image: linear-gradient(335deg, #e3f3f7 0%, #fefff3 61%, #e3f3f7 100%);
    z-index: var(--zindex-behind);
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-heading {
    right: calc(-50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-prices {
    --prices-gap: calc(50 * var(--rate));
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate17 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-heading {
    font-size: calc(28 * var(--rate));
  }
  .lp-lilybrown__contents-catchcopy {
    font-size: calc(40 * var(--rate));
  }
  .lp-lilybrown__contents-prices {
    --letter-spacing: .015em;
    -webkit-margin-before: var(--prices-gap, calc(48 * var(--rate)));
            margin-block-start: var(--prices-gap, calc(48 * var(--rate)));
    -moz-column-gap: calc(18 * var(--rate));
         column-gap: calc(18 * var(--rate));
    row-gap: calc(18 * var(--rate));
    font-size: calc(24 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-lilybrown__contents-block--coordinate01 {
    grid-template-columns: calc(460 * var(--rate)) calc(430 * var(--rate));
    -moz-column-gap: calc(60 * var(--rate));
         column-gap: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-cell {
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2;
    -webkit-padding-before: calc(67 * var(--rate));
            padding-block-start: calc(67 * var(--rate));
    -webkit-padding-end: calc(70 * var(--rate));
            padding-inline-end: calc(70 * var(--rate));
    background-size: calc(300 * var(--rate));
    background-position: top right;
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate01 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 {
    grid-template-columns: calc(360 * var(--rate)) calc(460 * var(--rate));
    grid-template-rows: calc(230 * var(--rate)) 1fr;
    -moz-column-gap: calc(380 * var(--rate));
         column-gap: calc(380 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-cell:nth-child(2) {
    --cell-gap: calc(80 * var(--rate));
    grid-column: 1;
    grid-row: 2;
    -webkit-padding-before: var(--cell-gap);
            padding-block-start: var(--cell-gap);
    -webkit-padding-start: var(--cell-gap);
            padding-inline-start: var(--cell-gap);
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-cell:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--cell-gap));
    height: calc(100% - var(--cell-gap));
    background-image: linear-gradient(160deg, #eef7df 0%, #fffff3 78%, #e8f7d0 100%);
    z-index: var(--zindex-behind);
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-heading {
    right: calc(-28 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate02 .lp-lilybrown__contents-prices {
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate03 {
    grid-template-columns: calc(460 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate03 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate04 {
    grid-template-columns: calc(410 * var(--rate)) calc(320 * var(--rate));
    -moz-column-gap: calc(100 * var(--rate));
         column-gap: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell {
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2;
    padding-block: calc(60 * var(--rate));
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 1;
  }
  .lp-lilybrown__contents-block--coordinate04 .lp-lilybrown__contents-prices {
    --prices-gap: calc(19 * var(--rate));
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate05 {
    grid-template-columns: calc(470 * var(--rate)) calc(290 * var(--rate)) calc(170 * var(--rate)) calc(470 * var(--rate));
    row-gap: calc(101 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2/span 2;
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 3/span 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images:nth-child(1) {
    padding-block: calc(45 * var(--rate));
    padding-inline: calc(45 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate05 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate06 {
    --block-spacer: 0;
    grid-template-columns: calc(100 * var(--rate)) calc(285 * var(--rate)) calc(75 * var(--rate)) calc(555 * var(--rate)) calc(385 * var(--rate));
    grid-template-rows: calc(401 * var(--rate)) 1fr;
    -webkit-margin-before: calc(-188 * var(--rate));
            margin-block-start: calc(-188 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2/span 2;
    z-index: var(--zindex-overlay);
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 3/span 2;
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate06 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 {
    grid-template-columns: calc(150 * var(--rate)) calc(360 * var(--rate)) calc(50 * var(--rate)) calc(280 * var(--rate)) calc(50 * var(--rate)) calc(410 * var(--rate)) calc(100 * var(--rate));
    grid-template-rows: calc(190 * var(--rate)) auto calc(101 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 6;
    grid-row: 1/span 2;
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(30 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(2)::before {
    content: "";
    position: absolute;
    top: calc(240 * var(--rate));
    right: calc(-110 * var(--rate));
    width: calc(170 * var(--rate));
    height: calc(648 * var(--rate));
    background-image: linear-gradient(to top, #cadaea 0%, #fefff3 61%, #d3e5e3 100%);
    z-index: var(--zindex-behind);
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-column: 4;
    grid-row: 4;
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(1) {
    margin-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate07 .lp-lilybrown__contents-heading {
    right: calc(-28 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 {
    grid-template-columns: calc(380 * var(--rate)) calc(410 * var(--rate));
    grid-template-rows: calc(60 * var(--rate)) 1fr;
    -moz-column-gap: calc(127 * var(--rate));
         column-gap: calc(127 * var(--rate));
    --block-spacer: calc(103 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-cell:nth-child(2) {
    --cell-gap: calc(60 * var(--rate));
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    -webkit-padding-start: var(--cell-gap);
            padding-inline-start: var(--cell-gap);
    -webkit-padding-after: var(--cell-gap);
            padding-block-end: var(--cell-gap);
    background-size: calc(100% - var(--cell-gap));
    background-position: bottom left;
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-heading {
    right: calc(-28 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate08 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 {
    grid-template-columns: calc(100 * var(--rate)) calc(120 * var(--rate)) calc(250 * var(--rate)) calc(40 * var(--rate)) calc(20 * var(--rate)) calc(150 * var(--rate)) calc(190 * var(--rate)) calc(60 * var(--rate)) calc(10 * var(--rate)) calc(460 * var(--rate));
    grid-template-rows: auto calc(80 * var(--rate)) calc(230 * var(--rate)) auto calc(263 * var(--rate)) auto calc(197 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 4/span 5;
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(1) .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 2/span 3;
    grid-row: 3/span 2;
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-column: 10;
    grid-row: 4/span 3;
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(30 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(1) {
    -webkit-margin-start: calc(100 * var(--rate));
            margin-inline-start: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices > *:nth-child(2) {
    -webkit-margin-end: calc(100 * var(--rate));
            margin-inline-end: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(4) {
    grid-column: 3/span 4;
    grid-row: 6/span 3;
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-cell:nth-child(5) {
    grid-column: 6/span 2;
    grid-row: 8;
  }
  .lp-lilybrown__contents-block--coordinate09 .lp-lilybrown__contents-catchcopy {
    right: calc(-37 * var(--rate));
    -webkit-padding-end: calc(10 * var(--rate));
            padding-inline-end: calc(10 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate10 {
    grid-template-columns: calc(260 * var(--rate)) calc(30 * var(--rate)) calc(300 * var(--rate)) calc(150 * var(--rate)) calc(460 * var(--rate));
    grid-template-rows: calc(180 * var(--rate)) calc(117 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell {
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 5;
    grid-row: 1/span 3;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2/span 2;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-column: 3;
    grid-row: 3;
  }
  .lp-lilybrown__contents-block--coordinate10 .lp-lilybrown__contents-prices {
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 {
    grid-template-columns: repeat(2, calc(460 * var(--rate)));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-cell {
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-cell:nth-child(2) {
    padding-block: calc(93.3 * var(--rate));
    padding-inline: calc(70 * var(--rate));
    background: linear-gradient(to top, #edf4e1 50%, #ccddda 100%);
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-prices > *:nth-child(1) {
    -webkit-margin-start: calc(100 * var(--rate));
            margin-inline-start: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-prices > *:nth-child(2) {
    -webkit-margin-end: calc(100 * var(--rate));
            margin-inline-end: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate11 .lp-lilybrown__contents-heading {
    right: calc(-28 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate12 {
    grid-template-columns: calc(240 * var(--rate)) calc(60 * var(--rate)) calc(200 * var(--rate)) calc(340 * var(--rate)) calc(460 * var(--rate)) calc(100 * var(--rate));
    grid-template-rows: calc(190 * var(--rate)) calc(270 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell {
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 5;
    grid-row: 1/span 3;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 2/span 2;
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-cell:nth-child(3) {
    grid-column: 1/span 2;
    grid-row: 3;
  }
  .lp-lilybrown__contents-block--coordinate12 .lp-lilybrown__contents-prices {
    padding-inline: calc(60 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 {
    grid-template-columns: calc(120 * var(--rate)) calc(260 * var(--rate)) calc(80 * var(--rate)) calc(400 * var(--rate)) calc(160 * var(--rate)) calc(280 * var(--rate)) calc(100 * var(--rate));
    grid-template-rows: auto calc(100 * var(--rate)) calc(170 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell {
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 3/span 3;
    grid-row: 1;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 3/span 2;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(20 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(3) {
    --cel-gap: calc(80 * var(--rate));
    grid-column: 5/span 2;
    grid-row: 4;
    -webkit-padding-before: var(--cel-gap);
            padding-block-start: var(--cel-gap);
    -webkit-padding-end: var(--cel-gap);
            padding-inline-end: var(--cel-gap);
    background-image: url(../../public/images/backgrounds/styling-013-003-bg.jpg);
    background-repeat: no-repeat;
    background-size: calc(100% - var(--cel-gap));
    background-position: top right;
  }
  .lp-lilybrown__contents-block--coordinate13 .lp-lilybrown__contents-cell:nth-child(3) .lp-lilybrown__contents-prices {
    --prices-gap: calc(22 * var(--rate));
    padding-inline: calc(50 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate14 {
    grid-template-columns: calc(350 * var(--rate)) calc(110 * var(--rate)) calc(190 * var(--rate));
    grid-template-rows: calc(210 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 2/span 2;
    grid-row: 1/span 2;
    align-self: start;
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 2;
  }
  .lp-lilybrown__contents-block--coordinate14 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate15 {
    grid-template-columns: calc(232 * var(--rate)) calc(350 * var(--rate)) calc(460 * var(--rate)) calc(234 * var(--rate));
    grid-template-rows: calc(70 * var(--rate)) 1fr;
    -moz-column-gap: calc(125 * var(--rate));
         column-gap: calc(125 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate15 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 3;
    grid-row: 1/span 2;
  }
  .lp-lilybrown__contents-block--coordinate15 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
  }
  .lp-lilybrown__contents-block--coordinate15 .lp-lilybrown__contents-cell:nth-child(2) .lp-lilybrown__contents-images {
    width: calc(320 * var(--rate));
    margin-inline: auto;
  }
  .lp-lilybrown__contents-block--coordinate16 {
    grid-template-columns: calc(100 * var(--rate)) calc(340 * var(--rate)) calc(30 * var(--rate)) calc(400 * var(--rate)) calc(60 * var(--rate)) calc(280 * var(--rate)) calc(190 * var(--rate));
    grid-template-rows: calc(423 * var(--rate)) auto calc(100 * var(--rate)) 1fr;
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell {
    align-self: start;
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(1) {
    grid-column: 4/span 2;
    grid-row: 1/span 2;
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(2) {
    grid-column: 5/span 2;
    grid-row: 2/span 3;
    z-index: var(--zindex-base);
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(3) {
    --cell-gap: calc(60 * var(--rate));
    grid-column: 2;
    grid-row: 4;
    -webkit-padding-start: var(--cell-gap);
            padding-inline-start: var(--cell-gap);
    -webkit-padding-before: var(--cell-gap);
            padding-block-start: var(--cell-gap);
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-cell:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--cell-gap));
    height: calc(100% - var(--cell-gap));
    background-image: linear-gradient(160deg, #e3f3f7 0%, #fefff3 39%, #e3f3f7 100%);
    z-index: var(--zindex-behind);
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-heading {
    right: calc(-28 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate16 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate17 {
    grid-template-columns: calc(460 * var(--rate));
  }
  .lp-lilybrown__contents-block--coordinate17 .lp-lilybrown__contents-prices {
    --prices-gap: calc(20 * var(--rate));
    padding-inline: calc(100 * var(--rate));
  }
  .lp-lilybrown__contents-heading {
    font-size: calc(16 * var(--rate));
  }
  .lp-lilybrown__contents-catchcopy {
    font-size: calc(24 * var(--rate));
  }
  .lp-lilybrown__contents-prices {
    -webkit-margin-before: var(--prices-gap, calc(18.5 * var(--rate)));
            margin-block-start: var(--prices-gap, calc(18.5 * var(--rate)));
    -moz-column-gap: calc(9 * var(--rate));
         column-gap: calc(9 * var(--rate));
    row-gap: calc(9 * var(--rate));
    font-size: calc(12 * var(--rate));
  }
}
/*# sourceMappingURL=contents.css.map */