@charset "UTF-8";
/* ============================= ▼ 全体 ▼ == */
html {
font-size: 62.5%;
}
#LB220412Sweet {
transform: none;
filter: none;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-weight: 500;
font-style: normal;
width: 100%;
margin: 0 auto;
text-align: center;
line-height: 1;
}
#LB220412Sweet img,
#LB220412Sweet video {
width: 100%;
height: auto;
}
#LB220412Sweet a {
  display: block;
  }
#LB220412Sweet .sp-only {
display: block;
}
#LB220412Sweet .pc-only {
display: none;
}
.main-area {
  overflow-x: visible;
}
.main-area .main-inner {
width: 100%;
max-width: none;
}
/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
#LB220412Sweet .fade {
  opacity: 0;
  transition: all 1s ease;
}

#LB220412Sweet .fade.active {
  opacity: 1;
}

/* ============================= ▲ fade ▲ == */
/* ============================= ▼ common ▼ == */
#LB220412Sweet .lead {
  font-size: calc(23 * (100vw / 750));
  line-height: 1.8260869565;
  letter-spacing: 0.05em;
  font-weight: 500;
  transform: scale(1.0171,1);
  font-feature-settings: "halt";
}

#LB220412Sweet .content__inner {
  position: relative;
}

#LB220412Sweet .content__sub-ttl {
  font-family: mencken-std-head, sans-serif;
  font-size: calc(27 * (100vw / 750));
  margin-top: calc(52 * (100vw / 750));
  font-feature-settings: normal;
}

#LB220412Sweet .content__ttl {
  font-family: mencken-std-head, sans-serif;
  font-size: calc(42 * (100vw / 750));
  font-weight: 700;
  margin-top: calc(32 * (100vw / 750));
  font-feature-settings: normal;
}

#LB220412Sweet .content__credit {
  font-family: mencken-std-head, sans-serif;
  font-size: calc(23 * (100vw / 750));
  line-height: 1.652173913;
  letter-spacing: 0.04em;
  margin-top: calc(62 * (100vw / 750));
}

#LB220412Sweet .content__credit span {
  display: inline-block;
  padding: 0 calc(8 * (100vw / 750));
}

#LB220412Sweet .content__unit {
  margin: 0 auto;
}
#LB220412Sweet .number {
  display: inline-block;
  font-size: calc(29 * (100vw / 750));
  line-height: 0;
}
/* ============================= ▼ heading ▼ == */
#LB220412Sweet .heading__wrapper {
  position: sticky;
  top: 0;
  z-index: -1;
  width: calc(750 * (100vw / 750));
}
#LB220412Sweet .heading__visual {
  width: calc(750 * (100vw / 750));
}
#LB220412Sweet .content__wrapper {
  position: relative;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
}
/* ============================= ▼ lead ▼ == */
#LB220412Sweet .content__block--lead {
  padding-top: calc(151 * (100vw / 750));
}

#LB220412Sweet .lead2 {
  padding-top: calc(90 * (100vw / 750));
}

/* ============================= ▼ 01 ▼ == */
#LB220412Sweet .content__block--01 {
  padding-top: calc(149 * (100vw / 750));
}

#LB220412Sweet .content__unit--01-1 {
  width: calc(560 * (100vw / 750));
}

#LB220412Sweet .content__unit--01-2 {
  width: calc(560 * (100vw / 750));
  margin-top: calc(39 * (100vw / 750));
}
#LB220412Sweet .content__unit--01-3 {
  width: calc(750 * (100vw / 750));
  margin-top: calc(153 * (100vw / 750));
}
/* ============================= ▼ 02 ▼ == */
#LB220412Sweet .content__block--02 {
  padding-top: calc(158 * (100vw / 750));
}

#LB220412Sweet .content__unit--02-1 {
  width: calc(580 * (100vw / 750));
}

#LB220412Sweet .content__unit--02-2 {
  width: calc(750 * (100vw / 750));
  margin-top: calc(85 * (100vw / 750));
}

.content__block--02 .content__credit {
  margin-top: calc(64 * (100vw / 750));
}

/* ============================= ▼ 03 ▼ == */
#LB220412Sweet .content__block--03 {
  padding-top: calc(152 * (100vw / 750));
}

#LB220412Sweet .content__unit--03-1 {
  width: calc(630 * (100vw / 750));
}

#LB220412Sweet .content__unit--03-2 {
  width: calc(630 * (100vw / 750));
  margin-top: calc(40 * (100vw / 750));
}

/* ============================= ▼ 04 ▼ == */
#LB220412Sweet .content__block--04 {
  padding-top: calc(155 * (100vw / 750));
}

#LB220412Sweet .content__unit--04-1 {
  width: calc(750 * (100vw / 750));
}

#LB220412Sweet .content__unit--04-2 {
  width: calc(450 * (100vw / 750));
  margin: calc(85 * (100vw / 750)) auto 0 calc(59 * (100vw / 750));
  position: relative;
  z-index: 1;
}

#LB220412Sweet .content__unit--04-3 {
  width: calc(580 * (100vw / 750));
  margin: calc(-59 * (100vw / 750)) 0 0 auto;
}

/* ============================= ▼ 05 ▼ == */
#LB220412Sweet .content__block--05 {
  padding-top: calc(154 * (100vw / 750));
}

#LB220412Sweet .content__unit--05-1 {
  width: calc(750 * (100vw / 750));
}

/* ============================= ▼ 06 ▼ == */
#LB220412Sweet .content__block--06 {
  padding-top: calc(160 * (100vw / 750));
}

#LB220412Sweet .content__unit--06-1 {
  width: calc(630 * (100vw / 750));
}

#LB220412Sweet .content__unit--06-2 {
  width: calc(630 * (100vw / 750));
  margin-top: calc(40 * (100vw / 750));
}

/* ============================= ▼ 07 ▼ == */
#LB220412Sweet .content__block--07 {
  padding-top: calc(153 * (100vw / 750));
}

#LB220412Sweet .content__unit--07-1 {
  width: calc(750 * (100vw / 750));
}

/* ============================= ▼ 08 ▼ == */
#LB220412Sweet .content__block--08 {
  padding-top: calc(154 * (100vw / 750));
}

#LB220412Sweet .content__unit--08-1 {
  width: calc(580 * (100vw / 750));
}

#LB220412Sweet .content__unit--08-2 {
  width: calc(750 * (100vw / 750));
  margin-top: calc(85 * (100vw / 750));
}

/* ============================= ▼ 09 ▼ == */
#LB220412Sweet .content__block--09 {
  padding-top: calc(150 * (100vw / 750));
}

#LB220412Sweet .content__unit--09-1 {
  width: calc(520 * (100vw / 750));
  margin: 0 0 0 auto;
}

#LB220412Sweet .content__unit--09-2 {
  width: calc(630 * (100vw / 750));
  margin-top: calc(60 * (100vw / 750));
}


/* ============================= ▼ check-btn ▼ == */
#LB220412Sweet .check-btn-wrapper {
  margin: calc(154 * (100vw / 750)) auto 0;
}
#LB220412Sweet .all-btn a {
  width: calc(675 * (100vw / 750));
  margin: 0 auto;
  height: calc(146 * (100vw / 750));
  border: 1px solid #000;
  font-size: calc(36 * (100vw / 750));
  letter-spacing: 0.04em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-family: mencken-std-head, sans-serif;
}
#LB220412Sweet .staff {
  margin: calc(112 * (100vw / 750)) auto calc(193 * (100vw / 750));
  font-family: mencken-std-head, sans-serif;
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 1.7272727273;
}
#LB220412Sweet .staff span {
  padding: 0 calc(10 * (100vw / 750));
}
/* ============================= ▲ check-btn ▲ == */
/* ============================= ▼ タブレット ▼ == */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
/* ============================= ▲ タブレット ▲ == */
/* ============================= ▼ PC ▼ == */
@media screen and (min-width: 768px) {
/* ============================= ▲ PC ▲ == */
  /* ============================= ▼ 全体 ▼ == */
  #LB220412Sweet .sp-only {
    display: none;
  }
  #LB220412Sweet .pc-only {
    display: block;
  }
  /* ============================= ▲ 全体 ▲ == */

/* ============================= ▼ common ▼ == */
#LB220412Sweet .content__inner {
  width: 140rem;
  margin: 0 auto;
}
#LB220412Sweet .lead {
  font-size: 1.4rem;
  line-height: 2.5;
  letter-spacing: 0.08em;
  transform: scale(1,1);
  font-feature-settings: "palt";
}

#LB220412Sweet .content__sub-ttl {
  font-size: 2.1rem;
  margin-top: 4.2rem;
}

#LB220412Sweet .content__ttl {
  font-size: 3.9rem;
  margin-top: 2.7rem;
}

#LB220412Sweet .content__credit {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 5.5rem;
}

#LB220412Sweet .content__credit span {
  padding: 0 0.6rem;
}

#LB220412Sweet .number {
  font-size: 2.3rem;
}
/* ============================= ▼ heading ▼ == */
#LB220412Sweet .heading__wrapper {
  width: 120rem;
  margin: 0 auto;
}
#LB220412Sweet .heading__wrapper {
  margin-top: 6rem;
}
#LB220412Sweet .heading__visual {
  width: 120rem;
  margin: 0 auto;
}

/* ============================= ▼ lead ▼ == */
#LB220412Sweet .content__block--lead {
  padding-top: 11rem;
}

#LB220412Sweet .lead2 {
  padding-top: 3.8rem;
}

/* ============================= ▼ 01 ▼ == */
#LB220412Sweet .content__block--01 {
  padding-top: 10.8rem;
}

#LB220412Sweet .content__unit--01-1 {
  width: 50rem;
}

#LB220412Sweet .content__unit--01-2 {
  width: 50rem;
  margin-top: 4rem;
}
#LB220412Sweet .content__unit--01-3 {
  width: 45rem;
  margin-top: 11.4rem;
}
/* ============================= ▼ 02 ▼ == */
#LB220412Sweet .content__block--02 {
  padding-top: 11.8rem;
}

#LB220412Sweet .content__unit--02-1 {
  width: 58rem;
}

#LB220412Sweet .content__unit--02-2 {
  width: 75rem;
  margin-top: 8rem;
}

#LB220412Sweet .content__block--02 .content__credit {
  margin-top: 5.5rem;
}

/* ============================= ▼ 03 ▼ == */
#LB220412Sweet .content__block--03 {
  padding-top: 11.4rem;
}

#LB220412Sweet .content__unit--03-1 {
  width: 60rem;
}

#LB220412Sweet .content__unit--03-2 {
  width: 60rem;
  margin-top: 4rem;
}

/* ============================= ▼ 04 ▼ == */
#LB220412Sweet .content__block--04 {
  padding-top: 11.6rem;
}

#LB220412Sweet .content__unit--04-1 {
  width: 70rem;
}

#LB220412Sweet .content__unit--04-2 {
  width: 36rem;
  margin: 8rem auto 0 39rem;
}

#LB220412Sweet .content__unit--04-3 {
  width: 51rem;
  margin: -5.6rem 38.9rem 0 auto;
}

/* ============================= ▼ 05 ▼ == */
#LB220412Sweet .content__block--05 {
  padding-top: 12rem;
}

#LB220412Sweet .content__unit--05-1 {
  width: 65rem;
}

#LB220412Sweet .content__block--05 .content__ttl {
  margin-top: 3rem;
}
/* ============================= ▼ 06 ▼ == */
#LB220412Sweet .content__block--06 {
  padding-top: 11.4rem;
}

#LB220412Sweet .content__unit--06-1 {
  width: 55rem;
}

#LB220412Sweet .content__unit--06-2 {
  width: 55rem;
  margin-top: 4rem;
}

/* ============================= ▼ 07 ▼ == */
#LB220412Sweet .content__block--07 {
  padding-top: 11.4rem;
}

#LB220412Sweet .content__unit--07-1 {
  width: 55rem;
}

/* ============================= ▼ 08 ▼ == */
#LB220412Sweet .content__block--08 {
  padding-top: 11.6rem;
}

#LB220412Sweet .content__unit--08-1 {
  width: 48rem;
}

#LB220412Sweet .content__unit--08-2 {
  width: 70rem;
  margin-top: 8rem;
}

#LB220412Sweet .content__block--06 .content__sub-ttl {
  margin-top: 4rem;
}
/* ============================= ▼ 09 ▼ == */
#LB220412Sweet .content__block--09 {
  padding-top: 11.6rem;
}

#LB220412Sweet .content__unit--09-1 {
  width: 50rem;
  margin: 0 35rem 0 auto;
}

#LB220412Sweet .content__unit--09-2 {
  width: 60rem;
  margin: 8rem auto 0 35rem;
}

  /* ============================= ▼ check-btn ▼ == */
  #LB220412Sweet .check-btn-wrapper {
    margin: 11.5rem auto 0;
  }
  #LB220412Sweet .all-btn a {
    width: 42rem;
    height: 7.4rem;
    font-size: 2rem;
  }
  /* ============================= ▲ check-btn ▲ == */
  #LB220412Sweet .staff {
    margin: 5.5rem auto 13rem;
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
  #LB220412Sweet .staff span {
    padding: 0 0.8rem;
  }
  #LB220412Sweet span.staff__secondary {
    letter-spacing: 0.03em;
  }
}