@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";

:root {
  --lp-base-black: #333c46;
  --lp-base-white: #ffffff;
  --lp-base-gray01: #f2f3f0;
  --lp-base-gray02: #3f3d3d;
  --lp-base-gray03: #111111;
  --lp-base-primary: #23b7fe;
  --lp-base-secondary: #d5f2ff;
  --lp-base-darken: #21a9ec;

  --lp-fp1st-primary: #65a7da;
  --lp-fp2nd-primary: #f4d2da;
  --lp-gk1st-primary: #1e6e4a;

  --lp-en-font: "Sofia Sans Extra Condensed", sans-serif;
}

main {
  background: #333c46;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
section .inner {
  max-width: 128rem;
  padding: 0;
}
.en {
  font-family:
    Bebas Neue,
    sans-serif;
  font-weight: 400;
  font-style: normal;
}

#fixBackground {
  position: sticky;
  display: flex;
  flex-direction: column;
  gap: 12rem;
  clip-path: inset(0);
  background-color: #ffffff;
}
#fixBackground::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../img/bg-camouflage.svg) no-repeat center center / cover;
  z-index: -10;
  opacity: 0.25;
}
#fixBackground::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--lp-base-darken);
  mix-blend-mode: color;
  z-index: -1;
}
.sec-goodsinfo {
  padding-top: 10rem;
}
.sec-goodsinfo .inner h2 {
  color: #457c98;
  position: relative;
  z-index: 100;
  font-size: 4.5rem;
  line-height: 0;
  padding-left: 6rem;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .sec-goodsinfo .inner h2 {
    padding-left: 1rem;
    margin-bottom: 4rem;
    font-size: 4rem;
  }
}

.sec-goodsinfo .item-wrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8rem;
  padding: 0 4rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sec-goodsinfo .item-wrap:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .sec-goodsinfo .item-wrap {
    flex-direction: column;
    padding: 0 1rem;
    gap: 0rem;
    margin-bottom: 8rem;
  }
  .sec-goodsinfo .item-wrap:last-child {
    margin-bottom: 0;
  }
}
.sec-goodsinfo .box-text {
  color: var(--lp-base-black);
}
@media screen and (min-width: 768px) {
  .sec-goodsinfo .box-text {
    width: calc(100% - 58rem);
  }
}
.sec-goodsinfo .box-text:before {
  content: "";
  position: absolute;
  top: 10%;
  left: -10%;
  background: rgba(162, 200, 216, 0.25);
  width: 120%;
  height: 80%;
  z-index: -1;
  backdrop-filter: blur(90px);
  -webkit-backdrop-filter: blur(90px);
}
@media screen and (max-width: 767px) {
  .sec-goodsinfo .box-text:before {
    top: auto;
    bottom: 0;
  }
}
.sec-goodsinfo .box-text.flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 4rem 2rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .sec-goodsinfo .box-text.flex {
    padding: 4rem 1.5rem;
  }
}
.sec-goodsinfo .box-text h3 {
  font-weight: 700;
  font-size: 2rem;
}
.sec-goodsinfo .box-text p {
  line-height: 2;
}
.sec-goodsinfo .box-text a {
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-left: 2rem;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-text a:before {
  content: "\2192  ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-bottom: 1px solid #457c98;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-text a:after {
  content: "";
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-text a:hover {
  padding-left: 0rem;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-text a:hover:before {
  content: "";
  width: 100%;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-text a:hover:after {
  content: " \2192";
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-goodsinfo .box-photo {
  z-index: 100;
  width: 54rem;
  aspect-ratio: 1/1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sec-goodsinfo .box-photo {
    width: 100%;
  }
}
.sec-goodsinfo .box-photo .photo01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 52%;
  z-index: 3;
  border-radius: 4%;
}
.sec-goodsinfo .box-photo .photo02 {
  position: absolute;
  top: 20%;
  right: 0;
  width: 55%;
  border-radius: 4%;
}
.sec-goodsinfo .box-photo .photo03 {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 40%;
  border-radius: 4%;
}
.sec-itemlist {
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .sec-itemlist {
    padding: 0 2rem;
  }
}
.sec-itemlist .inner.flex {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.sec-itemlist .inner .list-wrap {
  background: #fcf5ea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  border-radius: 2.4rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .sec-itemlist .inner .list-wrap:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .sec-itemlist .inner .list-wrap:nth-child(2n) .thumb-box {
    border-left: 2px solid #457c98;
  }
  .sec-itemlist .inner .list-wrap:nth-child(2n-1) .thumb-box {
    border-right: 2px solid #457c98;
  }
}
@media screen and (max-width: 767px) {
  .sec-itemlist .inner .list-wrap {
    flex-direction: column-reverse;
  }
}
.sec-itemlist .main-box {
  background: rgb(255, 255, 255);
  width: 40rem;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .sec-itemlist .main-box {
    width: 100%;
  }
}
.sec-itemlist .main-box .swiper-slide img {
  width: 100%;
}
.sec-itemlist .main-box .swiper-slide hgroup {
  display: none;
}
.sec-itemlist .thumb-box {
  padding: 1rem 2rem 2rem;
}
@media screen and (min-width: 768px) {
  .sec-itemlist .thumb-box {
    width: calc(100% - 40rem);
  }
}
@media screen and (max-width: 767px) {
  .sec-itemlist .thumb-box {
    border-top: 2px solid #f5e6cf;
  }
}
.sec-itemlist .thumb-box.flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .sec-itemlist .thumb-box .swiper-slide {
    width: calc((100% - 24px) / 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .sec-itemlist .thumb-box .swiper-slide {
    width: calc((100% - 8px) / 2) !important;
  }
}
.sec-itemlist .thumb-box .swiper-slide a {
  transform: translateY(1rem);
  display: block;
}
.sec-itemlist .thumb-box .swiper-slide a .link {
  color: #457c98;
  display: inline-block;
  font-size: 1rem;
  padding-bottom: 0.15rem;
  margin-bottom: 1rem;
  position: relative;
  text-decoration: none;
  padding-left: 1.5rem;
}
.sec-itemlist .thumb-box .swiper-slide a .link:before {
  content: "\2192  ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-bottom: 1px solid #457c98;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-itemlist .thumb-box .swiper-slide a:hover {
  transform: translateY(0.4rem);
}
.sec-itemlist .thumb-box .swiper-slide a:hover .link {
  color: #457c98;
  padding-left: 0;
}
.sec-itemlist .thumb-box .swiper-slide a:hover .link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #457c98;
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-itemlist .thumb-box .swiper-slide a:hover .link:after {
  content: " \2192";
  transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec-itemlist .thumb-box .swiper-slide img {
  aspect-ratio: 1/1;
  border-radius: 1.2rem;
}
.sec-itemlist .thumb-box .swiper-slide h3 {
  padding-top: 1rem;
  font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
  .sec-itemlist .thumb-box .option {
    margin-top: 3rem;
  }
}
.sec-itemlist .thumb-box .option.flex {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.sec-itemlist .thumb-box .option.flex .item-pagination {
  z-index: 1;
  font-size: 1.4rem;
  color: #c0af97;
  width: auto;
  line-height: 1;
}
.sec-itemlist .thumb-box .option.flex .prev-button,
.sec-itemlist .thumb-box .option.flex .next-button {
  position: relative;
  width: 1.4rem;
  aspect-ratio: 1/1;
  background: #c0af97;
  text-align: center;
  line-height: 0;
}
.sec-itemlist .thumb-box .option.flex .prev-button:after,
.sec-itemlist .thumb-box .option.flex .next-button:after {
  font-family: swiper-icons;
  font-size: 0.8rem;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1.4rem;
  color: #fcf5ea;
}
.sec-itemlist .thumb-box .option.flex .prev-button:after {
  content: "prev";
}
.sec-itemlist .thumb-box .option.flex .next-button:after {
  content: "next";
}
.sec-itemlist .thumb-box .title {
  color: #457c98;
  margin-bottom: 0;
}
.sec-itemlist .thumb-box .title p {
  font-weight: 700;
}
.sec-itemlist .thumb-box .title hgroup {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sec-itemlist .thumb-box .title hgroup {
    margin-top: 4rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.sec-itemlist .thumb-box .title hgroup h2 {
  font-size: 4.2rem;
  letter-spacing: 0.2rem;
  line-height: 0.5;
}
.sec-soon {
  z-index: 100;
  margin-inline: auto;
  padding-bottom: 10rem;
}
.sec-soon p {
  text-align: center;
  display: block;
  color: #fff;
  position: relative;
  z-index: 100;
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  rotate: -5deg;
}
@media screen and (max-width: 767px) {
  .sec-soon p {
    font-size: 10vw;
  }
  .sec-soon p span {
    display: block;
  }
}
.sec-soon p:before {
  content: "";
  width: 120%;
  height: 6.5rem;
  display: block;
  background: rgba(69, 124, 152, 0.9);
  position: absolute;
  top: -1.2rem;
  left: -10%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sec-soon p:before {
    top: -14%;
    height: 124%;
    width: 400%;
    left: -200%;
  }
}
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #333c46;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
#splashLogo {
  width: 80%;
  max-width: 30rem;
  aspect-ratio: 1/1;
}
main.appear .splashBackground {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleY(0);
  background-color: #000;
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes PageAnime {
  0% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
  50% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  50.001% {
    transform-origin: top;
  }
  to {
    transform-origin: top;
    transform: scaleY(0);
  }
}
#contents {
  opacity: 0;
}
main.appear #contents {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#fixBackground .sec-goodsinfo h2.action {
  opacity: 0;
}
#fixBackground .sec-goodsinfo h2.action.show {
  animation: info-title 1.2s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap .box-text hgroup,
#fixBackground .sec-goodsinfo .item-wrap .box-text div p,
#fixBackground .sec-goodsinfo .item-wrap .box-text div a,
#fixBackground .sec-goodsinfo .item-wrap .box-text:before {
  opacity: 0;
}
#fixBackground .sec-goodsinfo .item-wrap .box-photo img {
  opacity: 0;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-text hgroup {
  animation: text-up 0.5s ease-in 1.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-text div p {
  animation: text-up 0.5s ease-in 2s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-text div a {
  animation: text-up 0.5s ease-in 2.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-text:before {
  animation: bg 2s ease-in-out 2s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(1) {
  animation: scale100 0.5s ease-out 0.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(2) {
  animation: scale100 0.5s ease-out 1s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(3) {
  animation: scale100 0.5s ease-out 1.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(4) {
  animation: scale100 0.5s ease-out 2s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(5) {
  animation: scale100 0.5s ease-out 2.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(6) {
  animation: scale100 0.5s ease-out 3s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(7) {
  animation: scale100 0.5s ease-out 3.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(8) {
  animation: scale100 0.5s ease-out 4s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(9) {
  animation: scale100 0.5s ease-out 4.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(10) {
  animation: scale100 0.5s ease-out 5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(11) {
  animation: scale100 0.5s ease-out 5.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(12) {
  animation: scale100 0.5s ease-out 6s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(13) {
  animation: scale100 0.5s ease-out 6.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(14) {
  animation: scale100 0.5s ease-out 7s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(15) {
  animation: scale100 0.5s ease-out 7.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(16) {
  animation: scale100 0.5s ease-out 8s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(17) {
  animation: scale100 0.5s ease-out 8.5s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(18) {
  animation: scale100 0.5s ease-out 9s forwards;
}
#fixBackground .sec-goodsinfo .item-wrap.show .box-photo img:nth-child(19) {
  animation: scale100 0.5s ease-out 9.5s forwards;
}
#fixBackground .sec-itemlist .action.list-wrap {
  opacity: 0;
  background: none;
  overflow: visible;
}
#fixBackground .sec-itemlist .action .thumb-box .swiper-slide,
#fixBackground .sec-itemlist .action .thumb-box .option,
#fixBackground .sec-itemlist .action .thumb-box .title {
  opacity: 0;
}
#fixBackground .sec-itemlist .action .main-box {
  opacity: 1;
}
#fixBackground .sec-itemlist .action.show.list-wrap {
  animation: list-wrap-bg 1.85s ease-in 0.15s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(1) {
  animation: text-up 0.5s ease-out 0.25s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(2) {
  animation: text-up 0.5s ease-out 0.5s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(3) {
  animation: text-up 0.5s ease-out 0.75s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(4) {
  animation: text-up 0.5s ease-out 1s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(5) {
  animation: text-up 0.5s ease-out 1.25s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(6) {
  animation: text-up 0.5s ease-out 1.5s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(7) {
  animation: text-up 0.5s ease-out 1.75s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(8) {
  animation: text-up 0.5s ease-out 2s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(9) {
  animation: text-up 0.5s ease-out 2.25s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(10) {
  animation: text-up 0.5s ease-out 2.5s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(11) {
  animation: text-up 0.5s ease-out 2.75s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(12) {
  animation: text-up 0.5s ease-out 3s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(13) {
  animation: text-up 0.5s ease-out 3.25s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(14) {
  animation: text-up 0.5s ease-out 3.5s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(15) {
  animation: text-up 0.5s ease-out 3.75s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(16) {
  animation: text-up 0.5s ease-out 4s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(17) {
  animation: text-up 0.5s ease-out 4.25s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(18) {
  animation: text-up 0.5s ease-out 4.5s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .swiper-slide:nth-child(19) {
  animation: text-up 0.5s ease-out 4.75s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .option {
  animation: text-up 0.5s ease-out 1s forwards;
}
#fixBackground .sec-itemlist .action.show .thumb-box .title {
  animation: text-up 0.5s ease-out 1.25s forwards;
}
#fixBackground .sec-soon.action p {
  opacity: 0;
  rotate: 0deg;
}
#fixBackground .sec-soon.action p:before {
  opacity: 0;
}
#fixBackground .sec-soon.action.show p {
  animation: soon-text 2s ease-in-out 1s forwards;
}
#fixBackground .sec-soon.action.show p:before {
  animation: soon-bg 2s ease-in-out 1s forwards;
}
@keyframes info-title {
  0% {
    opacity: 0;
    transform: translate(-20em);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes text-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scale100 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bg {
  0% {
    opacity: 0;
    width: 0;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
  }
  50% {
    opacity: 1;
    width: 120%;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
  }
  to {
    opacity: 1;
    width: 120%;
    -webkit-backdrop-filter: blur(90px);
    backdrop-filter: blur(90px);
  }
}
@keyframes soon-text {
  0% {
    opacity: 0;
    transform: translateY(2rem);
    rotate: 0deg;
  }
  50% {
    opacity: 1;
    transform: translateY(0);
    rotate: 0deg;
  }
  51% {
    opacity: 1;
    transform: translateY(0);
    rotate: 0deg;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    rotate: -5deg;
  }
}
@keyframes soon-bg {
  0% {
    opacity: 0;
    scale: 0;
    rotate: 0deg;
  }
  50% {
    opacity: 0;
    scale: 0;
    rotate: 0deg;
  }
  51% {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 100%;
  }
}
@keyframes list-wrap-bg {
  0% {
    opacity: 0;
    background: rgba(252, 245, 234, 0);
    overflow: hidden;
  }
  10% {
    opacity: 1;
    background: rgba(252, 245, 234, 0);
    overflow: hidden;
  }
  11% {
    opacity: 1;
    background: rgba(252, 245, 234, 0);
    overflow: hidden;
  }
  80% {
    opacity: 1;
    background: rgba(252, 245, 234, 0);
    overflow: hidden;
  }
  to {
    opacity: 1;
    background: rgb(252, 245, 234);
    overflow: hidden;
  }
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}