html {
  font-size: 62.5%;
}
@font-face {
  font-family: "Advent Pro";
  src: url(../font/AdventPro-Bold.ttf);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240202 picture {
  width: 100%;
  height: 100%;
}
.lilybrown_240202 img,
.lilybrown_240202 video,
.lilybrown_240202 svg {
  display: block;
  width: 100%;
  height: auto;
}
.lilybrown_240202 {
  --f_color-white: #fff;
  --f_color-black: #2d2d2d;
  --f_color-blue01: #88c4e5;
  --f_color-blue02: #063f72;
  --f_color-blue03: #457eab;

  --bg_color-01: #ffd7cc;
  --bg_color-02: #e4efea;
  --bg_color-03: #fff1e1;
  --bg_color-04: #caedec;
  --bg_color-05: #ffebdc;
  --bg_color-06: #ffeef2;
  --bg_color-07: #f9f6de;

  --font-gothic-txt: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  --font-goldenbook-txt: "goldenbook", serif;
  --font_advent: "Advent Pro";
}

.lilybrown_240202 .fontJa {
  font-family: var(--font-gothic-txt);
  font-weight: 500;
  font-feature-settings: "palt";
}
.lilybrown_240202 .fontEn {
  font-family: var(--font_advent);
  font-weight: 400;
}
.lilybrown_240202 .bgWhite {
  position: relative;
  z-index: 2;
}
/* .lilybrown_240202 .bgWhite:hover {
  opacity: 0.5;
} */
.lilybrown_240202 .bgWhite::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--f_color-white);
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .lilybrown_240202 .spOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .lilybrown_240202 .pcOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common model
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240202 .model.type01 {color: var(--f_color-blue01);background-color: var(--bg_color-01);}
.lilybrown_240202 .model.type02 {color: var(--f_color-blue02);background-color: var(--bg_color-02);}
.lilybrown_240202 .model.type03 {color: var(--f_color-blue01);background-color: var(--bg_color-03);}
.lilybrown_240202 .model.type04 {color: var(--f_color-black);background-color: var(--bg_color-04);}
.lilybrown_240202 .model.type05 {color: var(--f_color-blue03);background-color: var(--bg_color-05);}
.lilybrown_240202 .model.type06 {color: var(--f_color-blue02);background-color: var(--bg_color-06);}
.lilybrown_240202 .model.type07 {color: var(--f_color-black);background-color: var(--bg_color-07);}
.lilybrown_240202 .model {
  padding-top: 10rem;
}




/*
//////////////////////////////////////////////////////////////////////////////////////////////
ALL
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240202{
  position: relative;
  font-feature-settings: "palt";
  font-family:  "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  background-color: #fff8eb;
}
.lilybrown_240202 .fv,
.lilybrown_240202 .sec{
  position: relative;
}
.lilybrown_240202 .fv_img{
  position: absolute;
}
.lilybrown_240202 .leadWrap{
  text-align: center;
}
.lilybrown_240202 .sec .section-ttl,
.lilybrown_240202 .sec .number {
  transform-origin: top left;
  transform: scale(0.89, 1);
  font-feature-settings: "palt";
  font-family: scotch-display-condensed, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.lilybrown_240202 .sec .number {position: absolute;}
.lilybrown_240202 .section-price{
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.04em;
}
.lilybrown_240202 .sec .section-ttl > span{
  display: block;
  white-space: nowrap;
}
.lilybrown_240202 .sec .bg-color{
  position: absolute;
  display: block;
}
.lilybrown_240202 .sec .img-wrapper{
  position: relative;
  z-index: 5;
}



/*
//////////////////////////////////////////////////////////////////////////////////////////////
SP
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
  .lilybrown_240202{
  margin: 0 auto calc(185 * (100vw / 750));
  }
  .lilybrown_240202 .fv_img{
    top: calc(230 * (100vw / 750));
    left: calc(40 * (100vw / 750));
    width: calc(636 * (100vw / 750));
  }
  .lilybrown_240202 .fv_lead {
    position: absolute;
    top: calc(160 * (100vw / 750));
    right: calc(28 * (100vw / 750));
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
    font-size: calc(27 * (100vw / 750));
    font-weight: 300;
    letter-spacing: 0.03em;
  }
  .lilybrown_240202 .leadWrap{
    margin: calc(80 * (100vw / 750)) auto calc(135 * (100vw / 750));
    font-feature-settings: normal;
    font-size: calc(24 * (100vw / 750));
    font-weight: 300;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }

  /* sec */
  .lilybrown_240202 .sec .section-ttl{
    font-size: calc(60 * (100vw / 750));
    line-height: 1;
  }
  .lilybrown_240202 .sec .section-ttl span span{
    font-size: calc(78 * (100vw / 750));
    margin-right: calc(0 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--01 .section-ttl span:nth-of-type(2){
    margin-top: calc(0 * (100vw / 750));
    margin-left: calc(233 * (100vw / 750));
  }
  .lilybrown_240202 .section-price{
    margin-top: calc(35 * (100vw / 750));
    font-size: calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .section-price span{
    white-space: nowrap;
    font-size: calc(25 * (100vw / 750));
    margin-right: calc(15 * (100vw / 750));
  }
  .lilybrown_240202 .sec .number {
    font-size: calc(152 * (100vw / 750));
    letter-spacing: 0;
  }

  /* sec 01 */
  .lilybrown_240202 .sec.--01{
    padding: calc(80 * (100vw / 750)) 0 calc(180 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--01 .img-wrapper.--01{
    width: calc(700 * (100vw / 750));
    margin: 0 auto 0 calc(20 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--01 .section-ttl{
    margin-top: calc(54 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--01 .bg-color{
    top: 0;
    right: 0;
    width: calc(160 * (100vw / 750));
    height: calc(760 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--01 .bg-color{
    background-color: #edecc5;
  }
  .lilybrown_240202 .sec.--01 .number{
    top: calc(-171 * (100vw / 750));
    right: calc(-7 * (100vw / 750));
    color: #edecc5;
  }
  .lilybrown_240202 .sec.--01 .img-wrapper.--02{
    width: calc(590 * (100vw / 750));
    margin: calc(125 * (100vw / 750)) auto 0;
  }

  /* sec 02 */
  .lilybrown_240202 .sec.--02{
    padding: 0 0 calc(380 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--02 .img-wrapper.--01{
    width: calc(700 * (100vw / 750));
    margin: 0 auto 0 calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--02 .section-ttl{
    margin-top: calc(54 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--02 .bg-color{
    top: calc(760 * (100vw / 750));
    left: 0;
    width: calc(540 * (100vw / 750));
    height: calc(540 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--02 .bg-color{
    background-color: #fff2cf;
  }
  .lilybrown_240202 .sec.--02 .number{
    top: calc(10 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    color: #fff8e9;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--02 .section-price {
    margin-top: calc(35 * (100vw / 750));
  }

  /* sec 03 */
  .lilybrown_240202 .sec.--03{
    padding: 0 0 calc(180 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--03 .img-wrapper.--01{
    width: calc(610 * (100vw / 750));
    margin: 0 auto calc(30 * (100vw / 750)) calc(100 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--03 .section-ttl{
    position: absolute;
    transform: rotate(90deg) scale(0.89, 1);
    transform-origin: bottom left;
    top: calc(78 * (100vw / 750));
    left: calc(12 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--03 .bg-color{
    top: calc(370 * (100vw / 750));
    right: 0;
    width: calc(700 * (100vw / 750));
    height: calc(780 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--03 .bg-color{
    background-color: #ebe5cf;
  }
  .lilybrown_240202 .sec.--03 .number{
    top: calc(-122 * (100vw / 750));
    right: calc(-9 * (100vw / 750));
    color: #eae4ce;
  }
  .lilybrown_240202 .sec.--03 .img-wrapper.--02{
    width: calc(570 * (100vw / 750));
    margin: 0 auto 0 calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--03 .section-price {
    margin: calc(50 * (100vw / 750)) 0 0 calc(25 * (100vw / 750));
  }

  /* sec 04 */
  .lilybrown_240202 .sec.--04{
    padding: 0 0 calc(135 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--04 .img-wrapper.--01{
    width: calc(560 * (100vw / 750));
    margin: 0 auto calc(30 * (100vw / 750)) calc(165 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--04 .section-ttl{
    position: relative;
    transform-origin: top center;
    transform: scale(0.89, 1);
    width: fit-content;
    margin: 0 auto calc(45 * (100vw / 750));
    text-align: center;
  }
  .lilybrown_240202 .sec.--04 .section-ttl > span:nth-of-type(1){
    position: absolute;
    top: calc(-10 * (100vw / 750));
    left: calc(-70 * (100vw / 750));
    width: calc(46 * (100vw / 750));
    height: calc(41 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--04 .section-ttl span{
    margin: 0!important;
  }
  .lilybrown_240202 .sec.--04 .bg-color{
    top: calc(1360 * (100vw / 750));
    left: 0;
    width: calc(630 * (100vw / 750));
    height: calc(540 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--04 .bg-color{
    background-color: #ffeadd;
  }
  .lilybrown_240202 .sec.--04 .number{
    top: calc(138 * (100vw / 750));
    left: calc(-140 * (100vw / 750));
    color: #ffeadd;
  }
  .lilybrown_240202 .sec.--04 .img-wrapper.--02{
    width: calc(670 * (100vw / 750));
    margin: 0 auto calc(70 * (100vw / 750)) calc(40 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--04 .section-price {
    margin: calc(50 * (100vw / 750)) 0 0 calc(-15 * (100vw / 750));
  }

  /* sec 05 */
  .lilybrown_240202 .sec.--05{
    padding: 0 0 calc(140 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .img-wrapper.--01{
    width: calc(600 * (100vw / 750));
    margin: 0 auto calc(30 * (100vw / 750)) calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .section-ttl{
    position: relative;
    width: fit-content;
    margin: 0 auto calc(45 * (100vw / 750)) calc(195 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .section-ttl span:nth-of-type(2) {
    margin-left: calc(115 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .bg-color{
    top: calc(1000 * (100vw / 750));
    right: calc(50 * (100vw / 750));
    width: calc(270 * (100vw / 750));
    height: calc(680 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .bg-color{
    background-color: #eee6db;
  }
  .lilybrown_240202 .sec.--05 .number{
    top: calc(10 * (100vw / 750));
    left: calc(40 * (100vw / 750));
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--05 .img-wrapper.--02{
    width: calc(700 * (100vw / 750));
    margin: 0 auto calc(145 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--05 .section-price {
    white-space: nowrap;
    width: fit-content;
    margin: calc(50 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 06 */
  .lilybrown_240202 .sec.--06{
    padding: 0 0 calc(140 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--06 .img-wrapper.--01{
    width: calc(670 * (100vw / 750));
    margin: calc(95 * (100vw / 750)) auto calc(30 * (100vw / 750)) calc(55 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--06 .section-ttl {
    position: absolute;
    transform: rotate(90deg) scale(0.89, 1);
    transform-origin: bottom left;
    bottom: calc(672 * (100vw / 750));
    right: calc(-495 * (100vw / 750));
  }
  .lilybrown_240202 .sec:not(.--01) .section-ttl span:nth-of-type(2) {
    margin-left: calc(115 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--06 .bg-color{
    top: calc(-95* (100vw / 750));
    left: calc(0 * (100vw / 750));
    width: calc(520 * (100vw / 750));
    height: calc(660 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--06 .bg-color{
    background-color: #f8eddb;
  }
  .lilybrown_240202 .sec.--06 .number{
    top: calc(-130 * (100vw / 750));
    right: calc(-35 * (100vw / 750));
    color: #f8eddb;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--06 .section-price {
    width: fit-content;
    margin: calc(50 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 07 */
  .lilybrown_240202 .sec.--07{
    padding: 0 0 calc(180 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--01{
    width: calc(700 * (100vw / 750));
    margin: 0 auto calc(90 * (100vw / 750)) calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--07 .section-ttl {
    position: absolute;
    transform: rotate(90deg) scale(0.89, 1);
    transform-origin: bottom left;
    top: calc(1006 * (100vw / 750));
    right: calc(-727 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--10 .section-ttl span:nth-of-type(2) {
    margin-left: calc(165 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--07 .bg-color{
    top: calc(1420 * (100vw / 750));
    right: calc(0 * (100vw / 750));
    width: calc(250 * (100vw / 750));
    height: calc(710 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--07 .bg-color{
    background-color: #f5ebea;
  }
  .lilybrown_240202 .sec.--07 .number{
    top: calc(10 * (100vw / 750));
    right: calc(7 * (100vw / 750));
    letter-spacing: 0.08em;
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02{
    width: calc(555 * (100vw / 750));
    margin: 0 auto 0 calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02 .section-img:nth-of-type(1){
    width: calc(410 * (100vw / 750));
    margin: 0 auto calc(28 * (100vw / 750)) 0;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02 .section-img:nth-of-type(2){
    width: calc(450 * (100vw / 750));
    margin: 0 0 0 auto;
  }
  .lilybrown_240202 .sec.--07 .section-price {
    width: fit-content;
    margin: calc(50 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 08 */
  .lilybrown_240202 .sec.--08{
    padding: 0 0 calc(255 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--08 .img-wrapper.--01{
    width: calc(670 * (100vw / 750));
    margin: 0 auto 0 calc(55 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--08 .bg-color{
    top: calc(460 * (100vw / 750));
    left: calc(0 * (100vw / 750));
    width: calc(230 * (100vw / 750));
    height: calc(624 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--08 .bg-color{
    background-color: #e6dec7;
  }
  .lilybrown_240202 .sec.--08 .number{
    top: calc(10 * (100vw / 750));
    right: calc(21 * (100vw / 750));
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--08 .section-ttl {
    margin: calc(50 * (100vw / 750)) auto 0;
  }
  .lilybrown_240202 .sec.--08 .section-price {
    width: fit-content;
    margin: calc(40 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 09 */
  .lilybrown_240202 .sec.--09{
    padding: 0 0 calc(160 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--09 .img-wrapper.--01{
    width: calc(610 * (100vw / 750));
    margin: 0 auto calc(45 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--09 .section-ttl{
    position: relative;
    width: fit-content;
    margin: calc(145 * (100vw / 750)) auto 0 calc(-25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--09 .section-ttl span:nth-of-type(2) {
    margin-left: calc(175 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--09 .bg-color{
    top: calc(880 * (100vw / 750));
    right: calc(0 * (100vw / 750));
    width: calc(300 * (100vw / 750));
    height: calc(510 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--09 .bg-color{
    background-color: #fff2d5;
  }
  .lilybrown_240202 .sec.--09 .number{
    top: calc(-120 * (100vw / 750));
    left: calc(-40 * (100vw / 750));
    color: #fff2d5;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--09 .img-wrapper.--02{
    width: calc(520 * (100vw / 750));
    margin: auto;
  }
  .lilybrown_240202 .sec.--09 .section-price {
    width: fit-content;
    margin: calc(50 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 10 */
  .lilybrown_240202 .sec.--10{
    padding: 0 0 calc(345 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--10 .img-wrapper.--01{
    width: calc(700 * (100vw / 750));
    margin: 0 auto 0 calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--10 .bg-color{
    top: calc(800 * (100vw / 750));
    left: calc(0 * (100vw / 750));
    width: calc(550 * (100vw / 750));
    height: calc(554 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--10 .bg-color{
    background-color: #e0e5c7;
  }
  .lilybrown_240202 .sec.--10 .number{
    top: calc(735 * (100vw / 750));
    right: calc(6 * (100vw / 750));
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--10 .section-ttl {
    margin: calc(55 * (100vw / 750)) auto 0;
  }
  .lilybrown_240202 .sec.--10 .section-price {
    width: fit-content;
    margin: calc(35 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* sec 11 */
  .lilybrown_240202 .sec.--11{
    padding: 0 0 calc(170 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--11 .img-wrapper.--01{
    width: calc(650 * (100vw / 750));
    margin: 0 auto 0 calc(25 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--11 .bg-color{
    top: calc(597 * (100vw / 750));
    right: calc(0 * (100vw / 750));
    width: calc(180 * (100vw / 750));
    height: calc(520 * (100vw / 750));
  }
  .lilybrown_240202 .sec.--11 .bg-color{
    background-color: #f0e4d4;
  }
  .lilybrown_240202 .sec.--11 .number{
    top: calc(-110 * (100vw / 750));
    right: calc(-88 * (100vw / 750));
    color: #f0e4d4;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--11 .section-ttl {
    margin: calc(55 * (100vw / 750)) auto 0;
  }
  .lilybrown_240202 .sec.--11 .section-price {
    width: fit-content;
    margin: calc(35 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }

  /* btn_all */
  .lilybrown_240202 .btn_all{
     width: calc(675 * (100vw / 750));
     margin: auto;
     padding: 0 0 calc(210 * (100vw / 750));
  }

  
  
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
PC
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .lilybrown_240202{
    margin: 0 auto 14.9rem;
  }
  .lilybrown_240202 .sec.--02 .section-price {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  line-height: 1.9;
  }
  .lilybrown_240202 .fv{
    /* transform: translateX(3.5rem); */
    width: 95rem;
    margin: auto;
  }
  .lilybrown_240202  .fv a{
    position: relative;
    left: 3.5rem;
  }
  .lilybrown_240202 .fv_img{
    top: 6rem;
    left: 0rem;
    width: 41.8rem;
  }
  .lilybrown_240202 .leadWrap{
    margin: 7.3rem auto 9rem;
    font-feature-settings: normal;
    font-size: 1.5rem;
    line-height: 2.25;
    letter-spacing: 0.025em;
  }

  /* sec */
  .lilybrown_240202 .sec .section-ttl{
    font-size: 5.0rem;
    line-height: 1;
  }
  .lilybrown_240202 .sec .section-ttl span span{
    font-size: 6.4rem;
    margin-right: .0rem;
  }
  .lilybrown_240202 .sec.--01 .section-ttl span:nth-of-type(2){
    margin-top: .0rem;
    margin-left: 19rem;
  }
  .lilybrown_240202 .section-price{
    margin-top: 2.8rem;
    font-size: 2.5rem;
    line-height: 1;
    text-align: left;
  }
  .lilybrown_240202 .section-price span{
    white-space: nowrap;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    text-align: left;
    margin-right: 0.6rem;
  }
  .lilybrown_240202 .sec .number {
    font-size: 11.2rem;
    letter-spacing: 0;
  }

  /* sec 01 */
  .lilybrown_240202 .sec.--01{
    width: 112rem;
    padding: 0 0 16.2rem;
    margin: auto;
  }
  .lilybrown_240202 .sec.--01 .section-inner{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .lilybrown_240202 .sec.--01 .img-wrapper.--01{
    width: 60.8rem;
    margin: 0;
  }
  .lilybrown_240202 .sec.--01 .section-ttl{
    margin-top: 5.4rem;
  }
  .lilybrown_240202 .sec.--01 .bg-color{
    top: 30rem;
    right: -7rem;
    width: 14rem;
    height: 48.0rem;
  }
  .lilybrown_240202 .sec.--01 .bg-color{
    background-color: #edecc5;
  }
  .lilybrown_240202 .sec.--01 .number{
    top: -12.2rem;
    left: .0rem;
    color: #edecc5;
  }
  .lilybrown_240202 .sec.--01 .img-wrapper.--02{
    width: 40.8rem;
    margin: 11rem 0 0;
  }

  /* sec 02 */
  .lilybrown_240202 .sec.--02{
    width: 100.5rem;
    padding: 0 0 7.5rem;
    margin: 0 auto 10.5rem;
  }
  .lilybrown_240202 .sec.--02 .img-wrapper.--01{
    width: 46.8rem;
    margin: 0 0 0 26.8rem;
  }
  .lilybrown_240202 .sec.--02 .section-ttl{
    position: absolute;
    bottom: 41rem;
    left: -6.4rem;
    transform: rotate(90deg) scale(0.89, 1);
    transform-origin: bottom left;
  }
  .lilybrown_240202 .sec.--02 .bg-color{
    bottom: 0;
    right: 0;
    width: 42.0rem;
    height: 42.0rem;
  }
  .lilybrown_240202 .sec.--02 .bg-color{
    background-color: #fff2cf;
  }
  .lilybrown_240202 .sec.--02 .number{
    top: 1.7rem;
    right: 1.2rem;
    color: #fff8e9;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--02 .section-price {
    position: absolute;
    left: 50rem;
    bottom: -0.5rem;
  }

  /* sec 03 */
  .lilybrown_240202 .sec.--03{
    width: 114rem;
    margin: auto;
    padding: 0 0 10rem;
  }
  .lilybrown_240202 .sec.--03 .section-inner{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 17.5rem;
  }
  .lilybrown_240202 .sec.--03 .img-wrapper.--01{
    width: 40.8rem;
  }
  .lilybrown_240202 .sec.--03 .section-ttl{
    position: absolute;
    top: 7rem;
    left: 2.8rem;
  }
  .lilybrown_240202 .sec.--03 .bg-color{
    top: 0;
    left: -5rem;
    width: 12.8rem;
    height: 48.0rem;
  }
  .lilybrown_240202 .sec.--03 .bg-color{
    background-color: #ebe5cf;
  }
  .lilybrown_240202 .sec.--03 .number{
    top: 9.8rem;
    right: -6.6rem;
    color: #eae4ce;
  }
  .lilybrown_240202 .sec.--03 .img-wrapper.--02{
    width: 40.8rem;
    margin: 0 2rem 0 0;
  }
  .lilybrown_240202 .sec.--03 .section-price, .lilybrown_240202 .sec.--04 .section-price, .lilybrown_240202 .sec.--05 .section-price,
  .lilybrown_240202 .sec.--06 .section-price {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: fit-content;
    line-height: 1.9;
    margin: 0 2.5rem -0.3rem 0;
  }

  /* sec 04 */
  .lilybrown_240202 .sec.--04{
    width: 120rem;
    padding: 0 0 7rem;
    margin: auto;
  }
  .lilybrown_240202 .sec.--04 .img-wrapper.--01{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 55.5rem;
    margin: -30.5rem 11rem 3.0rem auto;
  }
  .lilybrown_240202 .sec.--04 .img-wrapper.--01 .section-img{
    width: 40.8rem;
  }
  .lilybrown_240202 .sec.--04 .section-ttl{
    position: absolute;
    top: 16rem;
    left: 50.7rem;
    transform-origin: top center;
    transform: scale(0.89, 1);
    width: fit-content;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--04 .section-ttl > span:nth-of-type(1){
    position: absolute;
    top: -1rem;
    left: -5.4rem;
    width: 3.4rem;
    height: 3.4rem;
  }
  .lilybrown_240202 .sec.--04 .section-ttl span{
    margin: 0!important;
  }
  .lilybrown_240202 .sec.--04 .bg-color{
    top: 7.8rem;
    right: 0;
    width: 38.0rem;
    height: 38.0rem;
  }
  .lilybrown_240202 .sec.--04 .bg-color{
    background-color: #ffeadd;
  }
  .lilybrown_240202 .sec.--04 .number{
    top: -27.6rem;
    right: -11.6rem;
    color: #ffeadd;
  }
  .lilybrown_240202 .sec.--04 .img-wrapper.--02{
    width: 42.8rem;
  }
  .lilybrown_240202 .sec.--04 .section-price {
    margin: 5.0rem 0 -0.4rem;
  }

  /* sec 05 */
  .lilybrown_240202 .sec.--05{
    width: 120rem;
    margin: auto;
    padding: 0 0 26rem;
  }
  .lilybrown_240202 .sec.--05 .img-wrapper.--01{
    pointer-events: none;
    display: flex;
    width: 116rem;
    margin: 0 auto 0;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--05 .img-wrapper.--01 .section-img{
    pointer-events: all;
    width: 42.8rem;
  }
  .lilybrown_240202 .sec.--05 .section-ttl{
    position: relative;
    width: fit-content;
    margin: 6.1rem auto 0 8rem;
  }
  .lilybrown_240202 .sec.--05 .section-ttl span:nth-of-type(2) {
    margin-left: 11.8rem;
  }
  .lilybrown_240202 .sec.--05 .bg-color{
    top: 39.8rem;
    left: 23rem;
    width: 31.0rem;
    height: 68rem;
  }
  .lilybrown_240202 .sec.--05 .bg-color{
    background-color: #eee6db;
  }
  .lilybrown_240202 .sec.--05 .number{
    top: 1.8rem;
    left: 3.9rem;
    color: #fffbeb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--05 .img-wrapper.--02{
    width: 48.8rem;
    margin: 0 auto 7rem;
  }
  .lilybrown_240202 .sec.--05 .section-price {
    pointer-events: all;
    position: absolute;
    bottom: -0.2rem;
    left: 45.8rem;
    width: fit-content;
    z-index: 10;
  }

  /* sec 06 */
  .lilybrown_240202 .sec.--06{
    width: 110.4rem;
    margin: 0 auto 50rem;
  }
  .lilybrown_240202 .sec.--06 .img-wrapper.--01{
    position: absolute;
    top: -38.7rem;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 62.9rem;
    z-index: 5;
  }
  .lilybrown_240202 .sec.--06 .img-wrapper.--01 .section-img{
    position: relative;
    width: 45.8rem;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--06 .section-ttl {
    position: absolute;
    transform: rotate(90deg) scale(0.88, 1);
    transform-origin: bottom left;
    bottom: 42.2rem;
    right: -48.8rem;
  }
  .lilybrown_240202 .sec:not(.--01, .--05) .section-ttl span:nth-of-type(2) {
    margin-left: 9.8rem;
  }
  .lilybrown_240202 .sec.--06 .bg-color{
    top: 0rem;
    right: 30.8rem;
    width: 29rem;
    height: 29rem;
  }
  .lilybrown_240202 .sec.--06 .bg-color{
    background-color: #f8eddb;
  }
  .lilybrown_240202 .sec.--06 .number{
    top: -8rem;
    right: -6.2rem;
    color: #f8eddb;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--06 .section-price {
    width: fit-content;
    margin: 0 0 -0.4rem 0;
  }

  /* sec 07 */
  .lilybrown_240202 .sec.--07{
    width: 120rem;
    margin: 0 auto;
    padding: 0 0 10rem;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--01{
    width: 45.8rem;
    margin: 0;
  }
  .lilybrown_240202 .sec.--07 .section-ttl {
    position: absolute;
    top: 12rem;
    left: 53.5rem;
  }
  .lilybrown_240202 .sec.--10 .section-ttl span:nth-of-type(2) {
    margin-left: 13.5rem;
  }
  .lilybrown_240202 .sec.--07 .bg-color{
    top: 0rem;
    right: -3rem;
    width: 15.6rem;
    height: 47.0rem;
  }
  .lilybrown_240202 .sec.--07 .bg-color{
    background-color: #f5ebea;
  }
  .lilybrown_240202 .sec.--07 .number{
    top: -12.5rem;
    left: 0rem;
    color: #f5ebea;
    letter-spacing: 0.08em;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-end;
    width: 73.6rem;
    margin: -39rem 6rem 0 auto;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02 .section-img:nth-of-type(1){
    width: 35.8rem;
    margin-top: 22rem;
  }
  .lilybrown_240202 .sec.--07 .img-wrapper.--02 .section-img:nth-of-type(2){
    width: 35.8rem;
    margin: 0 0 0 auto;
  }
  .lilybrown_240202 .sec.--07 .section-price {
    width: 25rem;
    margin: 2rem 0 0 .0rem;
  }

  /* sec 08 */
  .lilybrown_240202 .sec.--08{
    width: 109rem;
    margin: auto;
    padding: 0 0 17.3rem;
  }
  .lilybrown_240202 .sec.--08 .img-wrapper.--01{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 1.7rem;
    width: 100%;
  }
  .lilybrown_240202 .sec.--08 .img-wrapper.--01 .section-img{
    width: 48.8rem;
    margin-right: 6rem;
  }
  .lilybrown_240202 .sec.--08 .bg-color{
    top: 14rem;
    left: .0rem;
    width: 11.6rem;
    height: 33.0rem;
  }
  .lilybrown_240202 .sec.--08 .bg-color{
    background-color: #e6dec7;
  }
  .lilybrown_240202 .sec.--08 .number{
    top: 1.7rem;
    right: 7.3rem;
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--08 .section-ttl {
    margin: 5.0rem auto 0;
  }
  .lilybrown_240202 .sec.--08 .section-price {
    width: 29rem;
    margin: 3rem 0 11rem;
  }

  /* sec 09 */
  .lilybrown_240202 .sec.--09{
    width: 115rem;
    margin: auto;
    padding: 0 0 10rem;
  }
  .lilybrown_240202 .sec.--09 .section-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .lilybrown_240202 .sec.--09 .img-wrapper.--01{
    width: 45.8rem;
    margin: 0;
    z-index: 10;
  }
  .lilybrown_240202 .sec.--09 .section-ttl{
    position: absolute;
    top: 16.2rem;
    left: 55.1rem;
    width: fit-content;
  }
  .lilybrown_240202 .sec.--09 .section-ttl span:nth-of-type(2) {
    margin-left: 14.4rem;
  }
  .lilybrown_240202 .sec.--09 .bg-color{
    top: 5.8rem;
    right: -2.5rem;
    width: 36rem;
    height: 39.7rem;
  }
  .lilybrown_240202 .sec.--09 .bg-color{
    background-color: #fff2d5;
  }
  .lilybrown_240202 .sec.--09 .number{
    top: -41.3rem;
    left: -65.3rem;
    color: #fff2d5;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--09 .img-wrapper.--02{
    width: 38.8rem;
    margin: 32.8rem 13.4rem 0 auto;
  }
  .lilybrown_240202 .sec.--09 .section-price {
  position: absolute;
  width: 26rem;
  bottom: -0.1rem;
  left: -25.7rem;
  }

  /* sec 10 */
  .lilybrown_240202 .sec.--10{
    width: 48.8rem;
    margin: auto;
    padding: 0 0 15.8rem;
  }
  .lilybrown_240202 .sec.--10 .img-wrapper.--01{
    width: 48.8rem;
    margin: 0;
  }
  .lilybrown_240202 .sec.--10 .bg-color{
    top: 37.8rem;
    left: -28rem;
    width: 40.0rem;
    height: 40rem;
  }
  .lilybrown_240202 .sec.--10 .bg-color{
    background-color: #e0e5c7;
  }
  .lilybrown_240202 .sec.--10 .number{
    top: 51.5rem;
    right: 1rem;
    color: #fff8eb;
    z-index: 1;
  }
  .lilybrown_240202 .sec.--10 .section-about{
    transform: translateX(-16rem);
  }
  .lilybrown_240202 .sec.--10 .section-ttl {
    margin: 5.3rem auto 0;
  }
  .lilybrown_240202 .sec.--10 .section-price {
    width: 39rem;
    margin: 2.7rem 0 0 .0rem;
  }

  /* sec 11 */
  .lilybrown_240202 .sec.--11{
    width: 87.7rem;
    margin: auto;
    padding: 0 0 12rem;
  }
  .lilybrown_240202 .sec.--11 .img-wrapper.--01{
    width: 45.8rem;
    margin: 0 0 0 auto;
  }
  .lilybrown_240202 .sec.--11 .bg-color{
    top: 28.8rem;
    left: -6.3rem;
    width: 13.0rem;
    height: 32.0rem;
  }
  .lilybrown_240202 .sec.--11 .bg-color{
    background-color: #f0e4d4;
  }
  .lilybrown_240202 .sec.--11 .number{
    top: -7.3rem;
    right: -7.3rem;
    color: #f0e4d4;
    z-index: -1;
  }
  .lilybrown_240202 .sec.--11 .section-about{
    position: absolute;
    top: 24.7rem;
    left: -40.8rem;
  }
  .lilybrown_240202 .sec.--11 .section-price {
    width: 27rem;
    margin: 3.1rem 0 0 .0rem;
  }

  /* btn_all */
  .lilybrown_240202 .btn_all{
     width: 42rem;
     margin: auto;
     padding: 0 0 15rem;
  }

}



/*
//////////////////////////////////////////////////////////////////////////////////////////////
Tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) and (max-width: 1400px) {}


/***************************** section-06 *****************************/

/***************************** animation *****************************/
.lilybrown_240202 .js_fade,
.lilybrown_240202 .js_d_fade {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 40px);
  transition: all ease 1.5s;
}

.lilybrown_240202 .js_fade.active,
.lilybrown_240202 .js_d_fade.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.lilybrown_240202 span.js_fade.active,
.lilybrown_240202 span.js_d_fade.active {
  opacity: 0.5;
}

/***************************** animation *****************************/