/* @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: #7f7f7f;
  --color-yellow: #F7F5DF;
  --color-green: #5EAA77;
  --font-notoSc: "noto-sans-cjk-jp", sans-serif;
  --font-kepler: "kepler-std", 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;
  position: relative;
}

@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 {
  --util: 100vw / 750;
  /* padding-bottom: calc(148* var(--variable)* var(--ratio)); */
}
@media (max-width: 768px) {
  .landingPage .without-sp {
    display: none;
  }
}
@media (min-width: 767px) {
  .landingPage .without-pc {
    display: none;
  }
}

.landingPage .mainVisual {
  width: calc(750* var(--variable)* var(--ratio));
  margin-inline: auto;
}
.landingPage .mainVisual__txt_box {
  margin-top: calc(124* var(--variable)* var(--ratio));
}
.landingPage .mainVisual__lead {
  font-family: var(--font-kepler);
  font-style: italic;
  color: var(--color-green);
  letter-spacing: 0.02em;
  text-align: center;
  font-size: calc(52* var(--variable)* var(--ratio));
}
.landingPage .mainVisual__desc {
  font-family: var(--font-notoSc);
  font-feature-settings: 'palt';
  font-size: calc(24* var(--variable)* var(--ratio));
  letter-spacing: 0.12em;
  font-weight: var(--fw-regular);
  color: var(--color-green);
  text-align: center;
  margin-top: calc(27* var(--variable)* var(--ratio));
}
.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-kepler);
  font-feature-settings: 'palt';
  margin-top: calc(34* var(--variable)* var(--ratio));
  font-size: calc(24* var(--variable)* var(--ratio));
  letter-spacing: 0.01em;
  line-height: 1.75;
  color: var(--color-gray);
}
.landingPage .collection__prices a {
  font-weight: var(--fw-regular);
}


.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(142* var(--variable)* var(--ratio));
}
.landingPage .collection--1 .collection__item01 {
  padding-left: calc(90* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--1 .collection__item01 .heading--txt05 {
  width: calc(49* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(660* var(--variable)* var(--ratio));
  left: calc(57* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--1 .collection__item01 .heading--txt06 {
  width: calc(49* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(530* var(--variable)* var(--ratio));
  left: calc(139* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--1 .collection__item02 {
  padding-right: calc(170* var(--variable)* var(--ratio));
  margin-top: calc(81* var(--variable)* var(--ratio));
}
.landingPage .collection--1 .collection__prices {
  text-align: right;
}

.landingPage .collection--2 {
  margin-top: calc(169* var(--variable)* var(--ratio));
}
.landingPage .collection--2 .collection__item {
  padding-left: calc(30* var(--variable)* var(--ratio));
  padding-right: calc(30* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--2 .collection__item .heading--txt01 {
  width: calc(65* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(30* var(--variable)* var(--ratio));
  right: calc(57* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--2 .collection__item .heading--txt02 {
  width: calc(49* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(649* var(--variable)* var(--ratio));
  left: calc(58* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--2 .collection__prices {
  margin-top: calc(32* var(--variable)* var(--ratio));
  text-align: center;
}

.landingPage .collection--3 {
  margin-top: calc(170* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--3 .collection__item01 {
  padding-right: calc(180* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--3 .collection__item01 .heading--txt03 {
  width: calc(339* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(615* var(--variable)* var(--ratio));
  right: calc(30* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--3 .collection__item01 .heading--txt04 {
  width: calc(324* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(698* var(--variable)* var(--ratio));
  right: calc(30* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--3 .collection__item01 .heading--txt07 {
  width: calc(176* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(780* var(--variable)* var(--ratio));
  right: calc(32* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--3 .collection__item02 {
  padding-left: calc(110* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(811* var(--variable)* var(--ratio));
  right: 0;
  z-index: 3;
}

.landingPage .collection--4 {
  margin-top: calc(1246* var(--variable)* var(--ratio));
}
.landingPage .collection--4 .collection__item {
  padding-left: calc(50* var(--variable)* var(--ratio));
  padding-right: calc(50* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--4 .collection__item .heading--txt01 {
  width: calc(66* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(30* var(--variable)* var(--ratio));
  left: calc(68* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--4 .collection__prices {
  text-align: center;
}

.landingPage .collection--5 {
  margin-top: calc(168* var(--variable)* var(--ratio));
}
.landingPage .collection--5 .collection__item01 {
  padding-left: calc(200* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--5 .collection__item01 .heading--txt03 {
  width: calc(366* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(790* var(--variable)* var(--ratio));
  left: calc(122* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--5 .collection__item01 .heading--txt04 {
  width: calc(288* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(872* var(--variable)* var(--ratio));
  left: calc(30* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--5 .collection__item02 {
  padding-right: calc(170* var(--variable)* var(--ratio));
  margin-top: calc(81* var(--variable)* var(--ratio));
}
.landingPage .collection--5 .collection__item03 {
  padding-left: calc(30* var(--variable)* var(--ratio));
  padding-right: calc(30* var(--variable)* var(--ratio));
  margin-top: calc(81* var(--variable)* var(--ratio));
  position: relative;
}
.landingPage .collection--5 .collection__item03 .heading {
  width: calc(498* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(116* var(--variable)* var(--ratio));
  left: calc(126* var(--variable)* var(--ratio));
  pointer-events: none;
  z-index: 5;
}
.landingPage .collection--5 .collection__prices {
  text-align: center;
}



.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-kepler);
  margin-top: calc(44* var(--variable)* var(--ratio));
}

.landingPage .foot__inner {
  display: grid;
  justify-items: center;
  padding-bottom: calc(148* var(--variable)* var(--ratio));
}
.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(46* var(--variable)* var(--ratio));
}

.landingPage .foot__button a {
  font-weight: var(--fw-light);
  color: var(--color-green);
  border-bottom: calc(8* var(--variable)* var(--ratio)) double var(--color-green);
  padding-bottom: calc(8* var(--variable)* var(--ratio));
}

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

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

@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;
    align-items: center;
    background-color: var(--color-yellow);
  }
  .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(420*(100vw / 1400));
    margin: 0 auto;
  }
}

.js-fadeIn {
  opacity: 0;
}
.js-fadeIn.showFade {
  opacity: 1;
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.js-fadeLeft {
  opacity: 0;
  transform: translateX(5%);
}
.js-fadeLeft.showFade {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-fadeRight {
  opacity: 0;
  transform: translateX(-5%);
}
.js-fadeRight.showFade {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.js-trigger.heading {
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-trigger.heading--txt01 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js-trigger.heading--txt01 .heading--body {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js-trigger.heading--txt02 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js-trigger.heading--txt02 .heading--body {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js-trigger.heading--txt03 {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading--txt03 .heading--body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading--txt04 {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading--txt04 .heading--body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading--txt05 {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
.js-trigger.heading--txt05 .heading--body {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
.js-trigger.heading--txt06 {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
.js-trigger.heading--txt06 .heading--body {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
.js-trigger.heading--txt07 {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading--txt07 .heading--body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js-trigger.heading.is-active {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.js-trigger.heading.is-active .heading--body {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.js-trigger .heading--body {
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}