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_240510 picture {
  width: 100%;
  height: 100%;
}

.lilybrown_240510 img,
.lilybrown_240510 video,
.lilybrown_240510 svg {
  display: block;
  width: 100%;
  height: auto;
}

.lilybrown_240510 {
  --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";

  overflow: hidden;
}

.lilybrown_240510 .fontJa {
  font-family: var(--font-gothic-txt);
  font-weight: 500;
  font-feature-settings: "palt";
}

.lilybrown_240510 .fontEn {
  font-family: var(--font_advent);
  font-weight: 400;
}

.lilybrown_240510 .bgWhite {
  position: relative;
  z-index: 2;
}

/* .lilybrown_240510 .bgWhite:hover {
  opacity: 0.5;
} */
.lilybrown_240510 .bgWhite::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--f_color-white);
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 2s;
}

.lilybrown_240510 .bgWhite.bgWhite_active::before {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .spOnly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .lilybrown_240510 .pcOnly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common model
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .model {
  position: relative;
}

.lilybrown_240510 .model__text__title {
  font-family: "altesse-std-24pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(102* (100vw /750));
  line-height: 1;
  letter-spacing: 0;
  margin-top: calc(82* (100vw /750));
  text-align: center;
}

.lilybrown_240510 .model__text__title_sub {
  position: relative;
  font-family: "ten-mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30* (100vw /750));
  line-height: 1.65;
  letter-spacing: 0.08em;
  margin-top: calc(36* (100vw /750));
  text-align: center;
}

.lilybrown_240510 .model__text__title_sub::before {
  content: "";
  position: absolute;
  top: calc(146* (100vw /750));
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  width: calc(2* (100vw /750));
  height: calc(50* (100vw /750));
}

.lilybrown_240510 .model__text__lead {
  font-size: calc(27* (100vw /750));
  line-height: 1.9259259259;
  letter-spacing: 0.08em;
  margin-top: calc(143* (100vw /750));
  text-align: center;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .model__text__title {
    font-size: 6.6rem;
    margin-top: 6rem;
  }

  .lilybrown_240510 .model__text__title_sub {
    font-size: 1.8rem;
    margin-top: 2rem;
  }

  .lilybrown_240510 .model__text__title_sub::before {
    top: 8.3rem;
    width: .02rem;
    height: 3rem;
  }

  .lilybrown_240510 .model__text__lead {
    font-size: 1.5rem;
    line-height: 1.9333333333;
    margin-top: 7.8rem;
  }

  @-moz-document url-prefix() {
    .lilybrown_240510 .model__text__title_sub::before {
      width: .1rem;
    }
  }

  ::-webkit-full-page-media,
  :future,
  :root .lilybrown_240510 .model__text__title_sub::before {
    width: .06rem;
  }
}














.lilybrown_240510 .model__description__wrapper {
  position: relative;
  z-index: 2;
}

.lilybrown_240510 .model__description__image {
  position: relative;
  z-index: 2;
}

.lilybrown_240510 .model__description__image>a {
  display: block;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .sec_ttl {
  font-family: "presti-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(68* (100vw /750));
  text-align: center;
  letter-spacing: 0.06em;
  position: relative;
}

.lilybrown_240510 .sec_ttl::before {
  content: "";
  position: absolute;
  background: url(../img/svg/rbn_black.svg) center/contain no-repeat;
  width: calc(67*(100vw / 750));
  height: calc(46*(100vw / 750));
  transform: rotate(365deg) translateX(-50%);
  top: calc(-54*(100vw / 750));
  left: 50%;
}

.lilybrown_240510 .type01 {
  position: relative;
  padding-top: calc(203*100vw/750);
}

.lilybrown_240510 .type01 .model__wrapper--flex {
  position: relative;
}

@media screen and (max-width: 767px) {
  .lilybrown_240510 .type01 .model__inner {
    width: calc(670* (100vw /750));
    margin: calc(42* (100vw /750)) auto 0;
  }
}

.lilybrown_240510 .img01 {
  width: calc(590*100vw/750);
}

.lilybrown_240510 .img02 {
  width: calc(420*100vw/750);
  height: calc(628* (100vw /750));
  margin: calc(-62* (100vw /750)) 0 0 auto;
  z-index: 2;
  border: #000 calc(2* (100vw /750)) solid;
}

.lilybrown_240510 .img02::after {
  content: "";
  position: absolute;
  background: url(../img/svg/white.svg) center/contain no-repeat;
  width: calc(170* (100vw /750));
  height: calc(76*(100vw / 750));
  right: 0;
  top: calc(-76* (100vw /750));
  z-index: 2;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .sec_ttl {
    font-size: 4rem;
  }

  .lilybrown_240510 .sec_ttl::before {
    width: 3.2rem;
    height: 2.5rem;
    top: -4.9rem;
  }

  .lilybrown_240510 .type01 {
    padding-top: 16.1rem;
  }

  .lilybrown_240510 .type01 .model__wrapper--flex {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 4rem;
    width: 77rem;
    margin: 6rem auto 0;
    padding-right: 10rem;
  }

  .lilybrown_240510 .img01 {
    width: 41rem;
  }

  .lilybrown_240510 .img02 {
    width: 31rem;
    height: 46.3rem;
    margin: 7.4rem 0 0 0;
    border: #000 1px solid;
  }

  .lilybrown_240510 .img02::after {
    background: url(../img/svg/white.svg) center/contain no-repeat;
    width: 10.2rem;
    height: 4.5rem;
    top: -4.5rem;
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .type02 .tx_wrap {
  width: calc(628 *(100vw /750));
  margin: calc(80*(100vw / 750)) calc(65*(100vw / 750)) 0 calc(56*(100vw / 750));
}

.lilybrown_240510 .img03 {
  width: calc(560*100vw/750);
  margin: calc(160* (100vw /750)) auto 0;
}

.lilybrown_240510 .img04 {
  width: calc(560*100vw/750);
  margin: calc(74* (100vw /750)) auto 0;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .type02 .model__inner {
    display: flex;
    justify-content: center;
    gap: 10.5rem;
    margin-top: 10rem;
    padding-right: 4.5rem;
  }

  .lilybrown_240510 .type02 .model__wrapper--flex {
    display: flex;
  }

  .lilybrown_240510 .type02 .tx_wrap {
    width: 29.8rem;
    margin: 14.6rem 0 0 0;
  }

  .lilybrown_240510 .img03,
  .lilybrown_240510 .img04 {
    width: 39rem;
    margin: 0;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .type03 {
  padding-top: calc(160* 100vw / 750);
}

.lilybrown_240510 .img05 {
  width: calc(560* (100vw /750));
}

.lilybrown_240510 .img06 {
  width: calc(480* (100vw /750));
  margin: calc(60* (100vw /750)) calc(40* (100vw /750)) 0 auto;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .type03 {
    padding-top: 10rem;
  }

  .lilybrown_240510 .type03 .model__wrapper--flex {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 4rem;
    width: 78rem;
    margin: auto;
    padding-left: 8rem;
  }

  .lilybrown_240510 .img05 {
    width: 41rem;
  }

  .lilybrown_240510 .img06 {
    width: 33rem;
    height: 49.5rem;
    margin: 20rem 0 0 0;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .type04 {
  padding-top: calc(229*100vw/750);
}

@media screen and (max-width: 767px) {
  .lilybrown_240510 .type04 .model__inner {
    width: calc(670* (100vw /750));
    margin: auto;
  }
}

.lilybrown_240510 .img07 {
  width: calc(460*100vw/750);
  height: calc(688* (100vw /750));
  position: relative;
  border: #000 calc(2* (100vw /750)) solid;
}

.lilybrown_240510 .img07::after {
  content: "";
  position: absolute;
  background: url(../img/svg/black.svg) center/contain no-repeat;
  width: calc(198*(100vw / 750));
  height: calc(69*(100vw / 750));
  left: calc(-2* (100vw /750));
  top: calc(-70*(100vw / 750));
  z-index: 2;
  pointer-events: none;
}

.lilybrown_240510 .img08 {
  width: calc(570*100vw/750);
  margin: calc(61* (100vw /750)) 0 0 auto;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .type04 {
    padding-top: 10rem;
  }

  .lilybrown_240510 .type04 .model__wrapper--flex {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 2rem;
    width: 80rem;
    margin: auto;
    padding-right: 42rem;
    flex-direction: row-reverse;
  }

  .lilybrown_240510 .img07 {
    width: 32.2rem;
    height: 48.2rem;
    margin: 22rem 0 0 0;
    border: #000 1px solid;
    box-sizing: border-box;
  }

  .lilybrown_240510 .img07::after {
    background: url(../img/svg/black.svg) center/contain no-repeat;
    width: 12rem;
    height: 4.2rem;
    top: -4.3rem;
    left: initial;
    right: -0.3rem;
  }

  .lilybrown_240510 .img08 {
    width: 44rem;
    margin: 0;
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type05
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.lilybrown_240510 .type05 .sec_ttl::after {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/sec5_sub.svg) center/contain no-repeat;
  width: calc(398*(100vw / 750));
  height: calc(62*(100vw / 750));
  transform: translateX(-50%);
  top: calc(123*(100vw / 750));
  left: 50%;
}

.lilybrown_240510 .type05 {
  padding-top: calc(215*100vw/750);
}

.lilybrown_240510 .type05 .model__wrapper--flex {
  position: relative;
}

.lilybrown_240510 .img09 {
  width: calc(650*100vw/750);
  margin: calc(156* (100vw /750)) auto 0;
}

.lilybrown_240510 .img10 {
  width: calc(500*100vw/750);
  margin: calc(60* (100vw /750)) 0 0 auto;
}


@media screen and (min-width: 768px) {
  .lilybrown_240510 .type05 {
    padding-top: 17rem;
  }

  .lilybrown_240510 .type05 .sec_ttl::after {
    background: url(../img/svg/sec5_sub.svg) center/contain no-repeat;
    width: 22.9rem;
    height: 3.1rem;
    top: 6rem;
  }

  .lilybrown_240510 .type05 .model__wrapper--flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 84rem;
    margin: 12rem auto 0;
  }

  .lilybrown_240510 .img09,
  .lilybrown_240510 .img10 {
    width: 41rem;
    margin: 0;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type06
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.lilybrown_240510 .type06 {
  padding-top: calc(160*100vw/750);
}

.lilybrown_240510 .type06 .model__wrapper--flex {
  position: relative;
}

.lilybrown_240510 .img11 {
  width: calc(490*100vw/750);
  z-index: 3;
  position: relative;
}

.lilybrown_240510 .img12 {
  width: calc(650*100vw/750);
  margin: calc(-174* (100vw /750)) 0 0 auto;
}


@media screen and (min-width: 768px) {
  .lilybrown_240510 .type06 {
    padding-top: 10rem;
  }

  .lilybrown_240510 .type06 .model__wrapper--flex {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 2rem;
    width: 79rem;
    padding-left: 35.1rem;
    margin: auto;
  }

  .lilybrown_240510 .img11 {
    width: 34rem;
  }

  .lilybrown_240510 .img12 {
    width: 43rem;
    margin: 13.1rem 0 0 0;
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                model type07
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lilybrown_240510 .type07 {
  padding-top: calc(160*100vw/750);
}

.lilybrown_240510 .img13 {
  width: calc(670*100vw/750);
  margin: auto;
}

.lilybrown_240510 .img14 {
  position: relative;
  width: calc(520*100vw/750);
  height: calc(778* (100vw /750));
  margin: calc(127* (100vw /750)) auto 0;
  border: #000 calc(2* (100vw /750)) solid;
}

.lilybrown_240510 .img14::after {
  content: "";
  position: absolute;
  background: url(../img/svg/black.svg) center/contain no-repeat;
  width: calc(198* (100vw /750));
  height: calc(70*(100vw / 750));
  left: 0;
  top: calc(-71*(100vw / 750));
  z-index: 2;
  pointer-events: none;
}



@media screen and (min-width: 768px) {
  .lilybrown_240510 .type07 {
    padding-top: 10rem;
  }

  .lilybrown_240510 .type07 .model__wrapper--flex {
    position: relative;
    width: 77rem;
    height: 77.5rem;
    top: 0;
    left: 50%;
    transform: translateX(-75.3%);
    z-index: 1;
  }

  .lilybrown_240510 .img13 {
    width: 45rem;
    margin: 0;
  }

  .lilybrown_240510 .img14 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37rem;
    height: 55.5rem;
    margin: 0;
    z-index: 3;
    border: #000 1px solid;
  }

  .lilybrown_240510 .img14::after {
    background: url(../img/svg/black.svg) center/contain no-repeat;
    width: 12rem;
    height: 4.2rem;
    top: -4.3rem;
    left: initial;
    right: -0.2rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                ANNIMATION
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.lilybrown_240510 .bgWhite a {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}

.lilybrown_240510 .jsFade {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(1.1);
  /* transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, scale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; */
  transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), scale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (max-width: 767px) {

  .lilybrown_240510 .jsFade.--fast {
    transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), scale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.lilybrown_240510 .jsFade.isActive {
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}

.lilybrown_240510 .jsApperWhite {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.6);
  background-size: cover;
  background-repeat: repeat;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}

.lilybrown_240510 .model__description__image:hover .jsApperWhite,
.lilybrown_240510 .jsApperWhite.isActive {
  opacity: 1;
  z-index: 10;
  transition: all 0.5s ease;
}

.lilybrown_240510 .model__description__credit {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  line-height: 2;
  font-family: "presti-display", serif;
  font-weight: 300;
  font-style: normal;
  z-index: 10;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: calc(26* (100vw /750));
}

.lilybrown_240510 .model__description__credit a {
  letter-spacing: 0.06em;
}

@media screen and (min-width: 768px) {
  .lilybrown_240510 .model__description__credit {
    font-size: 1.4rem;
  }
}

/* ===============================================
* line *
=============================================== */
.svg_wrap svg,
.svg_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: initial;
}

/* .svg_wrap span::before {
  content: "";
  display: block;
} */

.svg_wrap._line01 {
  top: calc(175*(100vw / 750));
  left: calc(-337*(100vw / 750));
  width: calc(1121*(100vw / 750));
  height: calc(1951*(100vw / 750));
}

.lilybrown_240510 .type01 .model__wrapper--flex::before,
.lilybrown_240510 .type01 .model__wrapper--flex::after {
  content: "";
  position: absolute;
  background: url(../img/svg/rbn_black.svg) center/contain no-repeat;
  width: calc(65*(100vw / 750));
  height: calc(61*(100vw / 750));
}

.lilybrown_240510 .type01 .model__wrapper--flex::before {
  transform: rotate(-25deg);
  top: calc(440*(100vw / 750));
  left: calc(636*(100vw / 750));
}

.lilybrown_240510 .type01 .model__wrapper--flex::after {
  transform: rotate(-314deg);
  top: calc(1326*(100vw / 750));
  left: calc(20*(100vw / 750));
}

.d {
  stroke: #000;
  fill: none;
  fill-opacity: 0;
  stroke-width: 1;
  stroke-width: 2px;
  stroke-dasharray: 2700;
  stroke-dashoffset: 2700;
}

@media screen and (min-width: 768px) {
  .d {
    stroke-width: 1px;
  }
}

.line02 {
  stroke: #ffc7b3;
  stroke-dasharray: 2700;
  stroke-dashoffset: 2700;
}

.scroll-in.is-animated .line01 {
  -webkit-animation: sec01_LINE 4s ease-out forwards;
  animation: sec01_LINE 4s ease-out forwards;
}

@keyframes sec01_LINE {
  0% {
    stroke-dashoffset: 2700;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec01_LINE {
  0% {
    stroke-dashoffset: 2700;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line01 {
    top: 39.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 191.9rem;
    height: 18.8rem;
  }

  .lilybrown_240510 .type01 .model__wrapper--flex::before,
  .lilybrown_240510 .type01 .model__wrapper--flex::after {
    width: 3.7rem;
    height: 4.2rem;
  }

  .lilybrown_240510 .type01 .model__wrapper--flex::before {
    top: 13.1rem;
    left: -18rem;
  }

  .lilybrown_240510 .type01 .model__wrapper--flex::after {
    top: 26.5rem;
    left: initial;
    right: -11.9rem;
  }
}

/* ===============================================
* _line02 *
=============================================== */

.svg_wrap._line02 {
  top: calc(610*(100vw / 750));
  left: calc(-94*(100vw / 750));
  width: calc(940*(100vw / 750));
  height: calc(940*(100vw / 750));
}

.line02 {
  stroke: #ffc7b3;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line02 {
  -webkit-animation: sec02_LINE 4s ease-out forwards;
  animation: sec02_LINE 4s ease-out forwards;
}

@keyframes sec02_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec02_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line02 {
    top: 0;
    left: 50%;
    transform: translateX(-127%);
    width: 58.5rem;
    height: 58.5rem;
  }
}

/* ===============================================
* _line03 *
=============================================== */

.svg_wrap._line03 {
  top: calc(200*(100vw / 750));
  left: calc(60*(100vw / 750));
  width: calc(812*(100vw / 750));
  height: calc(2160*(100vw / 750));
}

.lilybrown_240510 .type03 .model__wrapper--flex::before {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/line03_deco.svg) center/contain no-repeat;
  width: calc(608*(100vw / 750));
  height: calc(1036*(100vw / 750));
  top: calc(325*(100vw / 750));
  left: calc(99*(100vw / 750));
}

.line03 {
  stroke: #a2b5e0;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line03 {
  -webkit-animation: sec03_LINE 4s ease-out forwards;
  animation: sec03_LINE 4s ease-out forwards;
}

@keyframes sec03_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec03_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line03 {
    top: 18.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 191.9rem;
    height: 32.25rem;
  }

  .lilybrown_240510 .type03 .model__wrapper--flex::before {
    background: url(../img/svg/line03_deco.svg) center/contain no-repeat;
    width: 124.5rem;
    height: 36.8rem;
    top: 5.3rem;
    left: 50%;
    transform: translateX(-47.7%);
  }

}

/* ===============================================
* _line04 *
=============================================== */
.svg_wrap._line04 {
  top: calc(273*(100vw / 750));
  left: calc(-76*(100vw / 750));
  width: calc(735*(100vw / 750));
  height: calc(1858*(100vw / 750));
}

.lilybrown_240510 .type04 .model__wrapper--flex::before {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/line04_deco.svg) center/contain no-repeat;
  width: calc(150*(100vw / 750));
  height: calc(322*(100vw / 750));
  top: calc(535*(100vw / 750));
  left: calc(537*(100vw / 750));
}

.line04 {
  stroke: #000;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line04 {
  -webkit-animation: sec04_LINE 4s ease-out forwards;
  animation: sec04_LINE 4s ease-out forwards;
}

@keyframes sec04_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec04_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line04 {
    top: 38.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 192rem;
    height: 21.4rem;
  }

  .lilybrown_240510 .type04 .model__wrapper--flex::before {
    background: url(../img/svg/line04_deco.svg) center/contain no-repeat;
    width: 39.5rem;
    height: 7.4rem;
    top: 26.5rem;
    left: 50%;
    transform: translateX(65.7%);
  }
}

/* ===============================================
* _line05 *
=============================================== */
.svg_wrap._line05 {
  top: calc(497*(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
  width: calc(1257*(100vw / 750));
  height: calc(1490*(100vw / 750));
}

.lilybrown_240510 .type05 .model__wrapper--flex::before {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/line05_deco.svg) center/contain no-repeat;
  width: calc(222*(100vw / 750));
  height: calc(153*(100vw / 750));
  top: calc(1064*(100vw / 750));
  left: calc(10*(100vw / 750));
}

.line05 {
  stroke: #558cc9;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line05 {
  -webkit-animation: sec05_LINE 4s ease-out forwards;
  animation: sec05_LINE 4s ease-out forwards;
}

@keyframes sec05_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec05_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line05 {
    top: 48.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 192rem;
    height: 18.9rem;
  }

  .lilybrown_240510 .type05 .model__wrapper--flex::before {
    background: url(../img/svg/line05_deco.svg) center/contain no-repeat;
    width: 129.3rem;
    height: 14.7rem;
    top: 16.5rem;
    left: 50%;
    transform: translateX(-50.2%);
  }
}

/* ===============================================
* _line06 *
=============================================== */
.svg_wrap._line06 {
  top: calc(213*(100vw / 750));
  left: 50%;
  transform: translateX(-41.4%);
  width: calc(1800*(100vw / 750));
  height: calc(2084*(100vw / 750));
}

.lilybrown_240510 .type06 .model__wrapper--flex::before {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/line06_deco.svg) center/contain no-repeat;
  width: calc(329*(100vw / 750));
  height: calc(205*(100vw / 750));
  top: calc(100*(100vw / 750));
  left: calc(404*(100vw / 750));
  z-index: 4;
  pointer-events: none;
}

.line06 {
  stroke: #a0d6d8;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line06 {
  -webkit-animation: sec06_LINE 4s ease-out forwards;
  animation: sec06_LINE 4s ease-out forwards;
}

@keyframes sec06_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec06_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line06 {
    top: 21.3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 192rem;
    height: 30.8rem;
  }

  .lilybrown_240510 .type06 .model__wrapper--flex::before {
    background: url(../img/svg/line06_deco.svg) center/contain no-repeat;
    width: 41rem;
    height: 13.2rem;
    top: 28.2rem;
    left: 50%;
    transform: translateX(-162.5%);
  }
}

/* ===============================================
* _line07 *
=============================================== */
.svg_wrap._line07 {
  top: calc(445*(100vw / 750));
  left: 50%;
  transform: translateX(-62.3%);
  width: calc(1315*(100vw / 750));
  height: calc(1527*(100vw / 750));
}

.lilybrown_240510 .type07 .model__wrapper--flex::before {
  content: "";
  position: absolute;
  background: url(../img/svg/sp/line07_deco.svg) center/contain no-repeat;
  width: calc(708*(100vw / 750));
  height: calc(446*(100vw / 750));
  top: calc(1370*(100vw / 750));
  left: calc(27*(100vw / 750));
}

.line07 {
  stroke: #000;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

.scroll-in.is-animated .line07 {
  -webkit-animation: sec07_LINE 4s ease-out forwards;
  animation: sec07_LINE 4s ease-out forwards;
}

@keyframes sec07_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-webkit-keyframes sec07_LINE {
  0% {
    stroke-dashoffset: 3000;
    fill-opacity: 0;
  }

  30% {
    fill-opacity: 0;
  }

  35% {
    fill-opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .svg_wrap._line07 {
    top: 21.3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 192rem;
    height: 37.7rem;
  }

  .lilybrown_240510 .type07 .model__wrapper--flex::before {
    background: url(../img/svg/line07_deco.svg) center/contain no-repeat;
    width: 31.2rem;
    height: 6.4rem;
    top: 29.9rem;
    left: 50%;
    transform: translateX(168.2%);
  }
}



/* ===============================================
* btn_wrap *
=============================================== */
.btn_wrap {
  width: calc(670 * (100vw /750));
  display: flex;
  flex-direction: column;
  margin: calc(152*(100vw / 750)) auto calc(200*(100vw / 750));
  gap: calc(20*(100vw / 750));
}

@media screen and (min-width: 768px) {
  .btn_wrap {
    width: 42rem;
    margin: 10rem auto 15rem;
    gap: 2rem;
  }
}