/* ========================================== */
/*               project _lower               */
/* ========================================== */
/* project04 kataage-kaisendashi2026 */
#kataage_ouenbu10th._lower._04 {
  background: url(../img/bg-lead-history.jpg) repeat-y center top/100% auto;
}

/* lead-history */
#kataage_ouenbu10th._lower._04 .lead-history {
  padding-bottom: 100px;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead {
  background: none;
  padding: 70px 0;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .max-w {
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .lead__inner {
  position: relative;
  max-width: 83.42%;
  aspect-ratio: 1802/776;
  background: url(../img/bg-lead.png) no-repeat center center/100% auto;
  margin: 0 auto;
  padding-block: 6% 0;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead h2 {
  max-width: 55.7%;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead h2 + p {
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 1.8;
  margin-top: 16px;
  text-shadow: 0 0 16px rgba(0, 27, 38, 0.7), 0 0 16px rgba(0, 27, 38, 0.7), 0 0 16px rgba(0, 27, 38, 0.7), 0 0 16px rgba(0, 27, 38, 0.7);
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .sizzle .sizzle01 {
  position: absolute;
  top: -2%;
  right: -4%;
  width: 18.3%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .sizzle .sizzle02 {
  position: absolute;
  bottom: -2.5%;
  left: -9%;
  width: 28.74%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .pkg .pkg01 {
  position: absolute;
  bottom: -13.5%;
  right: -13.7%;
  width: 30.1%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble img {
  position: absolute;
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble01 {
  top: 0%;
  left: -2%;
  width: 4.35%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble02 {
  top: -0.5%;
  right: -4%;
  width: 4.53%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble03 {
  bottom: -19.5%;
  left: -9%;
  width: 11.75%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble04 {
  bottom: 28%;
  right: -5%;
  width: 6%;
}

#kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble05 {
  bottom: -19.5%;
  right: 19%;
  width: 3.51%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history {
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .max-w {
  max-width: 1410px;
  aspect-ratio: 1410/1947;
  background: url(../img/bg-history.png) no-repeat center top/100% auto;
  position: relative;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img {
  position: absolute;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco01 {
  width: 12.9%;
  top: 11%;
  left: -1%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco02 {
  width: 22.9%;
  top: 22%;
  right: 6%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco03 {
  width: 7.23%;
  top: 29%;
  left: 2%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco04 {
  width: 16.8%;
  top: 43.5%;
  right: 0%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco05 {
  width: 15.8%;
  bottom: 24%;
  left: 0.5%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco06 {
  width: 13.75%;
  bottom: 9.5%;
  right: 0%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history h2 {
  width: 53.75%;
  margin: 0 auto;
  padding-top: 11%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list {
  max-width: 76.59%;
  margin: 5% auto 0;
  padding-inline: 8.3333%;
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list::after {
  content: "";
  display: block;
  width: 76.13%;
  aspect-ratio: 1666/2176;
  background: url(../img/bg-history-line.png) no-repeat left center/100% auto;
  position: absolute;
  top: 13%;
  left: 17%;
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list.is-line-revealing::after {
  clip-path: inset(0 0 calc(100% - var(--history-line-progress, 0%)) 0);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item {
  position: relative;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.history-item-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.history-item-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01 {
  width: 87.6666%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01 .history-list__item-img {
  transform: translateX(-5%);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02 {
  width: 96.5555%;
  margin-top: 21%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02 .history-list__item-img {
  transform: translateX(0.5%);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03 {
  width: 116.1111%;
  margin-top: 10%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03 .history-list__item-img {
  transform: translateX(-18%);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04 {
  width: 89.5555%;
  margin-top: 7%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04 .history-list__item-img {
  transform: translateX(8%);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05 {
  width: 89.6666%;
  margin-top: 12%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05 .history-list__item-img {
  transform: translateX(-2%);
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item::after {
  content: "";
  display: block;
  aspect-ratio: 72/108;
  background: url(../img/icon-pin.png) no-repeat left center/100% auto;
  position: absolute;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01::after {
  width: 4.69%;
  bottom: -62.5%;
  left: 6.8%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02::after {
  width: 4.25%;
  top: 10%;
  right: -10.8%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03::after {
  width: 3.54%;
  top: 8%;
  left: 32%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04::after {
  width: 4.59%;
  top: 3%;
  right: -15.8%;
}

#kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05::after {
  width: 4.58%;
  top: -6%;
  left: 52.5%;
}

/* voice-movie */
#kataage_ouenbu10th._lower._04 .voice-movie {
  background: url(../img/bg-voice-movie.png) no-repeat center top/cover;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice__title h2 {
  width: 77.63%;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list {
  width: 100%;
  aspect-ratio: 1440/981;
  position: relative;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment img {
  position: absolute;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment01 {
  width: 37.91%;
  top: 2%;
  left: 8%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment02 {
  width: 30.34%;
  top: -2.5%;
  right: 15.5%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment03 {
  width: 31.59%;
  top: 25%;
  left: 39%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment04 {
  width: 25.2%;
  bottom: 37%;
  left: 13%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment05 {
  width: 39.51%;
  bottom: 25.5%;
  right: 7%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie {
  padding-bottom: 12%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie__inner {
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__title h2 {
  width: 14.09%;
  min-width: 150px;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__wrap {
  margin: 47px auto 0;
  width: 35.41%;
  max-width: 510px;
  min-width: 350px;
  aspect-ratio: 16/9;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__wrap iframe {
  width: 100%;
  height: 100%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__name {
  font-size: 19px;
  font-weight: var(--semiBold);
  text-align: center;
  color: #ffffff;
  width: 100%;
  margin: 1.5% auto 0;
  letter-spacing: 0.06em;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .deco img {
  position: absolute;
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .deco .deco01 {
  width: 22.22%;
  top: 35%;
  left: 2%;
}

#kataage_ouenbu10th._lower._04 .voice-movie .movie .deco .deco02 {
  width: 28.88%;
  top: 17%;
  right: 0.5%;
}

/* track-product */
#kataage_ouenbu10th._lower._04 .track-product {
  padding-block: 120px;
  background: url(../img/bg-track-product.png) no-repeat center top/cover;
  margin-top: -2%;
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .track-product .track {
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .track-product .track::before {
  content: "";
  display: block;
  width: 104.5%;
  max-width: 1480px;
  aspect-ratio: 3020/481;
  background: url(../img/deco-track-top.png) no-repeat left top/100% auto;
  position: absolute;
  top: -8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .track-product .track::after {
  content: "";
  display: block;
  width: 104.5%;
  max-width: 1480px;
  aspect-ratio: 3020/349;
  background: url(../img/deco-track-btm.png) no-repeat left top/100% auto;
  position: absolute;
  bottom: -18%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .track-product .track h2 {
  text-align: center;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: 0.05em;
  padding-left: 0.27em;
}

#kataage_ouenbu10th._lower._04 .track-product .track h2 + p {
  text-align: center;
  font-size: 18px;
  font-weight: var(--extraBold);
  margin-top: 36px;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 45px;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box {
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg01 {
  width: 81.94%;
  align-self: flex-start;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02 {
  width: 71.1%;
  align-self: flex-end;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg01::after {
  width: 139.4%;
  aspect-ratio: 2466/119;
  background: url(../img/track-pkg-line-01.png) no-repeat left top/100% auto;
  top: 45%;
  left: 4.6%;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02::after {
  width: 178.1%;
  aspect-ratio: 2735/186;
  background: url(../img/track-pkg-line-02.png) no-repeat left top/100% auto;
  top: 45%;
  right: -14.5%;
}

#kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02::before {
  content: "";
  display: block;
  width: 38.3%;
  aspect-ratio: 588/595;
  background: url(../img/bg-track-pkg02.png) no-repeat left top/100% auto;
  position: absolute;
  right: -10.5%;
  top: 6%;
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .track-product .product {
  margin-top: 100px;
  position: relative;
  z-index: 1;
}

#kataage_ouenbu10th._lower._04 .track-product .product::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 2879/1812;
  background: url(../img/product-sizzle.png) no-repeat center/100% auto;
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#kataage_ouenbu10th._lower._04 .track-product .product h2 {
  width: 65.74%;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead {
  margin-top: -10px;
  position: relative;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead .img-box {
  width: 32.59%;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-152%, -50%);
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p {
  font-size: 1.3vw; /* 18px */
  font-weight: 600;
  line-height: 1.5;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.9);
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p + p {
  margin-top: 1em;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p span {
  font-weight: 900;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail {
  margin-top: 2vw;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail h3 {
  width: 90.9%;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail .product-detail-day {
  width: 83.33%;
  max-width: 900px;
  margin: 0 auto;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn {
  margin-top: 65px;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn a {
  position: relative;
  display: block;
  width: 37%;
  max-width: 397px;
  background-image: linear-gradient(90deg, #0b4091 5%, #054a82 28%, #1165a8 50%, #054a82 72%, #0b4091 95%);
  color: #fff;
  border-radius: 50vw;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  font-weight: var(--semiBold);
  padding: 3rem;
  box-shadow: 0 10px 15px 0px rgba(107, 82, 17, 0.22);
  letter-spacing: 0.05em;
}

#kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn a::before {
  content: "";
  position: absolute;
  width: 16px;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  aspect-ratio: 1/1;
  background: url(../img/icon_arrow_wh_right.png) no-repeat center/contain;
}

/* join */
#kataage_ouenbu10th._lower._04 .join {
  color: #fff;
  background: url(../img/join_bg.jpg) no-repeat center/cover;
}

#kataage_ouenbu10th._lower._04 .join h2 {
  font-family: "Shippori Mincho B1", serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  color: #fff;
  position: relative;
  width: fit-content;
  font-size: 40px;
  margin: 0 auto 5%;
  z-index: 1;
  text-shadow: 0 0 16px rgba(16, 37, 71, 0.4), 0 0 16px rgba(16, 37, 71, 0.4);
}

#kataage_ouenbu10th._lower._04 .join h2 .small {
  font-size: 80%;
}

#kataage_ouenbu10th._lower._04 .join h2 .ex {
  padding-left: 1rem;
}

#kataage_ouenbu10th._lower._04 .toppage_btn {
  background-image: linear-gradient(90deg, #e4b13f, #f2cf00 26%, #fbe486 50%, #f2cf00 74%, #e4b13f);
  color: #000000;
  box-shadow: 0 10px 15px 0px rgba(16, 37, 71, 0.2);
  width: 37%;
  max-width: 397px;
}

@media screen and (max-width: 1300px) {
  /* voice-movie */
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice__title h2 + .note {
    font-size: 1.4vw;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p {
    font-size: 1.4vw;
  }
  /* track-product */
  #kataage_ouenbu10th._lower._04 .track-product .track h2 {
    font-size: 3.4vw;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track h2 + p {
    font-size: 1.4vw;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn a {
    font-size: 1.7vw;
  }
  /* join */
  #kataage_ouenbu10th._lower._04 .join h2 {
    font-size: 3.1vw;
  }
}
@media screen and (max-width: 1080px) {
  /* lead-history */
  #kataage_ouenbu10th._lower._04 .lead-history .lead h2 + p {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  /* lead-history */
  #kataage_ouenbu10th._lower._04 .lead-history {
    background: url(../img/s_bg-lead-history.jpg) no-repeat center top/cover;
    padding-bottom: 40px;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead {
    padding: 40px 0 50px;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .max-w {
    width: 100%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .lead__inner {
    max-width: 100%;
    aspect-ratio: 750/862;
    background: url(../img/s_bg-lead.png) no-repeat center center/100% auto;
    padding-block: 11%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead h2 {
    max-width: 90%;
    margin: 0 auto;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead h2 + p {
    font-size: 4.2vw;
    line-height: 2;
    margin-top: 16px;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .sizzle .sizzle01 {
    top: auto;
    bottom: 16%;
    right: 5%;
    width: 28.2%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .sizzle .sizzle02 {
    bottom: 0.5%;
    left: 5%;
    width: 31.74%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .pkg .pkg01 {
    bottom: 3.5%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 39.06%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble01 {
    top: -4%;
    left: 7%;
    width: 6.81%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble02 {
    top: -5.5%;
    right: 3%;
    width: 7.1%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble03 {
    bottom: -17%;
    left: 3%;
    width: 18.4%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble04 {
    bottom: -2%;
    right: 4%;
    width: 9.42%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .lead .bubble .bubble05 {
    bottom: -10%;
    right: 13%;
    width: 5.5%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .max-w {
    width: 98%;
    max-width: 100%;
    aspect-ratio: 747/2545;
    background: url(../img/s_bg-history.png) no-repeat center top/100% auto;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco01 {
    width: 19.92%;
    top: 8.5%;
    left: 0%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco02 {
    width: 15.03%;
    top: 19%;
    right: 4%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco03 {
    width: 12.21%;
    top: 25.5%;
    left: -1%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco04 {
    width: 17.8%;
    top: 40.5%;
    right: 4%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco05 {
    width: 24.45%;
    bottom: 32.5%;
    left: auto;
    right: -2%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco06 {
    width: 24.69%;
    bottom: 35.5%;
    right: auto;
    left: -4.5%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco07 {
    width: 23.35%;
    bottom: 16%;
    right: -0.5%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .deco img.deco08 {
    width: 81%;
    bottom: 5%;
    left: 7%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history h2 {
    width: 88.32%;
    padding-top: 10%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list {
    max-width: 100%;
    margin: 5% auto 0;
    padding-inline: 8.72%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list::after {
    width: 91%;
    aspect-ratio: 680/1700;
    background: url(../img/s_bg-history-line.png) no-repeat left center/100% auto;
    top: 5%;
    left: 5%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01 {
    width: 98%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01 .history-list__item-img {
    transform: translateX(5%);
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02 {
    width: 88.2%;
    margin-top: 12%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02 .history-list__item-img {
    transform: translateX(0.5%);
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03 {
    width: 92.36%;
    margin-top: 15%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03 .history-list__item-img {
    transform: translateX(15%);
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04 {
    width: 98.93%;
    margin-top: 8%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04 .history-list__item-img {
    transform: translateX(1.5%);
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05 {
    width: 93.03%;
    margin-top: 9%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05 .history-list__item-img {
    transform: translateX(3%);
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-01::after {
    width: 6.2%;
    bottom: auto;
    top: 31%;
    left: -1.2%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-02::after {
    width: 7.07%;
    top: -1.5%;
    right: 4.5%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-03::after {
    width: 6.67%;
    top: -8.5%;
    left: 11%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-04::after {
    width: 6.13%;
    top: -3.5%;
    right: 20.8%;
  }
  #kataage_ouenbu10th._lower._04 .lead-history .history .history-list .history-list__item.item-05::after {
    width: 6.61%;
    top: -8%;
    left: 51.5%;
  }
  /* voice-movie */
  #kataage_ouenbu10th._lower._04 .voice-movie {
    background: url(../img/s_bg-voice-movie.png) no-repeat center top/cover;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice__title h2 {
    width: 98%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list {
    aspect-ratio: 750/1445;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment01 {
    width: 68.66%;
    top: 2%;
    left: 2%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment02 {
    width: 54%;
    top: 16.5%;
    right: 2%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment03 {
    width: 44.53%;
    top: 32.5%;
    left: 2%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment04 {
    width: 45.06%;
    bottom: auto;
    top: 44%;
    left: auto;
    right: 2%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .voice .voice-list .comment .comment05 {
    width: 61.06%;
    bottom: auto;
    top: 66%;
    right: auto;
    left: 2%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie {
    padding-bottom: 15%;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__title h2 {
    width: 27.06%;
    min-width: auto;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__wrap {
    margin: 25px auto 0;
    width: 68%;
    max-width: auto;
    min-width: auto;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie .movie__name {
    font-size: 3vw;
    margin: 3% auto 0;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie .deco .deco01 {
    width: 12.8%;
    top: 16%;
    left: 0;
  }
  #kataage_ouenbu10th._lower._04 .voice-movie .movie .deco .deco02 {
    width: 14.66%;
    top: 16%;
    right: 0;
  }
  /* track-product */
  #kataage_ouenbu10th._lower._04 .track-product {
    padding-block: 60px;
    margin-top: -4%;
    background: url(../img/s_bg-track-product.png) no-repeat center top/cover;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track::before {
    display: none;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track::after {
    display: none;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track h2 {
    font-size: 8vw;
    line-height: 1.5;
    padding-left: 0.5em;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track h2 + p {
    font-size: 4vw;
    line-height: 1.5;
    margin-top: 20px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg {
    gap: 0;
    margin-top: 25px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg01 {
    width: 81%;
    align-self: flex-start;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02 {
    margin-top: 50px;
    width: 85.5%;
    align-self: center;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg03 {
    margin-top: 10px;
    width: 90.28%;
    align-self: flex-end;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg01::after {
    width: 134.16%;
    aspect-ratio: 750/60;
    background: url(../img/s_track-pkg-line-01.png) no-repeat left top/100% auto;
    top: 35%;
    left: -4%;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02::after {
    width: 127.1%;
    aspect-ratio: 750/91;
    background: url(../img/s_track-pkg-line-02.png) no-repeat left top/100% auto;
    top: 34%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg03::after {
    width: 120.38%;
    aspect-ratio: 750/60;
    background: url(../img/s_track-pkg-line-03.png) no-repeat left top/100% auto;
    top: 50%;
    right: -4%;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg02::before {
    display: none;
  }
  #kataage_ouenbu10th._lower._04 .track-product .track .track-pkg .img-box.pkg03::before {
    content: "";
    display: block;
    width: 38.82%;
    aspect-ratio: 261/372;
    background: url(../img/s_bg-track-pkg03.png) no-repeat left top/100% auto;
    position: absolute;
    right: -2%;
    top: -5%;
    z-index: -1;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product {
    margin-top: 42px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product::after {
    width: 18.98%;
    aspect-ratio: 131/205;
    background: url(../img/s_product-lead-sizzle-chips.png) no-repeat center/100% auto;
    position: absolute;
    top: -7%;
    left: 0%;
    transform: none;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product::before {
    content: "";
    display: block;
    width: 65%;
    aspect-ratio: 449/399;
    background: url(../img/s_product-lead-sizzle.png) no-repeat left center/100% auto;
    position: absolute;
    right: 0;
    top: 6%;
    z-index: -1;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product h2 {
    width: 100%;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead {
    margin-top: 6px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead .img-box {
    width: 105%;
    margin-left: -2.5%;
    margin-right: -2.5%;
    margin-top: -30px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box {
    position: static;
    transform: none;
    padding-inline: 15px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p {
    font-size: 3.6vw;
    line-height: 2;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-lead .text-box p + p {
    margin-top: 1em;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail {
    margin-top: 0;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail h3 {
    width: 100%;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail .product-detail-day {
    width: 100%;
    padding-inline: 10px;
    margin-top: 25px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn {
    margin-top: 32px;
  }
  #kataage_ouenbu10th._lower._04 .track-product .product .product-detail .prduct-detail-btn a {
    width: 80%;
    font-size: 4vw;
    padding: 2.5rem;
  }
  /* join */
  #kataage_ouenbu10th._lower._04 .join {
    padding: 14% 0 16%;
    background: url(../img/s_join_bg.jpg) no-repeat center/cover;
  }
  #kataage_ouenbu10th._lower._04 .join h2 {
    font-size: 9vw;
    line-height: 1.2;
    margin: 0 auto 8%;
  }
  #kataage_ouenbu10th._lower._04 .join h2::before {
    width: 105%;
    bottom: -12%;
    left: 50%;
  }
  #kataage_ouenbu10th._lower._04 .join h2 .ex {
    padding-left: 0.5rem;
  }
  #kataage_ouenbu10th._lower._04 .join_banner {
    width: 100%;
    padding-left: 5%;
    margin: 0 auto 10%;
  }
  #kataage_ouenbu10th._lower._04 .toppage_btn {
    width: 80%;
    font-size: 4vw;
    padding: 2.5rem;
  }
}

/*# sourceMappingURL=style.css.map */