@charset "UTF-8";

/* ============================= ▼ 全体 ▼ == */
html {
  font-size: 62.5%;
}

#LB220519talent {
  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;
}

#LB220519talent img,
#LB220519talent video {
  width: 100%;
  height: auto;
}

#LB220519talent a {
  display: block;
}

#LB220519talent .sp-only {
  display: block;
}

#LB220519talent .pc-only {
  display: none;
}

.main-area {
  overflow-x: visible;
}

.main-area .main-inner {
  width: 100%;
  max-width: none;
}

/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
#LB220519talent .fade {
  opacity: 0;
  transition: all 1s ease;
}

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

/* ============================= ▲ fade ▲ == */
/* ============================= ▼ common ▼ == */
#LB220519talent .page-content {
  position: relative;
}

#LB220519talent .heading__ttl--wrapper {
  position: absolute;
  top: calc(27 * (100vw / 750));
  left: calc(78 * (100vw / 750));
}

#LB220519talent .heading__sub-ttl {
  width: calc(504.1768 * (100vw / 750));
  margin: 0 auto;
}

#LB220519talent .heading__inner {
  position: relative;
}

#LB220519talent .heading__ttl {
  font-family: mencken-std-head, sans-serif;
  font-size: calc(78 * (100vw / 750));
  font-weight: 700;
  font-feature-settings: normal;
  margin-top: calc(680 * (100vw / 750));
}

#LB220519talent .heading__count {
  font-family: mencken-std-head, sans-serif;
  font-size: calc(38 * (100vw / 750));
  font-feature-settings: normal;
  margin-top: calc(17 * (100vw / 750));
}

#LB220519talent .heading__lead {
  font-size: calc(34 * (100vw / 750));
  margin-top: calc(16 * (100vw / 750));
  line-height: 1.2647058824;
  font-weight: 500;
}

#LB220519talent .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";
}

#LB220519talent .content__inner {
  position: relative;
}

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

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

#LB220519talent .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(58 * (100vw / 750));
}

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

#LB220519talent .content__unit {
  margin: 0 auto;
}

#LB220519talent .number {
  display: inline-block;
  font-size: calc(29 * (100vw / 750));
  line-height: 0;
}

/* ============================= ▼ heading ▼ == */
#LB220519talent .heading__wrapper {
  position: sticky;
  top: 0;
  z-index: -2;
  width: calc(750 * (100vw / 750));
}

#LB220519talent .heading__visual {
  width: calc(750 * (100vw / 750));
}

#LB220519talent .content__wrapper {
  position: relative;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
}

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

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

#LB220519talent .content__unit--01-1 {
  width: calc(670 * (100vw / 750));
  margin: 0 auto;
}

#LB220519talent .content__unit--01-2 {
  width: calc(488 * (100vw / 750));
  margin: calc(60 * (100vw / 750)) auto 0 calc(40 * (100vw / 750));
}

#LB220519talent .content__unit--01-3 {
  width: calc(690 * (100vw / 750));
  margin: calc(60 * (100vw / 750)) 0 0 auto;
}

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

#LB220519talent .content__unit--02-1 {
  width: calc(670 * (100vw / 750));
  margin: 0 auto;
}

#LB220519talent .content__unit--02-2 {
  width: calc(450 * (100vw / 750));
  margin: calc(-80 * (100vw / 750)) 0 0 auto;
}

#LB220519talent .content__unit--02-3 {
  width: calc(750 * (100vw / 750));
  margin: calc(84.7 * (100vw / 750)) auto 0;
}

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

#LB220519talent .content__unit--03-1 {
  width: calc(650 * (100vw / 750));
  margin: 0 auto;
}

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

#LB220519talent .content__unit--04-1 {
  width: calc(530 * (100vw / 750));
  margin: 0 auto;
}

#LB220519talent .content__unit--04-2 {
  width: calc(750 * (100vw / 750));
  margin-top: calc(84.7 * (100vw / 750));
}

/* ============================= ▼ check-btn ▼ == */
#LB220519talent .check-btn-wrapper {
  margin: calc(160 * (100vw / 750)) auto 0;
}

#LB220519talent .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;
}

#LB220519talent .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;
}

#LB220519talent .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 ▲ == */
  /* ============================= ▼ 全体 ▼ == */
  #LB220519talent .sp-only {
    display: none;
  }

  #LB220519talent .pc-only {
    display: block;
  }

  /* ============================= ▲ 全体 ▲ == */

  /* ============================= ▼ common ▼ == */
  #LB220519talent .page-content {
    width: 140rem;
    margin: 0 auto;
  }

  #LB220519talent .lead {
    font-size: 1.4rem;
    line-height: 2.5;
    letter-spacing: 0.08em;
    transform: scale(1, 1);
    font-feature-settings: "palt";
  }

  #LB220519talent .content__sub-ttl {
    font-size: 2.1rem;
    margin-top: 4.1rem;
  }

  #LB220519talent .content__ttl {
    font-size: 3.9rem;
    margin-top: 2.3rem;
  }

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

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

  #LB220519talent .number {
    font-size: 2.3rem;
  }

  /* ============================= ▼ heading ▼ == */
  #LB220519talent .heading__wrapper {
    width: 65rem;
    margin: 3rem auto 0;
    position: relative;
  }

  #LB220519talent .heading__visual {
    width: 65rem;
    margin: 0 auto;
  }

  #LB220519talent .heading__ttl--wrapper {
    top: 2.2rem;
    left: 9.3rem;
  }

  #LB220519talent .heading__sub-ttl {
    width: 39.0083rem;
  }
  
  #LB220519talent .heading__ttl {
    font-size: 6.1rem;
    margin-top: 66.2rem;
  }
  
  #LB220519talent .heading__count {
    font-size: 2.8rem;
    margin-top: 1.6rem;
  }
  
  #LB220519talent .heading__lead {
    font-size: 2.2rem;
    margin-top: 2.3rem;
  }

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

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

  #LB220519talent .content__unit--01-1 {
    width: 55rem;
    margin: 0 auto 0 31rem;
  }

  #LB220519talent .content__unit--01-2 {
    width: 42rem;
    margin: 7rem 31rem 0 auto;
  }

  #LB220519talent .content__unit--01-3 {
    width: 62rem;
    margin: 7rem auto 0;
  }

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

  #LB220519talent .content__unit--02-1 {
    width: 58rem;
    margin: 0 auto;
  }

  #LB220519talent .content__unit--02-2 {
    width: 38rem;
    margin: 7rem auto 0 28rem;
  }

  #LB220519talent .content__unit--02-3 {
    width: 55rem;
    margin: 7rem 35rem 0 auto;
  }

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

  #LB220519talent .content__unit--03-1 {
    width: 58rem;
    margin: 0 auto;
  }

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

  #LB220519talent .content__unit--04-1 {
    width: 48rem;
    margin: 0 auto;
  }

  #LB220519talent .content__unit--04-2 {
    width: 70rem;
    margin: 7rem auto 0;
  }

  /* ============================= ▼ check-btn ▼ == */
  #LB220519talent .check-btn-wrapper {
    margin: 11.5rem auto 0;
  }

  #LB220519talent .all-btn a {
    width: 42rem;
    height: 7.4rem;
    font-size: 2rem;
  }

  /* ============================= ▲ check-btn ▲ == */
  #LB220519talent .staff {
    margin: 5.5rem auto 13rem;
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }

  #LB220519talent .staff span {
    padding: 0 0.8rem;
  }

  #LB220519talent span.staff__secondary {
    letter-spacing: 0.03em;
  }
}