/* @media (min-width: 768px) and (max-width: 1279px) {
width: calc(650* var(--variable)* var(--ratio));
  html {
    font-size: 0.7142857143vw;
  }
} */

.splide__pagination {
  justify-content: end;
  padding: 0;
  bottom: calc(10* var(--variable)* var(--ratio));
  right: calc(10* var(--variable)* var(--ratio));
}

.splide__pagination__page {
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
  width: calc(10* var(--variable)* var(--ratio));
  height: calc(10* var(--variable)* var(--ratio));
  margin: calc(10* var(--variable)* var(--ratio));
}

.splide__pagination__page.is-active {
  transform: scale(1);
}

.landingPage {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: #58595B;
  --color-yellow: #EEE9BE;
  --font-roboto: "roboto", serif;
  --font-operetta: "operetta-12", serif;
  position: relative;
  --fw-light:300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  overflow: clip;
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 440;
  --sp-artboard-width: 236;
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
  --variable: calc(100vw / var(--pc-width));
}

.landingPage::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  margin-inline: auto;
  background-color: #58595b;
}
@media (min-width: 768px) {
  .landingPage::after {
    width: calc(1100 * var(--util));
    content: '';
  }
  .landingPage {
    --sp-artboard-width: 750;
  }
}

.landingPage * {
  box-sizing: border-box !important;
  color: var(--color-black);
  font-weight: var(--fw-light);
}

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

.landingPage a {
  display: inline-block;
}
.landingPage .collection__inner {
  max-width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
}

@media (hover: hover) {
  .landingPage .landingPage a {
    transition: 0.6 ease;
  }

  .landingPage .landingPage a:where(:any-link):hover {
    opacity: 0.6;
  }
}

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

.landingPage .js-fade {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1.1s ease-in-out, visibility 1.1s ease-in-out;
}

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

.landingPage .js-fade-vr {
  visibility: hidden;
  opacity: 0;
  transition: transform 1.1s ease, opacity 1.1s ease, visibility 1.1s ease;
  transform: translateY(100px);
}

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

.landingPage {
  --util: 100vw / 750;
  padding-bottom: calc(155* var(--variable)* var(--ratio));
}

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

@media (min-width: 768px) {
  .landingPage .without-pc {
    display: none;
  }
}

.landingPage .mainVisual__desc {
  font-family: var(--font-roboto);
  font-feature-settings: 'palt';
  font-size: calc(23* var(--variable)* var(--ratio));
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.landingPage .mainVisual {
  width: calc(650* var(--variable)* var(--ratio));
  margin-inline: auto;
}
.landingPage .mainVisual__lead {
  margin: 0 auto;
  margin-top: calc(60* var(--variable)* var(--ratio));
  width: calc(410* var(--variable)* var(--ratio));
}
.landingPage .mainVisual__desc .lead_title {
  margin-top: calc(53* var(--variable)* var(--ratio));
  font-weight: var(--fw-bold);
}
.landingPage .mainVisual__desc .lead_title span {
  font-weight: var(--fw-bold);
}
.landingPage .mainVisual__desc .lead_main {
  margin-top: calc(3* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  line-height: 1.5;
}

.landingPage .mainVisual__desc > span {
  display: block;
}

.landingPage .fixedContent__text {
  position: fixed;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  right: calc(28* var(--variable)* var(--ratio));
  width: calc(23.5* var(--variable)* var(--ratio));
}

.landingPage .collection__prices {
  font-family: var(--font-roboto);
  font-feature-settings: 'palt';
  margin-top: calc(32* var(--variable)* var(--ratio));
  font-size: calc(21* var(--variable)* var(--ratio));
  letter-spacing: 0.03em;
  line-height: 1.9;
  color: var(--color-gray);
}
.landingPage .collection__prices a {
  font-weight: var(--fw-medium);
}


.landingPage .collection__prices a {
  color: var(--color-gray);
}

.landingPage .collection__prices .prices_left {
  margin-left: calc(5* var(--variable)* var(--ratio));
}

.landingPage .collection__image {
  line-height: 0;
  background-color: #fff;
}
.landingPage .collection--1 {
  margin-top: calc(92* var(--variable)* var(--ratio));
}
.landingPage .collection--1 .collection__item01 {
  padding-right: calc(129* var(--variable)* var(--ratio));
}
.landingPage .collection--1 .collection__prices {
  text-align: right;
}

.landingPage .collection--2 {
  margin-top: calc(148* var(--variable)* var(--ratio));
}
.landingPage .collection--2 .collection__item01 {
  padding-left: calc(230* var(--variable)* var(--ratio));
}
.landingPage .collection--2 .collection__prices {
  margin-top: calc(32* var(--variable)* var(--ratio));
}

.landingPage .collection--3 {
  margin-top: calc(150* var(--variable)* var(--ratio));
}
.landingPage .collection--3 .collection__item01 {
  padding-left: calc(50* var(--variable)* var(--ratio));
  padding-right: calc(50* var(--variable)* var(--ratio));
}
.landingPage .collection--3 .collection__item02 {
  padding-top: calc(80* var(--variable)* var(--ratio));
  padding-left: calc(190* var(--variable)* var(--ratio));
}

.landingPage .collection--4 {
  margin-top: calc(148* var(--variable)* var(--ratio));
}
.landingPage .collection--4 .collection__item01 {
  padding-left: calc(75* var(--variable)* var(--ratio));
  padding-right: calc(75* var(--variable)* var(--ratio));
}
.landingPage .collection--4 .collection__item02 {
  padding-left: calc(50* var(--variable)* var(--ratio));
  padding-right: calc(50* var(--variable)* var(--ratio));
}
.landingPage .collection__desc {
  font-family: var(--font-roboto);
  font-weight: var(--fw-light);
  font-size: calc(23* var(--variable)* var(--ratio));
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.landingPage .collection__desc > span {
  display: block;
}
.landingPage .collection__desc .lead_title {
  margin-top: calc(61* var(--variable)* var(--ratio));
  font-weight: var(--fw-bold);
}
.landingPage .collection__desc .lead_title span {
  font-weight: var(--fw-bold);
}
.landingPage .collection__desc .lead_main {
  margin-top: calc(3* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
}
.landingPage .collection--4 .collection__prices {
  margin-top: calc(34* var(--variable)* var(--ratio));
  padding-right: calc(5* var(--variable)* var(--ratio));
  text-align: right;
}

.landingPage .collection--5 {
  margin-top: calc(135* var(--variable)* var(--ratio));
}
.landingPage .collection--5 .collection__prices {
  text-align: center;
}

.landingPage .collection--6 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(130* var(--variable)* var(--ratio));
  background-color: var(--color-yellow);
  padding-bottom: calc(132* var(--variable)* var(--ratio));
}
.landingPage .collection--6 .collection__item01 {
  padding-top: calc(130* var(--variable)* var(--ratio));
  padding-left: calc(240* var(--variable)* var(--ratio));
  padding-right: calc(50* var(--variable)* var(--ratio));
}
.landingPage .collection--6 .collection__item02 {
  width: calc(650* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}
.landingPage .collection--6 .collection__item02 .collection__title {
  font-family: var(--font-operetta);
  font-weight: var(--fw-light);
  font-size: calc(63* var(--variable)* var(--ratio));
  letter-spacing: 0;
}
.landingPage .collection--6 .collection__item02 .title01 {
  position: absolute;
  top: calc(-182* var(--variable)* var(--ratio));
  left: calc(-2* var(--variable)* var(--ratio));
  z-index: 5;
}
.landingPage .collection--6 .collection__item02 .title02 {
  position: absolute;
  top: calc(-182* var(--variable)* var(--ratio));
  left: calc(257* var(--variable)* var(--ratio));
  z-index: 5;
}
.landingPage .collection--6 .collection__item02 .title03 {
  position: absolute;
  top: calc(-108* var(--variable)* var(--ratio));
  left: calc(206* var(--variable)* var(--ratio));
  z-index: 5;
}
.landingPage .collection--6 .collection__item02 .title04 {
  position: absolute;
  top: calc(-108* var(--variable)* var(--ratio));
  left: calc(512* var(--variable)* var(--ratio));
  z-index: 5;
}
.landingPage .collection--6 .collection__item02 .collection__desc {
  margin-top: calc(257* var(--variable)* var(--ratio));
}

.landingPage .collection--7 {
  margin-top: calc(141* var(--variable)* var(--ratio));
}
.landingPage .collection--7 .collection__item01 {
  padding-left: calc(65* var(--variable)* var(--ratio));
  padding-right: calc(65* var(--variable)* var(--ratio));
}
.landingPage .collection--7 .collection__item02 {
  padding-top: calc(80* var(--variable)* var(--ratio));
  padding-left: calc(170* var(--variable)* var(--ratio));
}
.landingPage .collection--7 .collection__prices {
  margin-top: calc(34* var(--variable)* var(--ratio));
}

.landingPage .product {
  position: relative;
  margin-top: calc(150* var(--variable)* var(--ratio));
}

.landingPage .product::before {
  position: absolute;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  content: '';
  background-color: var(--color-yellow);
  top: calc(200* var(--variable)* var(--ratio));
  height: calc(1250* var(--variable)* var(--ratio));
}

.landingPage .product__inner {
  display: grid;
  justify-items: center;
}
.landingPage .product__image {
  padding-inline: calc(75* var(--variable)* var(--ratio));
}

.landingPage .product__title {
  position: relative;
  font-family: var(--font-miller);
  text-align: center;
  letter-spacing: 0.07em;
  padding-bottom: calc(53* var(--variable)* var(--ratio));
  margin-top: calc(67* var(--variable)* var(--ratio));
  font-size: calc(44* var(--variable)* var(--ratio));
}

.landingPage .product__title::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin-inline: auto;
  content: '';
  background-color: var(--color-gray);
  width: calc(120* var(--variable)* var(--ratio));
  height: calc(2* var(--variable)* var(--ratio));
}

.landingPage .product__title > * {
  line-height: 1;
}

.landingPage .product__title span {
  display: block;
  letter-spacing: 0.06em;
  padding-bottom: calc(21* var(--variable)* var(--ratio));
  font-size: calc(38* var(--variable)* var(--ratio));
}

.landingPage .product__text {
  font-family: var(--font-yu-mincho-pr6n);
  font-feature-settings: 'palt';
  text-align: center;
  margin-top: calc(59* var(--variable)* var(--ratio));
  font-size: calc(24* var(--variable)* var(--ratio));
  line-height: 2;
  letter-spacing: 0.14em;
}

.landingPage .foot {
  font-family: var(--font-roboto);
  margin-top: calc(22* var(--variable)* var(--ratio));
}

.landingPage .foot__inner {
  display: grid;
  justify-items: center;
}
.landingPage .foot__image {
  padding-inline: calc(95* var(--variable)* var(--ratio));
}

.landingPage .foot__heading {
  text-align: center;
  margin-top: calc(78* var(--variable)* var(--ratio));
}

.landingPage .foot__heading span {
  display: block;
}

.landingPage .foot__subTitle {
  color: var(--color-black);
  letter-spacing: 0.05em;
  font-size: calc(37* var(--variable)* var(--ratio));
}

.landingPage .foot__mainTitle {
  color: var(--color-black);
  letter-spacing: 0.02em;
  padding-top: calc(27* var(--variable)* var(--ratio));
  font-size: calc(84* var(--variable)* var(--ratio));
}

.landingPage .foot__desc {
  font-style: italic;
  color: var(--color-black);
  letter-spacing: 0.01em;
  padding-top: calc(42* var(--variable)* var(--ratio));
  font-size: calc(54* var(--variable)* var(--ratio));
}

.landingPage .foot__button {
  text-align: center;
  letter-spacing: 0.02em;
  margin-top: calc(122* var(--variable)* var(--ratio));
  font-size: calc(40* var(--variable)* var(--ratio));
}

.landingPage .foot__button a {
  font-weight: var(--fw-regular);
  color: var(--color-black);
  border-bottom: calc(8* var(--variable)* var(--ratio)) double #58595b;
  padding-bottom: calc(16* var(--variable)* var(--ratio));
}

@media (min-width: 768px) {
  .landingPage .foot__button a {
    border-bottom: calc(6* var(--variable)* var(--ratio)) double #58595b;
    padding-bottom: calc(6* var(--util));
  }
}

.landingPage .foot__credit {
  line-height: 1.75;
  text-align: center;
  font-family: var(--font-roboto);
  margin-top: calc(154* var(--variable)* var(--ratio));
  font-size: calc(24* var(--variable)* var(--ratio));
  letter-spacing: 0.03em;
  color: var(--color-gray);
  font-weight: var(--fw-regular);
}
.landingPage .foot__credit span {
  color: var(--color-gray);
  font-weight: var(--fw-regular);
}

/*--------------------------------
  js-TextRandomAnime
--------------------------------*/


.js-TextRandomAnime span{
	opacity: 0;
}
.js-TextRandomAnime.appearRandomtext span{ 
	animation:text_randomanime_on .5s ease-out forwards;
}

/*アニメーションで透過を0から1に変化させる*/
@keyframes text_randomanime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

.js-TextRandomAnime.appearRandomtext span:nth-child(2n) {
	animation-delay: .5s;/* spanのついた2の倍数の文字列の変化を0.5秒遅らせる*/
}
.js-TextRandomAnime.appearRandomtext span:nth-child(3n+1) {
	animation-delay: .15s;/* spanのついた3の倍数＋1の文字列の変化を0.15秒遅らせる*/
}

@media (max-width: 767px) {
  .landingPage .mainVisual_pc {
    display: none;
  }
}

@media (min-width: 768px) {
  .landingPage .sticky-container {
    display: flex;
  }
  .landingPage .mainVisual_pc {
    width: 50%;
    height: 100vh;
    position: sticky;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
  }
  .landingPage .sticky-contents {
    width: 50%;
  }
  .landingPage .landingPage__inner {
    /* width: calc(440*(100vw / 1400)); */
    margin-left: calc(-70* var(--variable)* var(--ratio));
  }

  .landingPage .mainVisual_pc .mainVisual__inner {
    width: calc(510*(100vw / 1400));
    margin-left: calc(110*(100vw / 1400));
  }
  .landingPage .mainVisual_pc .mainVisual__lead {
    width: calc(366*(100vw / 1400));
    margin-left: calc(72*(100vw / 1400));
    margin-top: calc(142*(100vw / 1400));
  }
  .landingPage .mainVisual_pc .mainVisual__desc {
    font-size: calc(14*(100vw / 1400));
  }  
  .landingPage .mainVisual_pc .mainVisual__desc .lead_title {
    margin-top: calc(90*(100vw / 1400));
  }
  .landingPage .mainVisual_pc .mainVisual__desc .lead_main {
    line-height: 1.6;
  }
}