/* stylelint-disable no-descending-specificity */
@media (max-width: 1399px) {
  html {
    font-size: 0.7142857143vw;
  }
}

.landingPage {
  --color-beige: #f4f2ed;
  --color-black: #000;
  --color-gray: #58595b;
  --font-ryo-text-plusn: "ryo-text-plusn", serif;
  --font-ivyora-display: "ivyora-display", sans-serif;
  overflow-x: hidden;
}

.landingPage > * {
  box-sizing: border-box;
  font-feature-settings: "palt";
}

.landingPage img,
.landingPage picture {
  display: block;
}

.landingPage a {
  display: inline-block;
}

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

.landingPage .js-fade {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(50px);
}

.landingPage .js-fade.inview {
  opacity: 1;
  transform: translateY(0);
}

.landingPage .js-slide {
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: 0.8s 0.5s;
}

.landingPage .js-slide.inview {
  clip-path: inset(0);
}
@media (max-width: 767px) {
  .landingPage {
    --util: 100vw / 750;
    padding-bottom: calc(162 * var(--util));
  }

  .landingPage .without-sp {
    display: none;
  }
}
@media (min-width: 768px) {
  .landingPage {
    --util: 0.1rem;
    position: relative;
    padding-bottom: calc(142 * var(--util));
  }

  .landingPage .without-pc {
    display: none;
  }

  .landingPage::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: calc(1100 * var(--util));
    height: 1px;
    margin-inline: auto;
    content: "";
    background: var(--color-gray);
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual__image {
    width: calc(1200 * var(--util));
    margin-inline: auto;
  }
}

.landingPage .mainVisual__desc {
  font-family: var(--font-ryo-text-plusn);
  font-weight: 400;
  color: var(--color-gray);
  text-align: center;
}
@media (max-width: 767px) {
  .landingPage .mainVisual__desc {
    margin-top: calc(108 * var(--util));
    font-size: calc(25 * var(--util));
    line-height: 2;
    letter-spacing: 0.12em;
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual__desc {
    margin-top: calc(53 * var(--util));
    font-size: calc(13 * var(--util));
    line-height: 2;
    letter-spacing: 0.16em;
  }
}
@media (max-width: 767px) {
  .landingPage .profile {
    margin-top: calc(144 * var(--util));
    background: linear-gradient(to bottom, transparent calc(12 * var(--util)), var(--color-beige) calc(12 * var(--util)), var(--color-beige) 100%);
  }
}
@media (min-width: 768px) {
  .landingPage .profile {
    margin-top: calc(115 * var(--util));
    background: linear-gradient(to bottom, transparent calc(6 * var(--util)), var(--color-beige) calc(6 * var(--util)), var(--color-beige) 100%);
  }
}

.landingPage .profile > * {
  color: var(--color-gray);
}

.landingPage .profile__title {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .landingPage .profile__title {
    width: calc(205 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__title {
    width: calc(121 * var(--util));
  }
}

.landingPage .profile__list {
  display: grid;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .landingPage .profile__list {
    grid-template-columns: calc(230 * var(--util)) auto;
    column-gap: calc(52 * var(--util));
    padding-top: calc(50 * var(--util));
    padding-bottom: calc(61 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__list {
    grid-template-columns: calc(180 * var(--util)) auto;
    column-gap: calc(50 * var(--util));
    padding-top: calc(34 * var(--util));
    padding-bottom: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__list-item:last-child {
    transform: translateY(calc(-1 * var(--util)));
  }
}

.landingPage .profile__affiliation {
  font-family: var(--font-ryo-text-plusn);
  font-weight: 400;
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  .landingPage .profile__affiliation {
    font-size: calc(24 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__affiliation {
    font-size: calc(13 * var(--util));
  }
}

.landingPage .profile__affiliation span {
  font-family: var(--font-ivyora-display);
}
@media (max-width: 767px) {
  .landingPage .profile__affiliation span {
    font-size: calc(26 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__affiliation span {
    font-size: calc(14 * var(--util));
  }
}

.landingPage .profile__name {
  font-family: var(--font-ivyora-display);
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .landingPage .profile__name {
    padding-top: calc(22 * var(--util));
    font-size: calc(26 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__name {
    padding-top: calc(16 * var(--util));
    font-size: calc(14 * var(--util));
  }
}

.landingPage .profile__name span {
  letter-spacing: 0;
}

.landingPage .profile__sns {
  position: relative;
  font-family: var(--font-ryo-text-plusn);
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .landingPage .profile__sns {
    padding-top: calc(25 * var(--util));
    padding-left: calc(32 * var(--util));
    font-size: calc(26 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__sns {
    padding-top: calc(17 * var(--util));
    padding-left: calc(17 * var(--util));
    font-size: calc(14 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .profile__sns span {
    font-size: calc(24 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__sns span {
    font-size: calc(12 * var(--util));
  }
}

.landingPage .profile__sns a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin-block: auto;
  content: "";
  background: url(../images/icon_instagram.svg?20240430) no-repeat center/contain;
}
@media (max-width: 767px) {
  .landingPage .profile__sns a::before {
    width: calc(23 * var(--util));
    height: calc(26 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .profile__sns a::before {
    width: calc(12 * var(--util));
    height: calc(14 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item {
    display: grid;
    justify-content: center;
  }
}

.landingPage .item__name {
  position: relative;
  font-size: 0;
}

.landingPage .item__name::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  box-sizing: content-box;
  display: block;
  width: 100vw;
  height: 1px;
  padding: 0 calc(50vw - 50%);
  content: "";
  background-color: var(--color-black);
  transform: translateX(-50%);
}

.landingPage .item__text {
  font-family: var(--font-ryo-text-plusn);
  font-weight: 400;
  line-height: 2;
  color: var(--color-gray);
}
@media (max-width: 767px) {
  .landingPage .item__text {
    margin-top: calc(40 * var(--util));
    font-size: calc(24 * var(--util));
    letter-spacing: 0.12em;
  }
}
@media (min-width: 768px) {
  .landingPage .item__text {
    margin-top: calc(25 * var(--util));
    font-size: calc(14 * var(--util));
    letter-spacing: 0.16em;
  }
}

.landingPage .item__prices {
  font-family: var(--font-ivyora-display);
  font-weight: 400;
  color: var(--color-gray);
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .landingPage .item__prices {
    font-size: calc(22 * var(--util));
    line-height: 1.75;
  }
}
@media (min-width: 768px) {
  .landingPage .item__prices {
    font-size: calc(12 * var(--util));
    line-height: 1.6041666667;
  }
}

.landingPage .item__panel {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .landingPage .item__panel a:hover {
    opacity: 1;
  }
}

.landingPage .item__image {
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  .landingPage .item__01 {
    margin-top: calc(208 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 {
    grid-template-rows: calc(191 * var(--util)) calc(159 * var(--util)) calc(350 * var(--util)) calc(100 * var(--util)) calc(30 * var(--util)) calc(490 * var(--util));
    grid-template-columns: calc(330 * var(--util)) calc(30 * var(--util)) calc(86 * var(--util)) calc(139 * var(--util)) calc(135 * var(--util)) calc(30 * var(--util)) calc(360 * var(--util));
    padding-right: calc(10 * var(--util));
    margin-top: calc(181 * var(--util));
  }
}

.landingPage .item__01 .item__desc {
  text-align: right;
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__desc {
    padding-right: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__desc {
    grid-row: 2/3;
    grid-column: 1/4;
  }
}

.landingPage .item__01 .item__name {
  margin-left: auto;
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__name {
    width: calc(492 * var(--util));
    padding-right: calc(6 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__name {
    width: calc(356 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__text {
    padding-right: calc(28 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__panel:nth-child(2) {
    padding-top: calc(68 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__panel:nth-child(2) {
    grid-row: 1/4;
    grid-column: 5/8;
  }
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__panel:nth-child(3) {
    padding-top: calc(61 * var(--util));
    padding-right: calc(170 * var(--util));
    padding-left: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__panel:nth-child(3) {
    grid-row: 3/6;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__panel:nth-child(4) {
    padding-top: calc(59 * var(--util));
    padding-right: calc(40 * var(--util));
    padding-left: calc(140 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__panel:nth-child(4) {
    grid-row: 5/7;
    grid-column: 2/6;
  }
}
@media (max-width: 767px) {
  .landingPage .item__01 .item__prices {
    padding-top: calc(33 * var(--util));
    padding-right: calc(40 * var(--util));
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landingPage .item__01 .item__prices {
    position: relative;
    bottom: calc(-4 * var(--util));
    grid-row: 6/7;
    grid-column: 7/8;
    align-self: end;
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 {
    margin-top: calc(204 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 {
    grid-template-rows: calc(221 * var(--util)) calc(159 * var(--util)) calc(300 * var(--util)) calc(25 * var(--util)) calc(195 * var(--util));
    grid-template-columns: calc(510 * var(--util)) calc(60 * var(--util)) calc(390 * var(--util)) calc(118 * var(--util));
    padding-left: calc(20 * var(--util));
    margin-top: calc(200 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 .item__desc {
    padding-left: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 .item__desc {
    grid-row: 2/3;
    grid-column: 3/5;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 .item__name {
    width: calc(426 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 .item__name {
    width: calc(301 * var(--util));
    padding-right: calc(2 * var(--util));
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 .item__panel:nth-child(2) {
    padding-top: calc(68 * var(--util));
    padding-right: calc(60 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 .item__panel:nth-child(2) {
    grid-row: 1/4;
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 .item__panel:nth-child(3) {
    padding-top: calc(58 * var(--util));
    padding-left: calc(180 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 .item__panel:nth-child(3) {
    grid-row: 3/6;
    grid-column: 3/4;
  }
}
@media (max-width: 767px) {
  .landingPage .item__02 .item__prices {
    padding-top: calc(32 * var(--util));
    padding-right: calc(40 * var(--util));
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landingPage .item__02 .item__prices {
    grid-row: 5/6;
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .landingPage .item__03 {
    margin-top: calc(200 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__03 {
    grid-template-rows: calc(159 * var(--util)) calc(580 * var(--util));
    grid-template-columns: calc(435 * var(--util)) calc(20 * var(--util)) calc(435 * var(--util)) calc(30 * var(--util)) calc(86 * var(--util));
    padding-left: calc(115 * var(--util));
    margin-top: calc(203 * var(--util));
  }
}

.landingPage .item__03 .item__desc {
  text-align: center;
}
@media (min-width: 768px) {
  .landingPage .item__03 .item__desc {
    grid-row: 1/2;
    grid-column: span 3;
    padding-left: calc(1 * var(--util));
  }
}

.landingPage .item__03 .item__name {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .landingPage .item__03 .item__name {
    width: calc(382 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__03 .item__name {
    width: calc(270 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__03 .item__panel:nth-child(2) {
    padding-top: calc(68 * var(--util));
    padding-left: calc(170 * var(--util));
    margin-right: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__03 .item__panel:nth-child(2) {
    grid-row: 2/3;
    grid-column: 3/4;
  }
}
@media (max-width: 767px) {
  .landingPage .item__03 .item__panel:nth-child(3) {
    padding-top: calc(60 * var(--util));
    padding-right: calc(105 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__03 .item__panel:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .landingPage .item__03 .item__prices {
    padding-top: calc(28 * var(--util));
    padding-left: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__03 .item__prices {
    position: relative;
    bottom: calc(-4 * var(--util));
    grid-row: 2/3;
    grid-column: 5/6;
    align-self: end;
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 {
    margin-top: calc(203 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 {
    grid-template-rows: calc(234 * var(--util)) calc(486 * var(--util)) calc(60 * var(--util)) calc(560 * var(--util));
    grid-template-columns: calc(205 * var(--util)) calc(225 * var(--util)) calc(195 * var(--util)) calc(30 * var(--util)) calc(315 * var(--util));
    padding-right: calc(30 * var(--util));
    margin-top: calc(200 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 .item__desc {
    padding-left: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 .item__desc {
    grid-row: 2/3;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 .item__name {
    width: calc(448 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 .item__name {
    width: calc(317 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 .item__panel:nth-child(2) {
    padding-top: calc(70 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 .item__panel:nth-child(2) {
    grid-row: 1/3;
    grid-column: 3/6;
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 .item__panel:nth-child(3) {
    padding-top: calc(58 * var(--util));
    padding-right: calc(50 * var(--util));
    padding-left: calc(160 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 .item__panel:nth-child(3) {
    grid-row: 4/5;
    grid-column: 2/4;
  }
}
@media (max-width: 767px) {
  .landingPage .item__04 .item__prices {
    padding-top: calc(30 * var(--util));
    padding-right: calc(47 * var(--util));
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landingPage .item__04 .item__prices {
    position: relative;
    bottom: calc(-4 * var(--util));
    grid-row: 4/5;
    grid-column: 5/6;
    align-self: end;
  }
}
@media (max-width: 767px) {
  .landingPage .item__05 {
    margin-top: calc(204 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 {
    grid-template-rows: calc(211 * var(--util)) calc(159 * var(--util)) calc(230 * var(--util)) calc(25 * var(--util)) calc(425 * var(--util));
    grid-template-columns: calc(450 * var(--util)) calc(60 * var(--util)) calc(510 * var(--util)) calc(69 * var(--util));
    padding-left: calc(30 * var(--util));
    margin-top: calc(200 * var(--util));
  }
}

.landingPage .item__05 .item__desc {
  text-align: right;
}
@media (max-width: 767px) {
  .landingPage .item__05 .item__desc {
    padding-right: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 .item__desc {
    grid-row: 2/3;
    grid-column: 3/5;
  }
}

.landingPage .item__05 .item__name {
  margin-left: auto;
}
@media (max-width: 767px) {
  .landingPage .item__05 .item__name {
    width: calc(325 * var(--util));
    padding-right: calc(4 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 .item__name {
    width: calc(230 * var(--util));
    padding-right: calc(2 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .item__05 .item__panel:nth-child(2) {
    padding-top: calc(70 * var(--util));
    padding-right: calc(200 * var(--util));
    padding-left: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 .item__panel:nth-child(2) {
    grid-row: 1/4;
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .landingPage .item__05 .item__panel:nth-child(3) {
    padding-top: calc(58 * var(--util));
    padding-left: calc(105 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 .item__panel:nth-child(3) {
    grid-row: 3/6;
    grid-column: 3/4;
  }
}
@media (max-width: 767px) {
  .landingPage .item__05 .item__prices {
    padding-top: calc(30 * var(--util));
    padding-right: calc(38 * var(--util));
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landingPage .item__05 .item__prices {
    grid-row: 5/6;
    grid-column: 1/2;
  }
}

.landingPage .foot {
  text-align: center;
}
@media (max-width: 767px) {
  .landingPage .foot {
    margin-top: calc(162 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot {
    margin-top: calc(141 * var(--util));
  }
}

.landingPage .foot__button {
  margin-inline: auto;
  font-family: var(--font-ryo-text-plusn);
}
@media (max-width: 767px) {
  .landingPage .foot__button {
    width: calc(456 * var(--util));
    height: calc(80 * var(--util));
    font-size: calc(24 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button {
    width: calc(264 * var(--util));
    height: calc(50 * var(--util));
    font-size: calc(13 * var(--util));
  }
}

.landingPage .foot__button-text {
  position: relative;
}
@media (max-width: 767px) {
  .landingPage .foot__button-text {
    transform: translateX(calc(1* (100vw / 750)));
    padding-right: calc(49 * var(--util));
    padding-bottom: calc(0 * var(--util));
    letter-spacing: 0.12em;
    width: calc(352* (100vw / 750));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button-text {
    padding-right: calc(26 * var(--util));
    padding-top: calc(-2 * var(--util));
    letter-spacing: 0.16em;
    width: 17.33rem;
  }
}

.landingPage .foot__button-text::before {
  position: absolute;
  right: 0;
  display: block;
  margin-block: auto;
  content: "";
  border-top: 1px solid var(--color-black);
  border-right: 1px solid var(--color-black);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .landingPage .foot__button-text::before {
    top: calc(50% - 6.5 * var(--util));
    width: calc(13 * var(--util));
    height: calc(13 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button-text::before {
    top: calc(50% - 4.5 * var(--util));
    width: calc(8 * var(--util));
    height: calc(8 * var(--util));
  }
}

.landingPage .foot__button span {
  font-family: var(--font-ivyora-display);
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  .landingPage .foot__button span {
    font-size: calc(28 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button span {
    font-size: calc(16 * var(--util));
  }
}

.landingPage .foot__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2 * var(--util));
  height: calc(100% - 2 * var(--util));
  border: 1px solid var(--color-black);
}

.landingPage .foot__link {
  display: inline-block;
  font-family: var(--font-ivyora-display);
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .landingPage .foot__link {
    margin-top: calc(95 * var(--util));
    font-size: calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__link {
    margin-top: calc(68 * var(--util));
    font-size: calc(20 * var(--util));
  }
}

.landingPage .foot__link a {
  border-bottom: double medium #ababab;
}
@media (max-width: 767px) {
  .landingPage .foot__link a {
    padding-bottom: calc(18 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__link a {
    padding-bottom: calc(9 * var(--util));
  }
}

.landingPage .swiper-horizontal > .swiper-pagination {
  left: initial;
  display: flex;
  width: initial;
}
@media (max-width: 767px) {
  .landingPage .swiper-horizontal > .swiper-pagination {
    right: calc(20 * var(--util));
    bottom: calc(20 * var(--util));
    column-gap: calc(20 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .swiper-horizontal > .swiper-pagination {
    right: calc(10 * var(--util));
    bottom: calc(11 * var(--util));
    column-gap: calc(12 * var(--util));
  }
}

.landingPage .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  box-sizing: border-box;
  margin: 0;
  background: transparent;
  border: 1px solid var(--color-black);
  opacity: 1;
}
@media (max-width: 767px) {
  .landingPage .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: calc(10 * var(--util));
    height: calc(10 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: calc(6 * var(--util));
    height: calc(6 * var(--util));
  }
}

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