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_240126 picture {
  width: 100%;
  height: 100%;
}
.lilybrown_240126 img,
.lilybrown_240126 video,
.lilybrown_240126 svg {
  display: block;
  width: 100%;
  height: auto;
}
.lilybrown_240126 {
  --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: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", "Meiryo", sans-serif;
  --font-goldenbook-txt: "goldenbook", serif;
  --font_advent: "Advent Pro";
}

.lilybrown_240126 .fontJa {
  font-family: var(--font-gothic-txt);
  font-weight: 500;
  font-feature-settings: "palt";
}
.lilybrown_240126 .fontEn {
  font-family: var(--font_advent);
  font-weight: 400;
}
.lilybrown_240126 .bgWhite {
  position: relative;
  z-index: 2;
}
/* .lilybrown_240126 .bgWhite:hover {
  opacity: 0.5;
} */
.lilybrown_240126 .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_240126 .spOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .pcOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common model
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .model.type01 {color: var(--f_color-blue01);background-color: var(--bg_color-01);}
.lilybrown_240126 .model.type02 {color: var(--f_color-blue02);background-color: var(--bg_color-02);}
.lilybrown_240126 .model.type03 {color: var(--f_color-blue01);background-color: var(--bg_color-03);}
.lilybrown_240126 .model.type04 {color: var(--f_color-black);background-color: var(--bg_color-04);}
.lilybrown_240126 .model.type05 {color: var(--f_color-blue03);background-color: var(--bg_color-05);}
.lilybrown_240126 .model.type06 {color: var(--f_color-blue02);background-color: var(--bg_color-06);}
.lilybrown_240126 .model.type07 {color: var(--f_color-black);background-color: var(--bg_color-07);}
.lilybrown_240126 .model {
  padding-top: 10rem;
}
.lilybrown_240126 .model__inner {
  width: 110rem;
  margin-inline: auto;
}
.lilybrown_240126 .model__wrapper--flex {
  display: flex;
  justify-content: space-between;
}
.lilybrown_240126 .model__wrapper--flex > div {
  height: fit-content;
}

.lilybrown_240126 .model__text {
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 3.1rem;
}
.lilybrown_240126 .type01 .model__text__title {
  font-size: 7.5rem;
  line-height: 1.0266666667;
  color: var(--f_color-white);
  letter-spacing: 0.01em;
}
.lilybrown_240126 .type01 .model__text__title > span {
  display: inline-block;
  color: var(--f_color-blue01);
}
.lilybrown_240126 .model__text__lead {
  font-size: 1.7rem;
  line-height: 2;
  letter-spacing: 0.06em;
  color: var(--f_color-white);
}

.lilybrown_240126 .model__sticky {
  position: sticky;
  width: 46rem;
  top: 0;
}

.lilybrown_240126 .model__description {
  padding-bottom: 10rem;
  padding-bottom: 10rem;
}
.lilybrown_240126 .model__description__title {
  position: relative;
  font-size: 3.4rem;
  line-height: 1;
  margin-top: -0.5rem;
  margin-bottom: 3.5rem;
  letter-spacing: 0.01em;
}
.lilybrown_240126 .model__description__wrapper {
  position: relative;
  z-index: 2;
}
.lilybrown_240126 .model__description__image {
  position: relative;
  z-index: 2;
}
.lilybrown_240126 .model__description__image > a {
  display: block;
}
.lilybrown_240126 .model__description__list {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  margin-top: 4rem;
}
.lilybrown_240126 .model__description__list--item {
  display: flex;
  align-items: center;
  column-gap: 2rem;
}
.lilybrown_240126 .model__description__list--item > picture {
  width: 2rem;
}
.lilybrown_240126 .model__description__list--item > span {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .model {
    padding-top: calc(10*100vw/750);;
  }
  .lilybrown_240126 .model__inner {
    width: calc(750*100vw/750);
  }
  .lilybrown_240126 .model__wrapper--flex {
    flex-direction: column;
  }
  
  .lilybrown_240126 .model__text {
    row-gap: calc(10*100vw/750);;
  }
  .lilybrown_240126 .type01 .model__text__title {
    font-size: calc(83*100vw/750);;
    line-height: 1;
  }
  .lilybrown_240126 .model__text__lead {
    font-size: calc(26*100vw/750);
    margin-top: calc(33*100vw/750);
  }
  
  .lilybrown_240126 .model__sticky {
    position: static;
    width: calc(670*100vw/750);;
    margin-inline: auto;
  }
  
  .lilybrown_240126 .model__description {
    padding-bottom: calc(120*100vw/750);;
  }
  .lilybrown_240126 .model__description__title {
    font-size: calc(52*100vw/750);;
    margin-top: calc(99*100vw/750);;
    margin-bottom: calc(42*100vw/750);
  }
  .lilybrown_240126 .model__description__credit {
    font-size: calc(28*100vw/750);;
  }
  .lilybrown_240126 .model__description__list {
    row-gap: calc(36*100vw/750);
    margin-top: calc(70*100vw/750);
  }
  .lilybrown_240126 .model__description__list--item {
    column-gap: calc(38*100vw/750);;
  }
  .lilybrown_240126 .model__description__list--item > picture {
    width: calc(36*100vw/750);;
  }
  .lilybrown_240126 .model__description__list--item > span {
    font-size: calc(36*100vw/750);;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type01 {
  padding-top: 6.7rem;
}
.lilybrown_240126 .type01 .model__inner {
  margin-top: 7.1rem;
}
.lilybrown_240126 .type01 .model__description {
  width: 46rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type01 {
    padding-top: calc(87*100vw/750);
  }
  .lilybrown_240126 .type01 .model__inner {
    margin-top: calc(86*100vw/750);
  }
  .lilybrown_240126 .type01 .model__description {
    width: calc(630*100vw/750);;
    margin-inline: auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type02 .model__description {
  width: 52rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type02 {
    padding-top: calc(0*100vw/750);;
  }
  .lilybrown_240126 .type02 .model__sticky {
    width: calc(750*100vw/750);;
  }
  .lilybrown_240126 .type02 .model__description {
    width: calc(650*100vw/750);;
    margin-inline: auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type03 .model__description {
  width: 54rem;
}
.lilybrown_240126 .type03 .model__description__list__wrapper {
  display: flex;
  justify-content: flex-start;
  column-gap: 6.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type03 {
    padding-top: calc(103*100vw/750);
  }
  .lilybrown_240126 .type03 .model__description {
    width: calc(670*100vw/750);;
    margin-inline: auto;
  }
  .lilybrown_240126 .type03 .model__description__list__wrapper {
    display: block;
    column-gap: calc(0*100vw/750);;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type04 .model__description {
  padding-bottom: 10rem;
}
.lilybrown_240126 .type04 .model__description__image01 {
  width: 43rem;
  margin-left: auto;
}
.lilybrown_240126 .type04 .model__description__image02 {
  display: flex;
  align-items: flex-end;
  position: relative;
  right: -2rem;
  margin-top: 6rem; 
  column-gap: 4rem;
}
.lilybrown_240126 .type04 .model__description__image02 .bgWhite {
  width: 33rem;
}
.lilybrown_240126 .type04 .model__description__image02 .model__description__list {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type04 {
    padding-top: calc(100*100vw/750);;
  }
  .lilybrown_240126 .type04 .model__description {
    padding-bottom: calc(130*100vw/750);
  }
  .lilybrown_240126 .type04 .model__description__image01 {
    width: calc(580*100vw/750);;
    margin-left: calc(130*100vw/750);;
  }
  .lilybrown_240126 .type04 .model__description__image02 {
    display: block;
    position: static;
    margin-top: calc(100*100vw/750);
    margin-left: calc(40*100vw/750);;
  }
  .lilybrown_240126 .type04 .model__description__image02 .bgWhite {
    width: calc(450*100vw/750);;
  }
  .lilybrown_240126 .type04 .model__description__image02 .model__description__list {
    margin-bottom: calc(10*100vw/750);;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type05 .model__description {
  width: 54rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type05 {
    padding-top: calc(100*100vw/750);;
  }
  .lilybrown_240126 .type05 .model__description {
    width: calc(670*100vw/750);;
    margin-inline: auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type06
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type06 .model__description {
  width: 46rem;
}
.lilybrown_240126 .type06 .model__description__image02 {
  margin-top: 1.9rem;
}
.lilybrown_240126 .type06 .model__description__image02 > a {
  margin-top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type06 {
    padding-top: calc(0*100vw/750);;
  }
  .lilybrown_240126 .type06 .model__sticky {
    width: calc(750*100vw/750);;
  }
  .lilybrown_240126 .type06 .model__description {
    width: calc(750*100vw/750);;
  }
  .lilybrown_240126 .type06 .model__description__title {
    margin-left: calc(110*100vw/750);
  }
  .lilybrown_240126 .type06 .model__description__image01 {
    width: calc(600*100vw/750);;
    margin-left: calc(110*100vw/750);;
  }
  .lilybrown_240126 .type06 .model__description__image02 {
    width: calc(570*100vw/750);;
    margin-top: calc(70*100vw/750);;
    margin-left: calc(40*100vw/750);;
  }
  .lilybrown_240126 .type06 .model__description__image02 > a {
    margin-top: 0;
  }
  .lilybrown_240126 .type06 .model__description__list {
    margin-left: calc(40*100vw/750);;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type07
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .type07 {
  padding-bottom: 10rem;
  margin-bottom: 14.8rem;
}
.lilybrown_240126 .type07 .model__description {
  padding-bottom: 0rem;
}
.lilybrown_240126 .type07 .model__description__image01 {
  width: 42rem;
  margin-left: auto;
}
.lilybrown_240126 .type07 .model__description__image02 {
  position: relative;
  left: -12rem;
  margin-top: 5.9rem;
}
.lilybrown_240126 .type07 .model__description__image02 .bgWhite {
  width: 42rem;
}
.lilybrown_240126 .type07 .model__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41.8rem;
  height: 7rem;
  margin: 10rem auto 0;
  border: 0.2rem solid var(--f_color-blue01);
  color: var(--f_color-blue01);
  font-size: 2.6rem;
  line-height: 1.5384615385;
}
.lilybrown_240126 .type07 .model__btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .lilybrown_240126 .type07 {
    padding-top: calc(100*100vw/750);;
    padding-bottom: calc(200*100vw/750);
    margin-bottom: calc(195*100vw/750);
  }
  .lilybrown_240126 .type07 .model__description {
    padding-bottom: calc(100*100vw/750);;
  }
  .lilybrown_240126 .type07 .model__description__image01 {
    width: calc(580*100vw/750);
    margin-left: calc(40*100vw/750);;
  }
  .lilybrown_240126 .type07 .model__description__image02 {
    position: static;
    width: calc(580*100vw/750);;
    margin-top: calc(100*100vw/750);
    margin-left: calc(130*100vw/750);;
  }
  .lilybrown_240126 .type07 .model__description__image02 .bgWhite {
    width: calc(580*100vw/750);;
  }
  .lilybrown_240126 .type07 .model__btn {
    width: calc(675*100vw/750);;
    height: calc(146*100vw/750);;
    margin: calc(19*100vw/750) auto 0;
    border: calc(4*100vw/750) solid var(--f_color-blue01);
    font-size: calc(46*100vw/750);;
    line-height: 1.15;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                ANNIMATION
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240126 .jsFade {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity .8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lilybrown_240126 .jsFade.isActive {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lilybrown_240126 .jsApperWhite {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(248, 241, 232, 0.5);
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}
.lilybrown_240126 .model__description__image:hover .jsApperWhite,
.lilybrown_240126 .jsApperWhite.isActive {
  opacity: 1;
  z-index: 10;
  transition: all 0.5s ease;
}

.lilybrown_240126 .model__description__credit {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  font-size: 1.7rem;
  line-height: 2;
  color: var(--f_color-black);
  z-index: 10;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}