/* stylelint-disable no-descending-specificity */
html {
  height: initial;
}


/* @media only screen and (max-width: 767px) {
  html{
    font-size: calc(10 * (100vw / 390))!important;
  }
} */
/*
@media only screen and (min-width: 2100px) {
  html{
    font-size: calc(10 * (100vw / 2100))!important;
  }
} */

@media screen and (min-width:768px) and (max-width:2100px){
  html {
    font-size: calc(10* (100vw / 2100)) !important;
  }
}

header{
  display: none;
}

#Contents,
.main-area{
  padding-top: 0;
}

footer{
  display: none;
  pointer-events: none;
}

#Wrap{
  padding-top: 0;
}

.landingPage {
  --color-white: #fff;
  --color-black: #231815;
  --color-credit: #000;
  --font-times: "Times-New-Roman", serif;
  --font-pragmatica: "pragmatica", sans-serif;
  font-family: var(--font-credit);
  font-weight: 400;
  font-style: normal;
  color: var(--color-black);
  background-color: var(--color-white);
  overflow-x: clip;
}

@font-face {
  font-family: "Times-New-Roman";
  src: url("../font/Times-New-Roman.woff") format("woff");
}

/* font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal; */

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

.landingPage div{
  font-size: 0;
}

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

.landingPage a {
  display: inline-block;
}

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


/* 
.landingPage .product {
  position: relative;
  background-color: var(--color-white);
} */

/* =======  background for PC ======= */


@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}

@media (min-width: 768px) {
  #js-switchBg {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: -1;
  }

  .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 3s;
  }

  .bg.active {
    opacity: 1;
  }

  .bg01{
    background-image: url('../img/bg01_pc.jpg');
  }

  .bg02{
    background-image: url('../img/bg02_pc.jpg');
  }

  .bg03{
    background-image: url('../img/bg03_pc.jpg');
  }

}

@media (min-width: 768px) {
  .landingPage{
    max-width: 572px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

/* ======= credit ======= */
.landingPage .credit__cont{
  margin: calc(27.5* (100vw / 750)) calc(40* (100vw / 750)) 0;
}

.landingPage .js-showLink .credit__cont{
  margin: 0;
}

.landingPage .crdt_list{
  display: flex;
  row-gap: calc(10* (100vw / 750));
  flex-wrap: wrap;
  align-items: center;
}

.landingPage .js-showLink .crdt_list{
  justify-content: center;
}

@media (min-width: 768px) {
  .landingPage .credit__cont{
    margin: 21.5px 28px 0;
  }

  .landingPage .crdt_list{
    row-gap: 5px;
  }
}

/* ======= text ======= */

.landingPage .product__price {
  font-size: calc(18 * (100vw / 750));
  margin-right: calc(5*(100vw / 750));
  font-family: var(--font-pragmatica);
  letter-spacing: 0.02em;
  color: #000;
}

.landingPage .txt{
  font-family: var(--font-times);
  text-align: center;
}

.landingPage .txt01{
  font-size: calc(40* (100vw / 750));
  line-height: 1;
  letter-spacing: 0.026em;
  word-spacing: calc(2*(100vw / 750));
  white-space: nowrap;
  position: absolute;
  bottom: calc(14.5* (100vw / 750));
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.landingPage .txt02{
  font-size: calc(26* (100vw / 750));
  letter-spacing: 0;
  line-height: 1.27;
  word-spacing: calc(2*(100vw / 750));
}

.landingPage .txt03{
  font-size: calc(24* (100vw / 750));
  line-height: 1.3333333333;
  letter-spacing: 0.02em;
  text-align: left;
  width: calc(567.91* (100vw / 750));
}

.landingPage .txt04{
  font-size: calc(26*(100vw / 750));
  line-height: 1.25;
  letter-spacing: 0.022em;
}

.landingPage .txt05{
  font-size: calc(24* (100vw / 750));
  line-height: 1.375;
  letter-spacing: 0.02em;
  text-align: right;
}

.landingPage .txt06{
  font-size: calc(26* (100vw / 750));
  line-height: 1.199;
  margin-bottom: calc(63*(100vw / 750));
  letter-spacing: 0.02em;
}

.landingPage .txt07{
  font-size: calc(33*(100vw / 750));
  line-height: 1.2121212121;
  text-align: right;
  letter-spacing: 0.028em;
  word-spacing: calc(-4* (100vw / 750));
  margin-right: calc(39*(100vw / 750));
}

.landingPage .staff-list{
  font-size: calc(18* (100vw / 750));
  font-family: var(--font-pragmatica);
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
}


@media (min-width: 768px) {
  .landingPage .product__price {
    font-size: 14.3px;
    margin-right: 3px;
    word-spacing: -2px;
  }

  .landingPage .txt01{
    font-size: 30.7px;
    bottom: 12.5px;
    word-spacing: -1px;
  }

  .landingPage .txt02{
    font-size: 20px;
    word-spacing: 1px;
  }

  .landingPage .txt03{
    font-size: 18px;
    width: 420px;
    word-spacing: 1px;
  }

  .landingPage .txt04{
    font-size: 20px;
  }

  .landingPage .txt05{
    font-size: 19.3px;
    letter-spacing: 0;
  }

  .landingPage .txt06{
    font-size: 20px;
    margin-bottom: 48px;
  }

  .landingPage .txt07{
    font-size: 26px;
    margin-right: 29px;
    letter-spacing: 0.015em;
    word-spacing: 0;
  }

  .landingPage .staff-list{
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
}
/* =======================================
    section 01
======================================= */
.w-670{
  width: calc(670* (100vw / 750));
  margin-right: auto;
  margin-left: auto;
}

.landingPage .img03__cont .credit__cont,
.landingPage .img04__cont .credit__cont,
.landingPage .img05__cont .credit__cont,
.landingPage .img06__cont .credit__cont{
  margin-left: 0;
}

/* -------- mv  */
.landingPage .mv__cont{
  position: relative;
  margin-bottom: calc(27.9* (100vw / 750));
}

.landingPage .ttl__cont{
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: calc(30*(100vw / 750));
  top: calc(237.3*(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
}

.landingPage .logo_img{
  width: calc(320.44* (100vw / 750));
  pointer-events: none;
}

.landingPage .subttl_img{
  width: calc(302.0908*(100vw / 750));
  margin-left: calc(8*(100vw / 750));
  pointer-events: none;
}

/* -------- img01  */
.landingPage .img01__cont{
  position: relative;
  z-index: 1;
}

/* -------- blank-space  */
.sec-01 .blank-space__cont{
  padding-top: calc(960*(100vw / 750));
  margin-bottom: calc(76*(100vw / 750));
}

/* -------- img02  */
.landingPage .img02__cont{
  margin-bottom: calc(119* (100vw / 750));
}

/* -------- img03  */
.landingPage .img03__cont{
  margin-bottom: calc(223* (100vw / 750));
}

.landingPage .img03__cont .slick-dots{
  right: calc(8*(100vw / 750));
}

/* -------- img04  */
.landingPage .img04__cont{
  margin-bottom: calc(204* (100vw / 750));
}

/* -------- img05  */
.landingPage .img05__cont{
  width: calc(520.9* (100vw / 750));
  margin: 0 auto calc(229* (100vw / 750));
}

.landingPage .img05__cont .credit__cont {
  margin-top: calc(36*(100vw / 750));
}

.landingPage .img05__cont .slick-dots{
  bottom: calc(-50*(100vw / 750));
}

/* -------- img06  */
.landingPage .img06__cont{
  margin: 0 auto calc(266.5* (100vw / 750));
}

.landingPage .img06__cont .slick-dots {
  right: calc(25*(100vw / 750));
}

/* -------- img07  */
.landingPage .img07__cont{
  width: calc(358.74* (100vw / 750));
  margin: 0 auto calc(269.9* (100vw / 750));
}

.landingPage .img07__cont .credit__cont {
  margin-top: calc(32*(100vw / 750));
}

.landingPage .img07__cont .product__price {
  font-size: calc(17*(100vw / 750));
}

.landingPage .img07__cont .crdt_list{
  justify-content: center;
}

/* -------- img08  */
.landingPage .img08__cont{
  margin-bottom: calc(330.6* (100vw / 750));
}

.landingPage .img08__cont .slick-dots{
  right: calc(44.4* (100vw / 750));
}

/* -------- img09  */
.landingPage .img09__cont{
  margin-bottom: calc(90.4* (100vw / 750));
}

/* -------- img10  */
.landingPage .img10__cont{
  width: calc(655* (100vw / 750));
  margin: 0 auto calc(82* (100vw / 750)) calc(42.2* (100vw / 750));
}

.landingPage .img10{
  width: calc(345.22* (100vw / 750));
  margin: 0 0 calc(276.2* (100vw / 750)) auto;
}

@media (min-width: 768px) {
  .w-670{
    width: 510px;
  }

  /* -------- mv  */
  .landingPage .mv__cont{
    margin-bottom: 10px;
  }
  
  .landingPage .ttl__cont{
    row-gap: 21px;
    top: 181px;
  }
  
  .landingPage .logo_img{
    width: 242.44px;
  }
  
  .landingPage .subttl_img{
    width: 229px;
    margin-left: 7px;
  }

  /* -------- blank-space  */
  .sec-01 .blank-space__cont{
    padding-top: 728px;
    margin-bottom: 55px;
  }
  
  /* -------- img02  */
  .landingPage .img02__cont{
    margin-bottom: 88px;
  }
  
  /* -------- img03  */
  .landingPage .img03__cont{
    margin-bottom: 170px;
  }
  
  .landingPage .img03__cont .slick-dots{
    right: 4px;
  }
  
  /* -------- img04  */
  .landingPage .img04__cont{
    margin-bottom: 175px;
  }
  
  .landingPage .img04__cont .credit__cont {
    margin-top: 19.5px;
  }

  /* -------- img05  */
  .landingPage .img05__cont{
    width: 396px;
    margin: 0 auto 155px;
  }

  .landingPage .img05__cont .credit__cont {
    margin-top: 25px;
  }

  .landingPage .img05__cont .slick-dots{
    bottom: -37px;
  }

  /* -------- img06  */
  .landingPage .img06__cont{
    margin: 0 auto 204px;
  }

  .landingPage .img06__cont .slick-dots {
    right: 4px;
    bottom: -28px;
  }

  /* -------- img07  */
  .landingPage .img07__cont{
    width: 272px;
    margin: 0 auto 207px;
  }

  .landingPage .img07__cont .credit__cont {
    margin-top: 22px;
  }

  .landingPage .img07__cont .product__price {
    font-size: 13.5px;
    margin-right: 0;
  }

  /* -------- img08  */
  .landingPage .img08__cont{
    margin-bottom: 251px;
  }
  
  .landingPage .img08__cont .slick-dots{
    right: 33.4px;
    bottom: -27px;
  }
  
  .landingPage .img08__cont .credit__cont {
    margin: 19.5px 31px 0;
  }
  /* -------- img09  */
  .landingPage .img09__cont{
    margin-bottom: 67px;
  }
  
  /* -------- img10  */
  .landingPage .img10__cont{
    width: 497px;
    margin: 0 auto 82px 33px;
  }

  .landingPage .img10{
    width: 262px;
    margin: 0 0 210px auto;
  }
}

/* =======================================
    section 02
======================================= */
.landingPage .img12__cont .credit__cont,
.landingPage .img20__cont .credit__cont{
  margin-left: 0;
}

/* -------- img11  */
.landingPage .img11__cont{
  margin-bottom: calc(218.1* (100vw / 750));
}

/* -------- img12  */
.landingPage .img12__cont{
  width: calc(518.92* (100vw / 750));
  margin: 0 auto calc(256* (100vw / 750));
}

.landingPage .img12__cont .credit__cont{
  margin-right: auto;
  margin-top: calc(9.5*(100vw / 750));
}

.landingPage .img12__cont .crdt_list{
  justify-content: center;
}

/* -------- img13  */
.landingPage .img13__cont{
  margin-bottom: calc(259.2* (100vw / 750));
}

.landingPage .img13__cont .credit__cont{
  width: calc(530*(100vw / 750));
}

/* -------- img14  */
.landingPage .img14__cont{
  margin-bottom: calc(265* (100vw / 750));
}

.landingPage .img14{
  margin-bottom: calc(38* (100vw / 750));
}

/* -------- img15  */
.landingPage .img15__cont{
  width: calc(552.94* (100vw / 750));
  margin: 0 auto calc(263* (100vw / 750)) 0;
}

.landingPage .img15__cont .credit__cont {
  margin-top: calc(28*(100vw / 750));
}

.img15__cont .slick-dots {
  bottom: calc(-37*(100vw / 750));
  right: calc(3*(100vw / 750));
}

/* -------- img16  */
.landingPage .img16__cont{
  width: calc(497.5* (100vw / 750));
  margin: 0 calc(20* (100vw / 750)) calc(263.1* (100vw / 750)) auto;
}

.landingPage .img16__cont .credit__cont{
  width: calc(292*(100vw / 750));
  margin-top: calc(31*(100vw / 750));
  margin-right: calc(14*(100vw / 750));
  margin-left: auto;
}

.landingPage .img16__cont .crdt_list{
  justify-content: end;
}

.landingPage .img16__cont .slick-dots{
  left: calc(6*(100vw / 750));
  bottom: calc(-45*(100vw / 750));
  right: initial;
}

/* -------- img17  */
.landingPage .img17__cont{
  width: calc(628.71* (100vw / 750));
  margin: 0 auto calc(306.6* (100vw / 750));
}

/* -------- img18  */
.landingPage .img18__cont{
  margin-bottom: calc(220.6* (100vw / 750));
}

/* -------- img19  */
.landingPage .img19__cont{
  width: calc(670.28* (100vw / 750));
  margin: 0 auto calc(180* (100vw / 750));
}

.landingPage .img19{
  width: calc(349.64* (100vw / 750));
  margin: 0 auto calc(228* (100vw / 750)) 0;
}

/* -------- img20  */
.landingPage .img20__cont{
  width: calc(670.16* (100vw / 750));
  margin: 0 auto calc(202* (100vw / 750));
}

/* -------- img21  */
.landingPage .img21__cont{
  width: calc(349.64* (100vw / 750));
  margin: 0 calc(40* (100vw / 750)) calc(301.5* (100vw / 750)) auto;
}

@media (min-width: 768px) {

  /* -------- img11  */
  .landingPage .img11__cont{
    margin-bottom: 165px;
  }

  /* -------- img12  */
  .landingPage .img12__cont{
    width: 395px;
    margin: 0 auto 192px;
  }

  .landingPage .img12{
    height: 549px;
  }

  /* -------- img13  */
  .landingPage .img13__cont{
    margin-bottom: 197px;
  }

  .landingPage .img13__cont .credit__cont{
    width: 380px;
    margin: 21px 0 0 32px;
  }

  /* -------- img14  */
  .landingPage .img14__cont{
    margin-bottom: 198px;
  }

  .landingPage .img14{
    margin-bottom: 26px;
  }

  /* -------- img15  */
  .landingPage .img15__cont{
    width: 422px;
    margin: 0 auto 200px 0;
  }

  .landingPage .img15__cont .credit__cont {
    margin: 22px 31px 0;
  }

  .img15__cont .slick-dots {
    bottom: -32px;
    right: 0;
  }

  /* -------- img16  */
  .landingPage .img16__cont{
    width: 378px;
    margin: 0 32px 204px auto;
  }

  .landingPage .img16__cont .credit__cont{
    width: 292px;
    margin-top: 22px;
    margin-right: -5px;
    margin-left: auto;
  }

  .landingPage .img16__cont .slick-dots{
    left: 0;
    bottom: -33px;
  }

  /* -------- img17  */
  .landingPage .img17__cont{
    width: 478px;
    margin: 0 auto 231px;
  }

  /* -------- img18  */
  .landingPage .img18__cont{
    margin-bottom: 166px;
  }

  /* -------- img19  */
  .landingPage .img19__cont{
    width: 511px;
    margin: 0 auto 138px;
  }

  .landingPage .img19{
    width: 266px;
    margin: 0 auto 173px 0;
  }

  .landingPage .txt05{
    line-height: 1.3;
  }

  /* -------- img20  */
  .landingPage .img20__cont{
    width: 510px;
    margin: 0 auto 151px;
  }

  /* -------- img21  */
  .landingPage .img21__cont{
    width: 267px;
    margin: 0 30px 219.5px auto;
  }

}
/* =======================================
    section 03
======================================= */
.landingPage .img12__cont .credit__cont,
.landingPage .img20__cont .credit__cont{
  margin-left: 0;
}

/* -------- blank-space__cont  */
.landingPage .sec-03 .blank-space__cont{
  padding-top: calc(90* (100vw / 750));
  margin: auto calc(63.8* (100vw / 750));
}

/* -------- img22  */
.landingPage .img22__cont{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: calc(467* (100vw / 750)) calc(457* (100vw / 750));
  row-gap: calc(5.4* (100vw / 750));
  column-gap: calc(5.2* (100vw / 750));
  width: calc(653.73* (100vw / 750));
  margin: 0 auto calc(4.7* (100vw / 750));
}

.landingPage .img22__cont .product__unit{
  width: calc(324.6518* (100vw / 750));
  overflow: hidden;
}

/* -------- img23  */
.landingPage .img23__cont{
  width: calc(653.9566* (100vw / 750));
  margin: 0 auto calc(263.4* (100vw / 750));
}

/* -------- img24  */
.landingPage .img24__cont{
  margin-bottom: calc(220.4* (100vw / 750));
}

.landingPage .img24__cont .credit__cont{
  width: calc(480* (100vw / 750));
  margin-top: calc(27.5*(100vw / 750));
}

/* -------- img25  */
.landingPage .img25__cont{
  width: calc(475.36* (100vw / 750));
  margin: 0 auto calc(304.2* (100vw / 750));
}

.landingPage .img25__cont .link__wrapper{
  align-items: end;
  padding-bottom: calc(16*(100vw / 750));
}

.landingPage .img25__cont .credit__cont{
  width: calc(402*(100vw / 750));
}

.landingPage .img25__cont .slick-dots{
  right: calc(15.5*(100vw / 750));
  left: initial;
  bottom: calc(14*(100vw / 750));
}

.landingPage .img25__cont .slick-dots li button {
  border: 1px solid var(--color-white);
  background-color:transparent;
}

.landingPage .img25__cont .slick-dots li.slick-active button{
  background: var(--color-white);
}

/* -------- img26  */
.landingPage .img26__cont{
  margin-bottom: calc(166.5* (100vw / 750));
}

.landingPage .img26{
  margin-bottom: calc(52*(100vw / 750));
}

.landingPage .img26__cont .credit__cont{
  margin: 0 calc(22* (100vw / 750)) calc(151.5* (100vw / 750)) auto;
}


/* -------- img27  */
.landingPage .img27__cont{
  width: calc(639.79* (100vw / 750));
  margin-bottom: calc(257* (100vw / 750));
}

.img27__cont .slick-dots {
  right: calc(5*(100vw / 750));
  bottom: calc(-45*(100vw / 750));
}

/* -------- img28  */
.landingPage .img28__cont{
  width: calc(639.79* (100vw / 750));
  margin: 0 0 calc(292*(100vw / 750)) auto;
}

.landingPage .img28__cont .credit__cont{
  width: calc(440* (100vw / 750));
  margin-left: auto;
  margin-right: calc(35.4*(100vw / 750));
  margin-top: calc(30*(100vw / 750));
}

.landingPage .img28__cont .crdt_list{
  justify-content: right;
}

.landingPage .img28__cont .slick-dots{
  left: calc(4*(100vw / 750));
  right: initial;
  bottom: calc(-37*(100vw / 750));
}


/* -------- img29  */
.landingPage .img29__cont{
  margin-bottom: 0 auto calc(250.2* (100vw / 750)) 0;
}

@media (min-width: 768px) {
  /* -------- blank-space__cont  */
  .landingPage .sec-03 .blank-space__cont{
    padding-top: 90px;
    margin: auto 63.8px;
  }

  /* -------- img22  */
  .landingPage .img22__cont{
    row-gap: 5px;
    grid-template-rows: 355px 347px;
    column-gap: 5px;
    width: 500px;
    margin: 0 auto 5px;
  }

  .landingPage .img22__cont .product__unit{
    width: 247px;
  }

  /* -------- img23  */
  .landingPage .img23__cont{
    width: 498px;
    margin: 0 auto 198px;
  }

  /* -------- img24  */
  .landingPage .img24__cont{
    margin-bottom: 170px;
  }

  .landingPage .img24__cont .credit__cont{
    width: 380px;
    margin-top: 20.5px;
  }

  /* -------- img25  */
  .landingPage .img25__cont{
    width: 361px;
    margin: 0 auto 231px;
  }

  .landingPage .img25__cont .link__wrapper{
    padding-bottom: 16px;
  }

  .landingPage .img25__cont .credit__cont{
    width: 250px;
  }

  .landingPage .img25__cont .slick-dots{
    right: 11.5px;
    bottom: 10.5px;
  }

  /* -------- img26  */
  .landingPage .img26__cont{
    margin-bottom: 126px;
  }

  .landingPage .img26{
    margin-bottom: 38px;
  }

  .landingPage .img26__cont .credit__cont{
    margin: 0 22px 151.5px auto;
  }


  /* -------- img27  */
  .landingPage .img27__cont{
    width: 485px;
    margin-bottom: 192px;
  }

  .landingPage .img27__cont .credit__cont{
    margin: 23.5px 28px 0;
  }

  .landingPage .img27__cont .slick-dots {
    right: 2px;
    bottom: -35px;
  }


  /* -------- img28  */
  .landingPage .img28__cont{
    width: 485px;
    margin: 0 0 223px auto;
  }

  .landingPage .img28__cont .credit__cont{
    width: 430px;
    margin-right: 26px;
    margin-top: 21px;
  }

  .landingPage .img28__cont .slick-dots{
    left: 0;
    bottom: -28px;
  }

  /* -------- img29  */
  .landingPage .img29__cont{
    margin-bottom: 0 auto 250.2px 0;
  }

}


/* =======================================
    staff-list__cont
======================================= */

.landingPage .staff-list__cont{
  margin: calc(72.6* (100vw / 750)) auto 0 calc(39* (100vw / 750));
  padding-bottom: calc(100* (100vw / 750));
}

@media (min-width: 768px) {
  .landingPage .staff-list__cont{
    margin: 53.6px auto 0 30px;
    padding-bottom: 77px;
  }
}
/* =======================================
    animation
======================================= */
/* ------------------- .js-fade */
.landingPage .js-fade {
  opacity: 0;
  transition: opacity 800ms, transform 500ms;
}

.landingPage .js-fade.inview {
  opacity: 1;
}

.landingPage .delay05 {
  transition-delay: 0.5s;
}

/* ------------------- .js-showLink */

.landingPage .js-showLink {
  position: relative;
  cursor: pointer;
}

.landingPage .link__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.68);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 10000;
}

.landingPage .link__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .landingPage .js-showLink:hover .js-fade-credit,
  .landingPage .js-showLink:hover .link__wrapper {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .landingPage .js-showLink.click .js-fade-credit,
  .landingPage .js-showLink.click .link__wrapper {
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .landingPage .link__wrapper {
    justify-content: center;
  }
}

.landingPage .link__wrapper .product__prices {
  z-index: 2;
  color: var(--color-white);
}

.landingPage .link__wrapper .product__price,
.landingPage .link__wrapper .product__price a{
  pointer-events: all;
  cursor: pointer;
  z-index: 1000;
}

@media (max-width: 767px) {
  .landingPage .link__wrapper .product__prices {
    padding-inline: calc(30 * (100vw / 750));
    text-align: left;
  }
}

@media (min-width: 768px) {
  .landingPage .link__wrapper .product__prices {
    text-align: center;
  }
}

/* ------------------- slick pagination */
.slick-dots {
  position: absolute;
  right: 0;
  left: initial;
  bottom: calc(-43*(100vw / 750));
  column-gap: calc(10*(100vw / 750));
  justify-content: right;
  padding: 0;
  z-index: 1000;
}

.slick-dots li{
  margin: 0;
}

.slick-dots li button {
  background: var(--color-white);
  width: calc(10 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  margin: 0;
  border: 1px solid var(--color-black);
  opacity: 1;
}

.slick-dots li.slick-active button {
  background: var(--color-black);
  transform: scale(1);
}

@media (max-width: 767px) {
  .slick-dots{
    margin: 0;
    width: calc(29*(100vw / 750));
    display: flex !important;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .slick-dots {
    right: 0;
    bottom: -32px;
    column-gap: 8px;
  }

  .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}