@charset "UTF-8";
@font-face {
  font-family: 'Didot';
  src: url("../font/Didot Regular.ttf") format("truetype");
}
/* ============================= ▼ 全体 ▼ == */
html {
font-size: 62.5%;
}
#LB22022500size {
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;
overflow: hidden;
line-height: 1;
}
#LB22022500size img {
width: 100%;
height: auto;
}
#LB22022500size a {
  display: block;
  }
.sp-only {
display: block;
}
.pc-only {
display: none;
}
.main-area .main-inner {
width: 100%;
max-width: none;
}
.page-content {
  font-weight: 500;
}
/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
.js-fade {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(calc(80* 0.1333333333vw));
  transform: translateY(calc(80* 0.1333333333vw));
}
.js-fade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.bg-wrapper,
.unit_102,
.unit_502 {
  transition-delay: 600ms;
}
/* ============================= ▲ fade ▲ == */
/* ============================= ▼ sec_top ▼ == */
.sec_top {
  margin-top: calc(38* (100vw / 750));
}
.mnttl {
  width: calc(750 * (100vw / 750));
  margin: 0 auto;
}
.sec_top-lead {
  font-size: calc(24 * (100vw / 750));
  margin-top: calc(113 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
}
/* ============================= ▲ sec_top ▲ == */
/* ============================= ▼ common ▼ == */
.sec {
  position: relative;
}
.sec-inner {
  position: relative;
}
.unit {
  position: relative;
}
.sec-inner::before,
.sec-inner::after {
  position: absolute;
  content: "";
}
.sec-inner::before {
  left: 0;
}
.sec-inner::after {
  right: 0;
}
.credit-wrapper {
  margin: 0 auto;
  font-family: Didot, serif;
  width: calc(590 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 2.0833333333;
  position: relative;
  left: calc(6 * (100vw / 750));
}
.credit {
  padding-right: calc(14 * (100vw / 750));
  display: inline-block;
}
.img_101,
.img_201,
.img_301,
.img_401,
.img_501 {
  width: calc(570 * (100vw / 750));
  position: relative;
  margin: 0 auto;
}
.number {
  font-family: Didot, serif;
  font-size: calc(132 * (100vw / 750));
  text-align: left;
  margin: 0 auto;
  display: inline-block;
  letter-spacing: 0.05em;
  position: relative;
}
.sec-ttl {
  font-family: Didot, serif;
  font-size: calc(42 * (100vw / 750));
  line-height: 1.3333333333;
}
/* ============================= ▲ common ▲ == */
/* ============================= ▼ sec_1 ▼ == */
.sec_1 {
  margin-top: calc(155 * (100vw / 750));
}
.bg_101 {
  position: absolute;
  background-color: #cdd8e8;
  width: calc(750 * (100vw / 750));
  height: calc(580.3731 * (100vw / 750));
  top: calc(89 * (100vw / 750));
  z-index: -1;
  left: 0;
}
.bg_102 {
  position: absolute;
  background-color: #f4f1ea;
  width: calc(750 * (100vw / 750));
  height: calc(951 * (100vw / 750));
  top: calc(654 * (100vw / 750));
  z-index: -2;
  left: 0;
}
.item-img_1 {
  margin: calc(54 * (100vw / 750)) auto 0;
  width: calc(419.0758 * (100vw / 750));
}
.number_1 {
  margin-top: calc(50 * (100vw / 750));
  color: #cdd8e8;
  left: calc(6 * (100vw / 750));
}
.sec-ttl_1 {
  margin-top: calc(18 * (100vw / 750));
}
.credit-wrapper_1 {
  margin-top: calc(56 * (100vw / 750));
}
/* ============================= ▲ sec_1 ▲ == */
/* ============================= ▼ sec_2 ▼ == */
.sec_2 {
  margin-top: calc(290 * (100vw / 750));
}
.bg_201 {
  position: absolute;
  background-color: #d9dadf;
  width: calc(550 * (100vw / 750));
  height: calc(1343 * (100vw / 750));
  top: calc(449 * (100vw / 750));
  z-index: -2;
  left: 0;
}
.bg_202 {
  position: absolute;
  background-color: #f4f1ea;
  width: calc(600 * (100vw / 750));
  height: calc(1591 * (100vw / 750));
  top: calc(100 * (100vw / 750));
  z-index: -1;
  right: 0;
}
.item-img_2 {
  margin: calc(56 * (100vw / 750)) auto 0;
  width: calc(421.7954 * (100vw / 750));
}
.number_2 {
  margin-top: calc(48 * (100vw / 750));
  color: #d9dadf;
}
.sec-ttl_2 {
  margin-top: calc(12 * (100vw / 750));
}
.credit-wrapper_2 {
  margin-top: calc(58 * (100vw / 750));
}
/* ============================= ▲ sec_2 ▲ == */
/* ============================= ▼ sec_3 ▼ == */
.sec_3 {
  margin-top: calc(390 * (100vw / 750));
}
.bg_301 {
  position: absolute;
  background-color: #f4f1ea;
  width: calc(610 * (100vw / 750));
  height: calc(1419 * (100vw / 750));
  top: calc(360* (100vw / 750));
  z-index: -1;
  left: 0;
}
.bg_302 {
  position: absolute;
  background-color: #dde0ad;
  width: calc(453 * (100vw / 750));
  height: calc(1445 * (100vw / 750));
  top: calc(186 * (100vw / 750));
  z-index: -2;
  right: 0;
}
.item-img_3 {
  margin: calc(54 * (100vw / 750)) auto 0;
  width: calc(591.5379 * (100vw / 750));
}
.number_3 {
  margin-top: calc(50 * (100vw / 750));
  color: #dbe0a4;
}
.sec-ttl_3 {
  margin-top: calc(12 * (100vw / 750));
}
.credit-wrapper_3 {
  margin-top: calc(36 * (100vw / 750));
}
/* ============================= ▲ sec_3 ▲ == */
/* ============================= ▼ sec_4 ▼ == */
.sec_4 {
  margin-top: calc(290 * (100vw / 750));
}
.bg_401 {
  position: absolute;
  background-color: #dddfed;
  width: calc(520 * (100vw / 750));
  height: calc(1678 * (100vw / 750));
  top: calc(188 * (100vw / 750));
  z-index: -2;
  left: 0;
}
.bg_402 {
  position: absolute;
  background-color: #f4f1ea;
  width: calc(700 * (100vw / 750));
  height: calc(1658 * (100vw / 750));
  top: calc(314 * (100vw / 750));
  z-index: -1;
  right: 0;
}
.item-img_4 {
  margin: calc(58 * (100vw / 750)) auto 0;
  width: calc(473.7805 * (100vw / 750));
}
.number_4 {
  margin-top: calc(50 * (100vw / 750));
  color: #dddfed;
  left: 0;
}
.sec-ttl_4 {
  margin-top: calc(11 * (100vw / 750));
}
.credit-wrapper_4 {
  margin-top: calc(50 * (100vw / 750));
}
/* ============================= ▲ sec_4 ▲ == */
/* ============================= ▼ sec_5 ▼ == */
.sec_5 {
  margin-top: calc(290 * (100vw / 750));
}
.bg_501 {
  position: absolute;
  background-color: #ead5c5;
  width: calc(750 * (100vw / 750));
  height: calc(580.3731 * (100vw / 750));
  top: calc(90 * (100vw / 750));
  z-index: -1;
  left: 0;
}
.bg_502 {
  position: absolute;
  background-color: #f4f1ea;
  width: calc(750 * (100vw / 750));
  height: calc(1044 * (100vw / 750));
  top: calc(650 * (100vw / 750));
  z-index: -2;
  right: 0;
}
.item-img_5 {
  margin: calc(54 * (100vw / 750)) auto 0;
  width: calc(418.2402 * (100vw / 750));
}
.number_5 {
  margin-top: calc(98 * (100vw / 750));
  color: #ead5c5;
}
.sec-ttl_5 {
  margin-top: calc(12 * (100vw / 750));
}
.credit-wrapper_5 {
  margin-top: calc(60 * (100vw / 750));
}
/* ============================= ▲ sec_5 ▲ == */
/* ============================= ▼ check-btn ▼ == */
.check-btn-wrapper {
  margin: calc(250 * (100vw / 750)) auto calc(200 * (100vw / 750));
}
#LB22022500size .limited-btn a,
#LB22022500size .all-btn a {
  width: calc(675 * (100vw / 750));
  margin: 0 auto;
  height: calc(146 * (100vw / 750));
  border: 1px solid #000;
  font-size: calc(32 * (100vw / 750));
  letter-spacing: 0.04em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#LB22022500size .limited-btn a {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
#LB22022500size .all-btn a {
  font-family: Didot, serif;
}
.all-btn {
  margin-top: calc(18 * (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 ▲ == */
  /* ============================= ▼ 全体 ▼ == */
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  /* ============================= ▲ 全体 ▲ == */
  /* ============================= ▼ fade ▼ == */
  .js-fade {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    opacity: 0;
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  /* ============================= ▲ fade ▲ == */
  /* ============================= ▼ sec_top ▼ == */
  .sec_top {
    margin-top: 4rem;
  }
  .mnttl {
    width: 96rem;
  }
  .sec_top-lead {
    font-size: 1.5rem;
    margin-top: 4.3rem;
    letter-spacing: 0.08em;
    line-height: 2;
    font-feature-settings: 'palt';
  }
  /* ============================= ▲ sec_top ▲ == */
  /* ============================= ▼ common ▼ == */
  .sec {
    width: 140rem;
    margin: 0 auto;
  }
  .credit-wrapper {
    margin: 0 auto;
    width: 30rem;
    font-size: 1.3rem;
    line-height: 2;
    left: 0;
  }
  .credit {
    padding-right: 1rem;
  }
  .flex-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
  }
  .reverse {
    flex-direction: row-reverse;
  }
  .img_101,
  .img_201,
  .img_401,
  .img_501 {
    width: 47rem;
  }
  .img_301 {
    width: 52rem;
  }
  .number {
    font-size: 11rem;
  }
  .sec-ttl {
    font-size: 3rem;
    line-height: 1.2;
  }
  
  /* ============================= ▲ common ▲ == */
  /* ============================= ▼ sec_1 ▼ == */
  .sec_1 {
    margin-top: 11rem;
  }
  .flex-box_1 {
    width: 90.69429rem;
    margin-left: 23rem;
  }
  .bg_101 {
    width: 34rem;
    height: 62.7rem;
    top: 0;
    left: -5rem;
  }
  .bg_102 {
    width: 76.4rem;
    height: 58rem;
    top: 12.6rem;
    left: 22.5rem;
    transition-delay: 200ms;
  }
  .item-img_1 {
    margin: 5rem auto 0;
    width: 35.68857rem;
  }
  .unit_102 {
    width: 35.68857rem;
    transition-delay: 1600ms;
  }
  .number_1 {
    margin-top: 7.5rem;
    left: 0;
  }
  .sec-ttl_1 {
    margin-top: 1rem;
  }
  .credit-wrapper_1 {
    margin-top: 4.2rem;
    left: 0.4rem;
  }
  /* ============================= ▲ sec_1 ▲ == */
  /* ============================= ▼ sec_2 ▼ == */
  .sec_2 {
    margin-top: 11rem;
  }
  .flex-box_2 {
    width: 87.54199rem;
    margin-left: 28.4rem;
  }
  .bg-wrapper_2 {
    transition-delay: 1200ms;
  }
  .bg_201 {
    width: 26.5rem;
    height: 26.5rem;
    top: 65rem;
    left: 95.4rem;
  }
  .bg_202 {
    width: 60.7rem;
    height: 65rem;
    top: 12.6rem;
    right: 61.2rem;
  }
  .item-img_2 {
    margin: 5rem auto 0;
    width: 34.10213rem;
  }
  .unit_201 {
    margin-top: 22.8rem;
  }
  .unit_202 {
    width: 37.64795rem;
    transition-delay: 1800ms;
  }
  .number_2 {
    margin-top: 7.5rem;
    left: 0;
  }
  .sec-ttl_2 {
    margin-top: 1rem;
  }
  .credit-wrapper_2 {
    margin-top: 5.3rem;
    left: 0.7rem;
  }
  /* ============================= ▲ sec_2 ▲ == */
  /* ============================= ▼ sec_3 ▼ == */
  .sec_3 {
    margin-top: 16rem;
  }
  .flex-box_3 {
    width: 76.19617rem;
    margin-left: 34rem;
    margin-top: -7.3rem;
  }
  .bg_301 {
    width: 85rem;
    height: 66.7rem;
    top: 45.8rem;
    left: 27.5rem;
  }
  .bg_302 {
    width: 45.3rem;
    height: 45.3rem;
    top: 41rem;
    right: 72.2rem;
  }
  .item-img_3 {
    margin: 5rem auto 0;
    width: 46.61446rem;
  }
  .unit_301 {
    width: 26.48516rem;
  }
  .number_3 {
    margin-top: 11rem;
    left: 0;
  }
  .sec-ttl_3 {
    margin-top: 1rem;
  }
  .credit-wrapper_3 {
    margin: 0;
    left: -1.5rem;
    position: absolute;
    top: 34.7rem;
  }
  /* ============================= ▲ sec_3 ▲ == */
  /* ============================= ▼ sec_4 ▼ == */
  .sec_4 {
    margin-top: 24rem;
  }
  .flex-box_4 {
    width: 95.83682rem;
    margin-left: 21rem;
  }
  .bg_401 {
    width: 52rem;
    height: 58.7rem;
    top: 9rem;
    left: 16rem;
  }
  .bg_402 {
    width: 65rem;
    height: 73.6rem;
    top: 9rem;
    right: 16rem;
  }
  .unit_402 {
    margin-left: -3rem;
    transition-delay: 1200ms;
  }
  .item-img_4 {
    margin: 5.2rem auto 0;
    width: 50.2rem;
  }
  .number_4 {
    margin-top: 4rem;
    left: 0;
  }
  .sec-ttl_4 {
    margin-top: 1rem;
  }
  .credit-wrapper_4 {
    margin-top: 2.8rem;
  }
  /* ============================= ▲ sec_4 ▲ == */
  /* ============================= ▼ sec_5 ▼ == */
  .sec_5 {
    margin-top: 10.5rem;
  }
  .flex-box_5 {
    width: 90.1204rem;
    margin-left: 26.8rem;
  }
  .bg_501 {
    width: 34rem;
    height: 62.7rem;
    top: 0;
    left: 18rem;
  }
  .bg_502 {
    width: 74.6rem;
    height: 60.6rem;
    top: 12.6rem;
    left: -8.8rem;
    transition-delay: 800ms;
  }
  .unit_501 {
    margin-top: 20.5rem;
  }
  .unit_502 {
    transition-delay: 1600ms;
  }
  .item-img_5 {
    margin: 5rem auto 0;
    width: 37.24081rem;
  }
  .number_5 {
    margin-top: 7.5rem;
    left: 0;
  }
  .sec-ttl_5 {
    margin-top: 1rem;
  }
  .credit-wrapper_5 {
    margin-top: 4.5rem;
    left: 0.4rem;
  }
  /* ============================= ▲ sec_5 ▲ == */
  /* ============================= ▼ check-btn ▼ == */
  .check-btn-wrapper {
    margin: 15.7rem auto 13.8rem;
  }
  #LB22022500size .limited-btn a,
  #LB22022500size .all-btn a {
    width: 42rem;
    height: 7.4rem;
    font-size: 1.8rem;
  }
  .all-btn {
    margin-top: 1rem;
  }
  /* ============================= ▲ check-btn ▲ == */
}