/* stylelint-disable no-descending-specificity */
/* stylelint-disable scss/no-global-function-names */
.landing-page {
  --color-base: #000;
  --color-white: #fff;
  --color-red: #823140;
  --font-base: 'century-gothic', sans-serif;
  --font-yu-gothic: 'yu-gothic-pr6n', sans-serif, sans-serif;
}
@media (min-width: 768px) {
  .landing-page {
    --rate: calc(100vw / 1400);
  }
}
@media (min-width: 1401px) {
  .landing-page {
    --rate: calc(100vw / 1400);
  }
}
@media (min-width: 768px) {
  .landing-page {
    --container-size: calc(calc(100vw / 1400) * calc(400 / 750));
  }
}
@media (max-width: 767.98px) {
  .landing-page {
    --container-size: calc(100vw / 750);
  }
}

.landing-page * {
  box-sizing: border-box;
  font-family: var(--font-base);
  font-feature-settings: 'palt';
  line-height: 1;
  color: var(--color, var(--color-base));
  letter-spacing: var(--letter-spacing, 0.035em);
}

.landing-page a {
  display: var(--display, block);
}

.landing-page img,
.landing-page picture {
  display: block;
}

.landing-page img,
.landing-page svg {
  width: 100%;
  height: auto;
  image-rendering: optimizequality;
}

.landing-page .animation-fade-in > * {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.landing-page .animation-fade-in > .landing-page__image-decoration {
  transition-delay: 0.6s;
}

.landing-page .animation-fade-in.is-show > * {
  opacity: 1;
}

.landing-page .animation-fade-in-bottom > * {
  opacity: 0;
  transition: opacity 0.6s ease;
  transform: translateY(-10%);
}

.landing-page .animation-fade-in-bottom.is-show > * {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .landing-page .only-sp {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .landing-page .without-sp {
    display: none;
  }
}
@media (min-width: 768px) {
  .landing-page > .landing-page__container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr calc(750 * var(--container-size)) 1fr;
    place-content: center;
  }

  .landing-page > .landing-page__container::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: calc(1200 * var(--rate));
    height: 1px;
    margin: 0 auto;
    content: '';
    background-color: #58595b;
  }
}
@media (min-width: 768px) {
  .landing-page__heading {
    position: sticky;
    top: 0;
    display: grid;
    place-content: center;
    height: 100dvh;
  }
}
@media (min-width: 768px) {
  .landing-page__heading-title {
    max-width: calc(260 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page__information {
    position: sticky;
    top: 0;
    display: grid;
    row-gap: calc(30 * var(--rate));
    place-content: center;
    height: 100dvh;
    padding-inline-end: calc(3 * var(--container-size));
  }
}
@media (min-width: 768px) {
  .landing-page__information-button {
    max-width: calc(191 * var(--rate));
    margin-inline-start: auto;
  }
}
@media (min-width: 768px) {
  .landing-page__information-text {
    --color: var(--color-red);
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landing-page__information-text span {
    font-family: var(--font-yu-gothic);
  }
}
@media (min-width: 768px) {
  .landing-page__information-description .ja {
    --letter-spacing: 0.08em;
    font-size: calc(15 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page__information-description .en {
    padding-inline-start: calc(3 * var(--rate));
    font-size: calc(18 * var(--rate));
    font-weight: 400;
  }
}

.landing-page__information-date {
  padding-block-start: calc(13 * var(--rate));
  font-weight: 500;
  --letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .landing-page__information-date {
    font-size: calc(15 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page__information-date .brackets,
  .landing-page__information-date .day,
  .landing-page__information-date .text {
    font-size: calc(10 * var(--rate));
    font-weight: 400;
  }
}
@media (max-width: 767.98px) {
  .landing-page__hero {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .landing-page__hero span {
    position: absolute;
  }

  .landing-page__hero span:first-child {
    bottom: calc(98 * var(--container-size));
    left: calc(41 * var(--container-size));
    width: calc(520 * var(--container-size));
  }

  .landing-page__hero span:last-child {
    right: calc(40 * var(--container-size));
    bottom: calc(40 * var(--container-size));
    width: calc(243 * var(--container-size));
  }

  .landing-page__hero-title.animation-fade-in > * {
    transition-delay: 0.2s;
  }

  .landing-page__hero-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
  }
}

.landing-page__image {
  position: relative;
}

.landing-page__credits {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.landing-page__credits-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--credits-justify);
  font-size: calc(20 * var(--container-size));
  line-height: 1.85;
}

.landing-page__credits-block[data-credit-target] {
  transition: 0.6s ease;
}

.landing-page__credits-block[data-credit-target].is-show {
  opacity: 1;
}

.landing-page__credits-block[data-credit-target]:not(.is-show) {
  opacity: 0;
}

.landing-page__credits-block[data-credit-target]:nth-child(n + 2) {
  position: absolute;
  bottom: 0;
  left: 0;
}

.landing-page__credit {
  line-height: inherit;
  pointer-events: auto;
}

.landing-page__intro {
  margin-top: calc(91 * var(--container-size));
  font-family: var(--font-yu-gothic);
  font-size: calc(28 * var(--container-size));
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1em;
}

.landing-page__nav {
  margin-top: calc(56 * var(--container-size));
}

.landing-page__nav-list {
  display: grid;
  grid-template-columns: calc(148 * var(--container-size)) calc(181 * var(--container-size)) calc(
      126 * var(--container-size)
    );
  column-gap: calc(68 * var(--container-size));
  place-content: center;
}

.landing-page--decorative {
  position: relative;
}

.landing-page--decorative::after,
.landing-page__image-decoration {
  position: absolute;
  z-index: 2;
  width: var(--decorative-width);
  height: var(--decorative-height);
  pointer-events: none;
  content: '';
  background: var(--decorative-image) no-repeat center/contain;
}

.landing-page__campaign-heading {
  display: flex;
  flex-direction: column;
  row-gap: calc(28 * var(--container-size));
  align-items: center;
  padding-block: calc(50 * var(--container-size)) calc(43 * var(--container-size));
  padding-inline: calc(20 * var(--container-size));
  margin-top: calc(101 * var(--container-size));
  text-align: center;
  background-color: var(--color-red);
}

.landing-page__campaign-heading-title {
  width: calc(256 * var(--container-size));
}

.landing-page__campaign-heading-description {
  --letter-spacing: 0.14em;
  font-size: calc(26 * var(--container-size));
  line-height: 1.9;
  color: var(--color-white);
}

.landing-page__campaign-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

.landing-page__campaign-fixed-inner {
  text-align: center;
  background-color: var(--color-red);
}

.landing-page__campaign-fixed-inner a {
  padding-block: calc(33 * var(--container-size));
}

.landing-page__campaign-fixed > *,
.landing-page__campaign-fixed span {
  position: relative;
  font-family: var(--font-yu-gothic);
  --color: var(--color-white);
}

.landing-page__campaign-fixed-title {
  padding-block-end: calc(15 * var(--container-size));
  border-bottom: 1px solid var(--color-white);
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-title .ja {
    padding-inline-start: calc(19 * var(--container-size));
    font-size: calc(30 * var(--container-size));
  }
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-title .en {
    --letter-spacing: -0.01em;
    font-size: calc(36 * var(--container-size));
    font-weight: 500;
  }
}

.landing-page__campaign-fixed-description {
  padding-block-start: calc(25 * var(--container-size));
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-description .ja {
    --letter-spacing: 0.06em;
    font-size: calc(25 * var(--container-size));
  }
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-description .en {
    padding-inline-start: calc(10 * var(--container-size));
    font-size: calc(30 * var(--container-size));
    font-weight: 500;
  }
}

.landing-page__campaign-fixed-date {
  padding-block-start: calc(20 * var(--container-size));
  font-weight: 500;
  --letter-spacing: 0.06em;
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-date {
    font-size: calc(25 * var(--container-size));
  }
}
@media (max-width: 767.98px) {
  .landing-page__campaign-fixed-date .brackets,
  .landing-page__campaign-fixed-date .day,
  .landing-page__campaign-fixed-date .text {
    font-size: calc(17 * var(--container-size));
    font-weight: 400;
  }
}

.landing-page__content {
  padding-block-start: var(--content-gap-start, calc(67 * var(--container-size)));
  padding-block-end: calc(100 * var(--container-size));
  background-color: var(--color-white);
}

.landing-page__content:not([data-content='03']) {
  position: sticky;
  top: calc(100dvh - var(--content-height, 0px));
}

@media (max-width: 767.98px) {
  .landing-page__content:not([data-content='03']) {
    top: calc(100dvh - var(--content-height, 0px) - var(--campaign-height, 0px));
  }
}

.landing-page__content[data-content='03'] {
  position: relative;
}

.landing-page__content-title {
  margin-inline: auto;
  margin-bottom: var(--title-gap, calc(45 * var(--container-size)));
}

.landing-page__content-title img {
  width: auto;
  height: calc(70 * var(--container-size));
  margin-inline: auto;
}

.landing-page__content[data-content='01'] {
  --content-gap-start: calc(117 * var(--container-size));
  --title-gap: calc(34 * var(--container-size));
}

.landing-page__block {
  position: relative;
}

.landing-page__block[data-block='01-01'] {
  padding-inline: calc(65 * var(--container-size));
}

.landing-page__block[data-block='01-01'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='01-01'] .landing-page__credits-block {
  padding-inline-start: calc(275 * var(--container-size));
}

.landing-page__block[data-block='01-01'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_01.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(322 * var(--container-size));
  top: calc(50% - 161 * var(--container-size));
  right: calc(30 * var(--container-size));
}

.landing-page__block[data-block='01-02'] {
  padding-top: calc(133 * var(--container-size));
}

.landing-page__block[data-block='01-02'] .landing-page__credits {
  --credits-justify: start;
  --color: var(--color-white);
  position: absolute;
  bottom: calc(35 * var(--container-size));
}

.landing-page__block[data-block='01-02'] .landing-page__credits-block {
  padding-inline: calc(30 * var(--container-size)) calc(565 * var(--container-size));
}

.landing-page__block[data-block='01-03'] {
  padding-block-start: calc(138 * var(--container-size));
}

.landing-page__block[data-block='01-03'] .landing-page__images {
  padding-inline-end: calc(160 * var(--container-size));
}

.landing-page__block[data-block='01-03'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='01-03'] .landing-page__credits-block {
  padding-inline: calc(370 * var(--container-size)) calc(52 * var(--container-size));
}

.landing-page__block[data-block='01-03'] .landing-page__image-decoration {
  --decorative-image: url('../images/svg/fabric-text_01.svg');
  --decorative-width: calc(320 * var(--container-size));
  --decorative-height: calc(30 * var(--container-size));
  top: calc(190 * var(--container-size));
  right: calc(51 * var(--container-size));
}

.landing-page__block[data-block='01-04'] {
  padding-block-start: calc(130 * var(--container-size));
}

.landing-page__block[data-block='01-04'] .landing-page__image:last-child {
  padding-inline-start: calc(310 * var(--container-size));
  margin-block-start: calc(50 * var(--container-size));
}

.landing-page__block[data-block='01-04'] .landing-page__credits {
  --credits-justify: end;
  position: absolute;
  bottom: calc(-8 * var(--container-size));
  left: 0;
}

.landing-page__block[data-block='01-04'] .landing-page__credits-block {
  padding-inline: calc(95 * var(--container-size)) calc(480 * var(--container-size));
}

.landing-page__block[data-block='01-04'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_02.svg');
  --decorative-width: calc(243 * var(--container-size));
  --decorative-height: calc(15 * var(--container-size));
  bottom: calc(30 * var(--container-size));
  left: calc(29 * var(--container-size));
}

.landing-page__block[data-block='02-01'] .landing-page__image {
  width: calc(580 * var(--container-size));
}

.landing-page__block[data-block='02-01'] .landing-page__credits {
  --credits-justify: center;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-01'] .landing-page__credits-block:first-child {
  padding-inline: calc(210 * var(--container-size));
}

.landing-page__block[data-block='02-01'] .landing-page__credits-block:last-child {
  padding-inline: calc(150 * var(--container-size));
}

.landing-page__block[data-block='02-01'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_03.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(237 * var(--container-size));
  bottom: calc(50% - 118.5 * var(--container-size));
  left: calc(30 * var(--container-size));
}

.landing-page__block[data-block='02-02'] {
  padding-block-start: calc(135 * var(--container-size));
  padding-inline-start: calc(250 * var(--container-size));
}

.landing-page__block[data-block='02-02'] .landing-page__credits {
  --credits-justify: end;
  position: absolute;
  bottom: calc(-8 * var(--container-size));
  left: 0;
}

.landing-page__block[data-block='02-02'] .landing-page__credits-block {
  padding-inline: calc(24 * var(--container-size)) calc(540 * var(--container-size));
}

.landing-page__block[data-block='02-03'] {
  padding-block-start: calc(140 * var(--container-size));
}

.landing-page__block[data-block='02-03'] .landing-page__credits {
  --credits-justify: center;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-03'] .landing-page__credits-block:first-child {
  padding-inline: calc(225 * var(--container-size));
}

.landing-page__block[data-block='02-03'] .landing-page__credits-block:last-child {
  padding-inline: calc(180 * var(--container-size));
}

.landing-page__block[data-block='02-03'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_04.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(260 * var(--container-size));
  right: calc(30 * var(--container-size));
  bottom: calc(50% - 130 * var(--container-size));
}

.landing-page__block[data-block='02-04'] {
  padding-block-start: calc(129 * var(--container-size));
  padding-inline: calc(65 * var(--container-size));
}

.landing-page__block[data-block='02-04'] .swiper-container {
  overflow: visible;
}

.landing-page__block[data-block='02-04'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-04'] .landing-page__credits-block {
  padding-inline-start: calc(320 * var(--container-size));
}

.landing-page__block[data-block='02-04'] .landing-page__image-decoration {
  --decorative-image: url('../images/svg/fabric-text_02.svg');
  --decorative-width: calc(237 * var(--container-size));
  --decorative-height: calc(30 * var(--container-size));
  top: calc(285 * var(--container-size));
  right: calc(55 * var(--container-size));
}

.landing-page__block[data-block='02-05'] {
  padding-block-start: calc(133 * var(--container-size));
}

.landing-page__block[data-block='02-05'] .landing-page__image {
  width: calc(650 * var(--container-size));
}

.landing-page__block[data-block='02-05'] .landing-page__credits {
  --credits-justify: start;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-05'] .landing-page__credits-block {
  padding-inline: calc(40 * var(--container-size)) calc(365 * var(--container-size));
}

.landing-page__block[data-block='02-05'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_05.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(383 * var(--container-size));
  top: calc(50% - 191.5 * var(--container-size));
  left: calc(30 * var(--container-size));
}

.landing-page__block[data-block='02-06'] {
  padding-block-start: calc(130 * var(--container-size));
}

.landing-page__block[data-block='02-06'] .landing-page__credits {
  --credits-justify: center;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-06'] .landing-page__credits-block {
  padding-inline: calc(208 * var(--container-size));
}

.landing-page__block[data-block='02-07'] {
  padding-block-start: calc(130 * var(--container-size));
  padding-inline: calc(65 * var(--container-size));
}

.landing-page__block[data-block='02-07'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='02-07'] .landing-page__credits-block {
  padding-inline-start: calc(277 * var(--container-size));
}

.landing-page__block[data-block='02-07'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_06.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(256 * var(--container-size));
  top: calc(50% - 128 * var(--container-size));
  left: calc(30 * var(--container-size));
}

.landing-page__block[data-block='02-08'] {
  padding-block-start: calc(138 * var(--container-size));
}

.landing-page__block[data-block='02-08'] .landing-page__image:last-child {
  padding-inline-start: calc(230 * var(--container-size));
  margin-block-start: calc(50 * var(--container-size));
}

.landing-page__block[data-block='02-08'] .landing-page__credits {
  --credits-justify: end;
  position: absolute;
  bottom: calc(-8 * var(--container-size));
  left: 0;
}

.landing-page__block[data-block='02-08'] .landing-page__credits-block {
  padding-inline: calc(27 * var(--container-size)) calc(560 * var(--container-size));
}

.landing-page__block[data-block='03-01'] .landing-page__image:first-child {
  padding-inline: calc(65 * var(--container-size));
}

.landing-page__block[data-block='03-01'] .landing-page__image:last-child {
  padding-inline-end: calc(230 * var(--container-size));
  margin-block-start: calc(50 * var(--container-size));
}

.landing-page__block[data-block='03-01'] .landing-page__credits {
  --credits-justify: start;
  position: absolute;
  bottom: calc(-10 * var(--container-size));
  left: 0;
}

.landing-page__block[data-block='03-01'] .landing-page__credits-block {
  padding-inline: calc(560 * var(--container-size)) calc(40 * var(--container-size));
}

.landing-page__block[data-block='03-01'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_07.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(319 * var(--container-size));
  top: calc(50% - 159.5 * var(--container-size));
  right: calc(95 * var(--container-size));
}

.landing-page__block[data-block='03-02'] {
  padding-block-start: calc(140 * var(--container-size));
}

.landing-page__block[data-block='03-02'] .landing-page__credits {
  --credits-justify: start;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='03-02'] .landing-page__credits-block {
  padding-inline: calc(40 * var(--container-size)) calc(365 * var(--container-size));
}

.landing-page__block[data-block='03-03'] {
  padding-block-start: calc(132 * var(--container-size));
  padding-inline: calc(65 * var(--container-size));
}

.landing-page__block[data-block='03-03'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='03-03'] .landing-page__credits-block {
  padding-inline-start: calc(300 * var(--container-size));
}

.landing-page__block[data-block='03-03'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_08.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(251 * var(--container-size));
  top: calc(50% - 125.5 * var(--container-size));
  left: calc(30 * var(--container-size));
}

.landing-page__block[data-block='03-04'] {
  padding-block-start: calc(132 * var(--container-size));
}

.landing-page__block[data-block='03-04'] .landing-page__credits {
  --credits-justify: center;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='03-04'] .landing-page__credits-block:first-child {
  padding-inline: calc(215 * var(--container-size));
}

.landing-page__block[data-block='03-04'] .landing-page__credits-block:last-child {
  padding-inline: calc(140 * var(--container-size));
}

.landing-page__block[data-block='03-05'] {
  padding-block-start: calc(132 * var(--container-size));
}

.landing-page__block[data-block='03-05'] .landing-page__credits {
  --credits-justify: start;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='03-05'] .landing-page__credits-block {
  padding-inline: calc(40 * var(--container-size)) calc(370 * var(--container-size));
}

.landing-page__block[data-block='03-05'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_09.svg');
  --decorative-width: calc(14 * var(--container-size));
  --decorative-height: calc(536 * var(--container-size));
  top: calc(50% - 268 * var(--container-size));
  right: calc(30 * var(--container-size));
}

.landing-page__block[data-block='03-06'] {
  padding-block-start: calc(132 * var(--container-size));
  padding-inline: calc(85 * var(--container-size));
}

.landing-page__block[data-block='03-06'] .landing-page__credits {
  --credits-justify: end;
  margin-block-start: calc(32 * var(--container-size));
}

.landing-page__block[data-block='03-06'] .landing-page__credits-block {
  padding-inline-start: calc(285 * var(--container-size));
}

.landing-page__block[data-block='03-07'] {
  padding-block-start: calc(132 * var(--container-size));
}

.landing-page__block[data-block='03-07'] .landing-page__image:first-child {
  padding-inline-start: calc(270 * var(--container-size));
}

.landing-page__block[data-block='03-07'] .landing-page__image:last-child {
  margin-block-start: calc(50 * var(--container-size));
}

.landing-page__block[data-block='03-07'] .landing-page__credits {
  --credits-justify: end;
  position: absolute;
  bottom: calc(-11 * var(--container-size));
  left: 0;
}

.landing-page__block[data-block='03-07'] .landing-page__credits-block {
  padding-inline: calc(42 * var(--container-size)) calc(520 * var(--container-size));
}

.landing-page__block[data-block='03-07'] .landing-page--decorative::after {
  --decorative-image: url('../images/svg/decoration-text_10.svg');
  --decorative-width: calc(244 * var(--container-size));
  --decorative-height: calc(14 * var(--container-size));
  top: calc(30 * var(--container-size));
  left: calc(30 * var(--container-size));
}

.landing-page__footer {
  position: relative;
  padding-block-start: calc(49 * var(--container-size));
  padding-block-end: calc(139 * var(--container-size));
  background-color: var(--color-white);
}

.landing-page__footer-button {
  padding-inline: calc(218 * var(--container-size));
}

.landing-page__footer-staff-credit {
  position: relative;
  margin-block-start: calc(62 * var(--container-size));
  font-size: calc(20 * var(--container-size));
  line-height: 1.85;
  text-align: center;
}

.js-carousel-loop .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: calc(20 * var(--container-size));
  left: calc(20 * var(--container-size));
  display: flex;
  column-gap: calc(12 * var(--container-size));
  align-items: center;
  width: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: calc(10 * var(--container-size));
  height: calc(10 * var(--container-size));
  margin: 0;
  background-color: transparent;
  border: 1px solid var(--color-white);
  opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}

.js-carousel-loop .swiper-slide {
  margin-left: -1px;
}