@charset "UTF-8";

.LB241213umeharu {
  /* --font_en-ttl: "big-caslon-fb", serif; */
  --font_en-crdt: "new-atten", sans-serif;
  --font_jp: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  text-align: center;
  font-weight: 500;;
}

.LB241213umeharu{
  background: linear-gradient(0deg, #f9f1ea 28%, #e5e5e5 50.0548%, #f9f5e5 100%);
}

/* .LB241213umeharu::before {
  content: "";
  position: absolute;
  background: url(../img/sp/bg.jpg) center/cover repeat-x;
  width: 100vw;
  height: calc(15451* (100vw /750));
  left: 50%;
  transform: translateX(-50%);
  top: calc(100* (100vw /750));
  z-index: -1;
} */

.main-inner {
  /* margin-top: 8rem; */
  width: 100% !important;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}


@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}


@media only screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }

  #breadcrumb, .bredlist.lp{
    margin: 20px auto 28px;
  }
}

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

  #breadcrumb, .bredlist.lp{
    margin: 20px auto 12px;
  }

  .LB241213umeharu {
    padding-bottom: calc(24* (100vw /750));
    margin-bottom: calc(193*(100vw / 750));
  }

  .pc {
    display: none !important;
  }

  .main-area.lp {
    overflow: unset;
  }

}

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

  .LB241213umeharu {
    margin-bottom: 15rem;
    overflow: hidden;
    background: linear-gradient(0deg, #F9F1EA 11%, #F9F1EA 26%, #E5E5E5 50%, #F9F5E5 97%);
  }

  /* .LB241213umeharu::before {
    height: 606.1rem;
    top: 3.9rem;
    width: 100%;
  } */
}

.LB241213umeharu {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  width: 100%;
  font-feature-settings: normal;
}

.LB241213umeharu li {
  list-style: none;
}

.LB241213umeharu img,
.LB241213umeharu svg {
  width: 100%;
  height: auto;
}

.LB241213umeharu picture,
.LB241213umeharu span {
  display: block;
}

.sec .sec_inner {
  position: relative;
}

.sec .sec_inner::before {
  content: "";
  position: absolute;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .sec{
    margin-bottom: calc(180* (100vw / 750));
  }
  .sec .sec_ttl{
    margin: 0 auto calc(60* (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  .sec{
    margin-bottom: 14rem;
  }
}
/* ▽_____________ credit ______________▽ */
.LB241213umeharu .credit_block {
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.LB241213umeharu .credit_block li {
  font-family: var(--font_en-crdt);
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: end;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .LB241213umeharu .credit_block {
    margin-top: calc(60* (100vw /750));
    column-gap: calc(32* (100vw /750));
    row-gap: calc(26* (100vw /750));
    margin-right: auto;
    margin-left: auto;
  }

  .LB241213umeharu .credit_block li {
    font-size: calc(26* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .LB241213umeharu .credit_block {
    margin-top: 3rem;
    column-gap: 1.5rem;
    row-gap: 1.4rem;
  }

  .LB241213umeharu .credit_block li {
    font-size: 1.3rem;
  }
}


/* ▽_____________ flwr ______________▽ */
@media screen and (max-width: 767px) {
  .flwr01{
    width: calc(126* (100vw / 750))!important;
  }

  .flwr02,
  .flwr04 {
   width: calc(190* (100vw / 750));
  }

  .flwr03{
    width: calc(160* (100vw / 750));
   }

  .flwr05{
    width: calc(223.4097* (100vw / 750));
  }

  .flwr06{
    width: calc(204* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .flwr01{
    width: 11rem!important;
  }

  .flwr02{
    width: 13.6rem;
  }

  .flwr03{
    width: 13.4rem;
  }

  .flwr04 {
   width: 11.2rem;
  }

  .flwr05{
    width: 17.54097rem;
  }

  .flwr06{
    width: 16.8rem;
  }
}

/* ===============================================
* heading *
=============================================== */
.LB241213umeharu .heading{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.LB241213umeharu .mv_cont{
  position: relative;
}

.LB241213umeharu .heading_txt {
  font-family: var(--font_jp);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.06em;
  text-align: center;
  font-feature-settings: "palt";
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .LB241213umeharu .heading {
    width: 100%;
    margin-bottom: calc(187* (100vw / 750));
  }

  .LB241213umeharu .mv_cont{
    margin-bottom: calc(208* (100vw / 750));
  }

  .LB241213umeharu .mv_cont .img_inner{
    margin-top: calc(60* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
  }

  .LB241213umeharu .mv_cont .mv_ttl{
    width: calc(416.5* (100vw / 750));
    margin: 0 auto;
  }

  .LB241213umeharu .heading_txt {
    font-size: calc(28* (100vw / 750));
  }

  .LB241213umeharu .heading_ttl{
    width: calc(274* (100vw / 750));
    margin: calc(25* (100vw / 750)) auto calc(63* (100vw / 750));
  }

  .LB241213umeharu .mv_cont .flwr01 {
    top: calc(20* (100vw / 750));
    right: calc(90* (100vw / 750));
  }

  .LB241213umeharu .mv_cont .flwr02 {
    bottom: calc(97* (100vw / 750));
    left: calc(-38* (100vw / 750));
  }

  .LB241213umeharu .mv_cont .flwr03 {
    bottom: calc(-99.62*(100vw / 750));
    right: calc(35*(100vw / 750));
  }

  .LB241213umeharu .heading .flwr04 {
    bottom: calc(-70.77* (100vw / 750));
    right: calc(50* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .LB241213umeharu .heading {
    width: 93.4rem;
    margin: 0 auto 17rem;
  }

  .LB241213umeharu .mv_cont .img_inner{
    width: 100%;
    margin: 4rem 0 7rem;
  }

  .LB241213umeharu .mv_cont .mv_ttl{
    width: 15.51348rem;
  }

  .LB241213umeharu .heading_txt {
    font-size: 1.5rem;
    font-feature-settings: "pkna";
  }

  .LB241213umeharu .heading_ttl{
    width: 15.6rem;
    margin: 1.3rem auto 4.2rem;
  }

  .LB241213umeharu .mv_cont .flwr01 {
    top: 5.8rem;
    right: -17.5rem;
  }

  .LB241213umeharu .mv_cont .flwr02 {
    top: 14.2rem;
    left: -8.1rem;
  }

  .LB241213umeharu .mv_cont .flwr03 {
    bottom: 3rem;
    left: 26.5rem;
  }

  .LB241213umeharu .heading .flwr04 {
    bottom: -11rem;
    right: 23.7rem;
  }
}


/* ===============================================
* sec01 *
=============================================== */
.sec01 .credit__cont{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .sec01 .sec_ttl{
    width: calc(688.05* (100vw / 750));
    margin-bottom: 0;
  }

  .sec01 .slider_imgs{
    width: 100%;
    margin-bottom: calc(59* (100vw / 750));
  }

  .sec01 .slider_img{
    width: calc(650* (100vw / 750));
    margin-right: calc(20* (100vw / 750))!important;
  }

  .sec01 .credit_block{
   width: calc(470* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .sec01 .sec_inner{
    width: 59rem;
    margin: 0 auto;
  }

 .sec01 .slider_imgs{
  width: 100%;
  margin-bottom: 3rem;
 }

 .sec01 .slider_img{
  width: 42rem;
  margin-right: 1.5rem!important;
 }

 .sec01 .sec_ttl{
  width: 48.35rem;
 }

 .sec01 .credit_block{
  width: 28rem;
 }

}

/* ===============================================
* sec02 *
=============================================== */
.sec02 .content_list.__2{
  display: flex;
}

.sec02 .content_list.__1{
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec02 .content_list.__2{
    flex-direction: column;
    align-items: center;
    row-gap: calc(80*(100vw / 750));
  }

  .sec02 .img02{
    width: calc(590* (100vw / 750));
    margin: 0 auto;
  }

  .sec02 .sec_ttl{
    width: calc(478* (100vw / 750));
  }

  .sec02 .credit_block{
    width: calc(690* (100vw / 750));
  }

  .sec02 .flwr04{
    bottom: calc(-42*(100vw / 750));
    left: calc(21*(100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .sec02{
    width: 130rem;
    margin-right: auto;
    margin-left: auto;
  }

  .sec02 .sec_inner{
    display: flex;
    flex-direction: row-reverse;
  }

  .sec02 .content_list.__1{
    position: relative;
    align-self: self-start;
    left: -10rem;
  }

  .sec02 .content_list.__2{
    flex-direction: row-reverse;
    column-gap: 4rem;
    margin-right: 4.5rem;
  }

  .sec02 .img01{
    width: 48rem;
    align-self: flex-end;
    margin-top: 21.6rem;
  }

  .sec02 .img02{
    width: 37rem;
  }

  .sec02 .sec_ttl{
    width: 33.5rem;
    padding-top: 4.7rem;
  }

  .sec02 .flwr04{
    top: 7.6rem;
    right: -10rem;
  }

  .sec02 .img__cont{
    align-self: flex-start;
  }

  .sec02 .credit_block{
    width: 34.2rem;
    margin-right: auto;
    margin-left: auto;
  }
}

/* ===============================================
* sec03 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec03{
    margin-bottom: calc(185*(100vw / 750));
  }

  .sec03 .sec_ttl{
    width: calc(654.09* (100vw / 750));
    margin: 0 auto calc(62*(100vw / 750));
  }

  .sec03 .slider_imgs{
    width: 100%;
   }

   .sec03 .slider_img{
    width: calc(675* (100vw / 750));
    margin-right: calc(20* (100vw / 750))!important;
   }

   .sec03 .credit_block{
    width: calc(697* (100vw / 750));
   }

   .sec03 .flwr05{
    top: calc(-105*(100vw / 750));
    right: calc(8.4*(100vw / 750));
   }
}

@media screen and (min-width: 768px) {
  .sec03{
    width: 120rem;
    margin-right: auto;
    margin-left: auto;
  }

  .sec03 .sec_inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 29.5rem auto;
    justify-content: space-between;
  }

  .sec03 .ttl__cont{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    align-self: self-end;
    justify-self: center;
    margin-right: 4.5rem;
  }

  .sec03 .credit__cont{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    width: 34.5rem;
    justify-self: center;
    align-self: self-start;
    margin-right: 4.5rem;
  }

  .sec03 .slider_imgs{
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    width: 54.5rem;
    justify-self: flex-end;
  }

  .sec03 .sec_ttl{
    width: 45.963rem;
  }

  .sec03 .slider_img{
    width: 46rem;
    margin-right: 1.5rem!important;
  }

  .sec03 .flwr05{
    top: 22.3rem;
    left: -7.8rem;
  }
}

/* ===============================================
* sec04 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec04 .ttl__cont{
    position: relative;
  }

  .sec04 .sec_ttl{
    width: calc(404.19* (100vw / 750));
  }

  .sec04 .sec_ttl{
    width: calc(404.19* (100vw / 750));
  }

  .sec04 .slider_imgs{
    width: 100%;
   }

  .sec04 .slider_img{
    width: calc(675* (100vw / 750));
    margin-left: calc(20* (100vw / 750))!important;
    margin-right: 0 !important;
  }

  .sec04 .slider_imgs .slick-list{
    padding-left: calc(75* (100vw / 750)) !important;
  }

  .sec04 .credit_block{
    width: calc(520* (100vw / 750));
  }

  .sec04 .flwr04{
    top: calc(-330*(100vw / 750));
    left: calc(68.4*(100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .sec04{
    width: 120rem;
    margin-right: auto;
    margin-left: auto;
  }

  .sec04 .sec_inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 30rem auto;
    justify-content: space-between;
  }

  .sec04 .ttl__cont{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    align-self: self-end;
    justify-self: center;
    margin-left: 4.5rem;
  }

  .sec04 .credit__cont{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    width: 37rem;
    justify-self: center;
    align-self: self-start;
    margin-left: 4.5rem;
  }

  .sec04 .slider_imgs{
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 54.5rem;
    justify-self: flex-start;
  }

  .sec04 .sec_ttl{
    width: 46.665rem;
  }

  .sec04 .slider_img{
    width: 46rem;
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }

  .sec04 .slider_imgs .slick-list{
    padding-left: 8.5rem !important;
  }

  .sec04 .flwr04{
    bottom: 30rem;
    right: -5rem;
    width: 13.6rem;
  }
}

/* ===============================================
* sec05 *
=============================================== */
.sec05 .content_list.__2{
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec05 .sec_ttl{
    width: calc(633.44* (100vw / 750));
  }

  .sec05 .content_list.__2{
    flex-direction: column;
    row-gap: calc(20.3* (100vw / 750));
    width: calc(710* (100vw / 750));
    margin: 0 auto;
  }

  .sec05 .credit_block{
    width: calc(675* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .sec05 .sec_ttl{
    width: 44.512rem;
    margin: 0 auto 3rem;
  }

  .sec05 .content_list.__2{
    justify-content: space-between;
    width: 97.5rem;
    margin: 0 auto;
  }

  .sec05 .img_inner{
    width: 48rem;
  }
}

/* ===============================================
* sec06 *
=============================================== */
.sec06 .content_list.__2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .sec06 {
    margin-bottom: calc(160* (100vw / 750));
  }

  .sec06 .content_list.__1{
    margin-bottom: calc(60* (100vw / 750));
  }

  .sec06 .content_list.__2{
    position: relative;
  }

  .sec06 .sec_ttl{
    width: calc(451.84* (100vw / 750));
  }

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

  .sec06 .flwr06{
    width: calc(204* (100vw / 750));
    top: calc(-516.8*(100vw / 750));
    left: 0;
  }

  .sec06 .img02{
    width: calc(650* (100vw / 750));
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .sec06{
    width: 130rem;
    margin: 0 auto 14rem;
  }

  .sec06 .sec_inner{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    justify-content: right;
  }

  .sec06 .content_list.__1{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    width: 48rem;
    justify-self: flex-end;
  }

  .sec06 .content_list.__2{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    align-self: flex-end;
    padding-bottom: 19.3rem;
    margin-right: 6rem;
  }

  .sec06 .content_list.__3{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    width: 38rem;
    align-self: flex-end;
    margin-right: 4rem;
  }

  .sec06 .sec_ttl{
    width: 32.972rem;
  }

  .sec06 .credit_block{
    width: 23rem;
  }

  .sec06 .flwr06{
    top: -7rem;
    left: 31rem;
  }
}

/* ===============================================
* all btn *
=============================================== */

.all_item_btn__wrapper .flwr04{
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .all_item_btn {
    width: calc(267.5* (100vw /750));
    margin: 0 auto calc(140* (100vw /750));
  }
}

@media screen and (min-width: 768px) {
  .all_item_btn {
    width: 14rem;
    margin: 0 auto 14rem;
  }
  .all_item_btn__wrapper .flwr04{
    width: 13.6rem;
  }
}






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

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

/* ______________________________.js_paralax  */
.luxy-el{
  position: absolute!important;
  bottom: unset;
  pointer-events: none;
  z-index: 30;
  will-change: transform
}


/* ______________________________.js_slider  */
.js_slider,
.js_slider-center{
  display: none;
}
.js_slider.slick-initialized,
.js_slider-center.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

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