/* ------------------------------------------------------------------- */
/* overwrite existing styles */
/* ------------------------------------------------------------------- */
.container {
  container-type: inline-size;
}

/* ------------------------------------------------------------------- */
/* keyframes */
/* ------------------------------------------------------------------- */
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-76.923%);
  }
}
/* ------------------------------------------------------------------- */
/* wrap */
/* ------------------------------------------------------------------- */
#style_2510 {
  overflow: clip;
}

/* ------------------------------------------------------------------- */
/* thx */
/* ------------------------------------------------------------------- */
#style_2510 .thx {
  padding: calc(60 / 375 * 100cqw) 0;
}
#style_2510 .thx__t {
  font-size: calc(16 / 375 * 100cqw);
  line-height: 1.4;
  text-align: center;
}

/* ------------------------------------------------------------------- */
/* sld */
/* ------------------------------------------------------------------- */
#style_2510 .sld {
  padding: calc(60 / 375 * 100cqw) 0;
  box-shadow: inset 0 0 calc(30 / 375 * 100cqw) rgba(0, 0, 0, .04);
  background: url(/special/home-project/campaign/images/sld/img_bg_01.webp) 50% 50%/cover no-repeat;
}
#style_2510 .sld__tt {
  margin: 0 0 calc(20 / 375 * 100cqw);
  font-size: calc(18 / 375 * 100cqw);
  font-weight: 700;
  line-height: calc(22 / 18);
  text-align: center;
  text-shadow: calc(-1 / 375 * 100cqw) calc(-1 / 375 * 100cqw) 0 #fff, calc(1 / 375 * 100cqw) calc(1 / 375 * 100cqw) 0 #fff, calc(-1 / 375 * 100cqw) calc(1 / 375 * 100cqw) 0 #fff, calc(1 / 375 * 100cqw) calc(-1 / 375 * 100cqw) 0 #fff;
}
#style_2510 .sld__bd {
  display: flex;
  flex-direction: column;
  gap: calc(30 / 375 * 100cqw) 0;
  overflow-x: clip;
}
#style_2510 .sld__bd__ls {
  display: flex;
  position: relative;
  width: calc(3315 / 375 * 100cqw);
  animation: slide 52s linear infinite;
}
#style_2510 .sld__bd__ls:nth-child(2n-1) {
  right: calc(255 / 375 * 100cqw);
}
#style_2510 .sld__bd__ls:nth-child(2n) {
  right: calc(127.5 / 375 * 100cqw);
}
#style_2510 .sld__bd__ls > li {
  flex: 1 1 100%;
  padding: 0 calc(30 / 375 * 100cqw);
}
#style_2510 .sld__bd__ls .sldbx {
  display: block;
  padding: calc(10 / 375 * 100cqw) calc(10 / 375 * 100cqw) 0;
  box-sizing: border-box;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
  background: #fff;
  text-decoration: none;
}
#style_2510 .sld__bd__ls .sldbx__p {
  width: 100%;
  aspect-ratio: 175/140;
}
#style_2510 .sld__bd__ls .sldbx__p img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 300ms cubic-bezier(.215, .61, .355, 1) 0ms;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #style_2510 .sld__bd__ls .sldbx:hover .sldbx__p img {
    opacity: .7;
  }
}
#style_2510 .sld__bd__ls .sldbx__t {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(68 / 375 * 100cqw);
}
#style_2510 .sld__bd__ls .sldbx__t > span {
  font-size: calc(14 / 375 * 100cqw);
  font-weight: 700;
  line-height: calc(19 / 14);
  text-align: center;
}