@charset "UTF-8";
:root {
  /* spacing
  ===================================================== */
  --g-spacing-xs: 1rem;
  --g-spacing-s: 4rem;
  --g-spacing-m: 8rem;
  --g-spacing-l: 12rem;
  --g-spacing-xl: 16rem;
  --g-spacing-2xl: 20rem;
  --g-var-vw: 1512;
  /* コンテンツ幅
  ===================================================== */
  --g-var-vh: 790;
  --g-var-vw-min: 768;
  --g-var-vw-max: 1920;
  --g-var-vw-min-unit: 768px;
  --g-var-vw-max-unit: 1920px;
  /* line-height
  ===================================================== */
  --t-lineheight-xs: 1;
  --t-lineheight-s: 1.25;
  --t-lineheight-m: 1.5;
  --t-lineheight-l: 1.75;
  --t-lineheight-xl: 2;
  /* color
  ===================================================== */
  --c-text2: #fff;
  --c-text1: #1c1c1c;
  --c-textsub: #999999;
  --c-cate: #EFE9E2;
  --c-summary: #F2ECDF;
  --c-footer: #F5F4F4;
  /* font-family
  ===================================================== */
  --g-font-family-en: "aktiv-grotesk", sans-serif;
  --g-font-family-en-sub: "font-en-sub" , "futura-pt", sans-serif;
  /* font-family
  ===================================================== */
  --g-font-size-xs: clamp(1rem, 1 / var(--g-var-vw)* 100* 12vw, 1.2rem);
  --g-font-size-s: clamp(1.4rem, 1 / var(--g-var-vw)* 100* 16vw, 1.6rem);
  --g-font-size-m: clamp(1.6rem, 1 / var(--g-var-vw)* 100* 18vw, 1.8rem);
  --g-font-size-l: clamp(1.8rem, 1 / var(--g-var-vw)* 100* 32vw, 2rem);
  --g-font-size-xl: clamp(3.2rem, 1 / var(--g-var-vw)* 100* 48vw, 4.8rem);
  --g-font-size-2xl: clamp(6.4rem, 1 / var(--g-var-vw)* 100* 80vw, 8rem);
  /* グリッド
  ===================================================== */
  --g-var-grid-col-pc: 12;
  --g-var-grid-col-tb: 8;
  --g-var-grid-col-sp: 4;
  --g-var-grid-col-gap-pc: 2rem;
  --g-var-grid-col-gap-tb: 1.5rem;
  --g-var-grid-col-gap-sp: 1rem;
  --g-var-grid-row-gap-pc: 2rem;
  --g-var-grid-row-gap-tb: 1.5rem;
  --g-var-grid-row-gap-sp: 1rem;
  /* ラディウス
  ===================================================== */
  --g-radius: 999px;
  /* header, footerの高さ
  ===================================================== */
  --g-menu-height: clamp(72px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 112px);
  --g-nav-height: clamp(60px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 80px);
  /* 変数
  ===================================================== */
  --gx: 10px;
  --gy: 10px;
}

/* common
===================================================== */
html,
body {
  font-size: 62.5%;
  width: 100%;
  line-height: 1;
  scroll-behavior: smooth;
  font-kerning: normal;
  font-family: var(--g-font-family-en);
}

.no-scroll {
  overflow: hidden;
}

.wrapper {
  width: 100%;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}
a[href=""] {
  pointer-events: none;
}

a:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
}

img,
video {
  width: 100%;
  display: block;
}

@media (min-width: 1025px) {
  .pcNone {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .spNone {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .fade-in {
    transform: translateY(20px);
    opacity: 0;
  }
}

.c-text {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out; /* Smooth transition */
}
@media (max-width: 1024px) {
  .c-text {
    opacity: 0;
  }
}

.over-hidden {
  overflow: hidden;
}

/* ------------------------
hero
------------------------ */
.home-hero {
  width: 100%;
  height: 100lvh;
  position: relative;
  margin-bottom: var(--g-spacing-xl);
}
.home-hero__inner {
  width: 100%;
  height: 100lvh;
  background-image: url(../images/hero-pc.jpg);
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
}
@media (max-width: 1024px) {
  .home-hero__inner {
    background-image: url(../images/hero-sp.jpg);
  }
}
.home-hero__body {
  padding: 0 var(--g-var-grid-col-gap-pc);
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1024px) {
  .home-hero__body {
    height: 100lvh;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    grid-template-rows: repeat(8, 1fr);
  }
}
.home-hero__title {
  position: absolute;
  top: var(--g-var-grid-row-gap-pc);
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--g-font-size-m);
  text-align: center;
}
.home-hero__re {
  grid-column: 2/span 2;
  grid-row: 1/span 2;
  width: 11rem;
  align-self: end;
}
@media (max-width: 1024px) {
  .home-hero__re {
    width: 7rem;
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    align-self: flex-start;
  }
}
.home-hero__tro {
  grid-column: 8/span 3;
  grid-row: 3/span 2;
  width: 16.5rem;
  align-self: center;
  justify-self: end; /* 横方向の右寄せ */
}
@media (max-width: 1024px) {
  .home-hero__tro {
    width: 9.5rem;
    grid-column: 3/span 2;
    grid-row: 3/span 2;
    justify-self: center;
  }
}
.home-hero__spective {
  grid-column: 4/span 8;
  grid-row: 7/span 2;
  width: 50rem;
  justify-self: end;
  align-self: center;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .home-hero__spective {
    width: 29rem;
    grid-column: 1/span 4;
    grid-row: 7/span 2;
    align-self: flex-start;
    margin-top: 5rem;
  }
}
.home-hero__scroll {
  grid-column: 1/span 1;
  grid-row: 8/span 1;
  display: flex;
  gap: var(--gx);
  justify-content: center;
  align-items: center;
  align-self: end;
  margin-bottom: var(--gy);
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .home-hero__scroll {
    grid-column: 2/span 2;
    justify-self: center;
  }
}
.home-hero__scroll img {
  width: 2rem;
}

/* ------------------------
sec-style
------------------------ */
.sec-style {
  height: 100%;
  width: 100%;
  /* ------------------------
  sub
  ------------------------ */
  /* ------------------------
  wide
  ------------------------ */
}
.sec-style__body {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1024px) {
  .sec-style__body {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-style__imgs {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  grid-column: 1/span 12;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1024px) {
  .sec-style__imgs {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    grid-column: 1/span 4;
  }
}
.sec-style__halfimgs1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  grid-column: 1/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (max-width: 1024px) {
  .sec-style__halfimgs1 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-s);
  }
}
.sec-style__halfimgs2 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  grid-column: 7/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (max-width: 1024px) {
  .sec-style__halfimgs2 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-s);
  }
}
.sec-style__img1 {
  grid-column: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img1 {
    grid-column: 1/span 4;
  }
}
.sec-style__img2 {
  grid-column: 7/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img2 {
    grid-column: 1/span 4;
  }
}
.sec-style__img3 {
  grid-column: 3/span 3;
  align-self: center;
}
@media (max-width: 1024px) {
  .sec-style__img3 {
    grid-column: 1/span 2;
    order: 2;
  }
}
.sec-style__img4 {
  grid-column: 7/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img4 {
    grid-column: 1/span 4;
    order: 1;
    margin-bottom: var(--g-spacing-xs);
  }
}
.sec-style__img5 {
  grid-column: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img5 {
    grid-column: 1/span 4;
    order: 2;
  }
}
.sec-style__img6 {
  grid-column: 8/span 3;
  align-self: center;
}
@media (max-width: 1024px) {
  .sec-style__img6 {
    grid-column: 3/span 2;
    margin-bottom: var(--g-spacing-xs);
    order: 1;
  }
}
.sec-style__img7 {
  grid-column: 5/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img7 {
    grid-column: 2/span 2;
  }
}
.sec-style__img8 {
  grid-column: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img8 {
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-xs);
  }
}
.sec-style__img9 {
  grid-column: 8/span 3;
  align-self: center;
}
@media (max-width: 1024px) {
  .sec-style__img9 {
    grid-column: 2/span 2;
  }
}
.sec-style__img10 {
  grid-column: 3/span 3;
}
@media (max-width: 1024px) {
  .sec-style__img10 {
    grid-column: 1/span 2;
  }
}
.sec-style__img11 {
  grid-column: 8/span 3;
  margin-top: var(--g-spacing-l);
}
@media (max-width: 1024px) {
  .sec-style__img11 {
    grid-column: 3/span 2;
  }
}
.sec-style__img12 {
  grid-column: 3/span 4;
  margin-bottom: var(--g-spacing-2xl);
}
@media (max-width: 1024px) {
  .sec-style__img12 {
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-xs);
  }
}
.sec-style__img13 {
  grid-column: 8/span 3;
  align-self: end;
}
@media (max-width: 1024px) {
  .sec-style__img13 {
    grid-column: 2/span 2;
    margin-left: calc(-1 * var(--g-var-grid-col-gap-sp));
    margin-right: calc(-1 * var(--g-var-grid-col-gap-sp));
  }
}
.sec-style__img14 {
  grid-column: 6/span 3;
}
@media (max-width: 1024px) {
  .sec-style__img14 {
    grid-column: 2/span 2;
  }
}
.sec-style__img15 {
  grid-column: 5/span 4;
  margin-left: calc(-1 * var(--g-var-grid-col-gap-pc));
  margin-right: calc(-1 * var(--g-var-grid-col-gap-pc));
}
@media (max-width: 1024px) {
  .sec-style__img15 {
    grid-column: 1/span 4;
    margin-left: 0;
    margin-right: 0;
  }
}
.sec-style__img16 {
  grid-column: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img16 {
    grid-column: 1/span 4;
  }
}
.sec-style__img17 {
  grid-column: 7/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img17 {
    grid-column: 1/span 4;
  }
}
.sec-style__img18 {
  margin-top: var(--g-spacing-s);
  grid-column: 5/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img18 {
    grid-column: 2/span 2;
  }
}
.sec-style__img19 {
  grid-column: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img19 {
    grid-column: 1/span 4;
  }
}
.sec-style__img20 {
  grid-column: 1/span 4;
}
@media (max-width: 1024px) {
  .sec-style__img20 {
    grid-column: 1/span 4;
  }
}
.sec-style__img21 {
  grid-column: 5/span 4;
  margin-bottom: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1024px) {
  .sec-style__img21 {
    grid-column: 1/span 4;
    margin-bottom: 0;
  }
}
.sec-style__img22 {
  grid-column: 5/span 4;
  margin-bottom: var(--g-spacing-m);
}
@media (max-width: 1024px) {
  .sec-style__img22 {
    grid-column: 1/span 4;
  }
}
.sec-style__img23 {
  grid-column: 6/span 2;
}
@media (max-width: 1024px) {
  .sec-style__img23 {
    grid-column: 2/span 2;
  }
}
.sec-style__img24 {
  grid-column: 5/span 4;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1024px) {
  .sec-style__img24 {
    grid-column: 1/span 4;
    margin-bottom: 0;
  }
}
.sec-style__img25 {
  grid-column: 2/span 5;
}
@media (max-width: 1024px) {
  .sec-style__img25 {
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-xs);
  }
}
.sec-style__img26 {
  grid-column: 8/span 3;
  margin-top: var(--g-spacing-m);
}
@media (max-width: 1024px) {
  .sec-style__img26 {
    grid-column: 2/span 2;
    margin-top: 0;
  }
}
.sec-style__img27 {
  grid-column: 5/span 4;
  margin-top: var(--g-spacing-m);
}
@media (max-width: 1024px) {
  .sec-style__img27 {
    grid-column: 1/span 4;
    margin-top: 0;
  }
}
.sec-style__img28 {
  grid-column: 4/span 3;
}
@media (max-width: 1024px) {
  .sec-style__img28 {
    grid-column: 2/span 2;
    margin-bottom: var(--g-spacing-xs);
  }
}
.sec-style__img29 {
  grid-column: 7/span 3;
  margin-top: var(--g-spacing-2xl);
}
@media (max-width: 1024px) {
  .sec-style__img29 {
    grid-column: 2/span 2;
    margin-top: 0;
  }
}
.sec-style__credits {
  display: grid;
  row-gap: var(--g-var-grid-col-gap-tb);
  margin-bottom: var(--g-spacing-xl);
}
.sec-style__credits.credits1 {
  grid-column: 6/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits1 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits2 {
  grid-column: 7/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits2 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits3 {
  grid-column: 3/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits3 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits4 {
  grid-column: 5/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits4 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits5 {
  grid-column: 3/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits5 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits6 {
  grid-column: 6/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits6 {
    grid-column: 2/span 3;
    margin-left: calc(-1 * var(--g-spacing-xs));
  }
}
.sec-style__credits.credits7 {
  grid-column: 6/span 5;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits7 {
    grid-column: 1/span 4;
    display: grid;
    justify-self: center;
  }
}
.sec-style__credits.credits8 {
  grid-column: 6/span 5;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits8 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits9 {
  grid-column: 5/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits9 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits10 {
  grid-column: 5/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits10 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits11 {
  grid-column: 9/span 4;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits11 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits12 {
  grid-column: 8/span 5;
  align-self: end;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits12 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits13 {
  grid-column: 3/span 4;
  align-self: end;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits13 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits14 {
  grid-column: 6/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits14 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits15 {
  grid-column: 8/span 5;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits15 {
    grid-column: 2/span 3;
  }
}
.sec-style__credits.credits16 {
  grid-column: 5/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits16 {
    grid-column: 1/span 4;
    margin-left: var(--g-spacing-xs);
  }
}
.sec-style__credits.credits17 {
  grid-column: 6/span 6;
}
@media (max-width: 1024px) {
  .sec-style__credits.credits17 {
    grid-column: 2/span 3;
  }
}
.sec-style__credit a {
  font-size: var(--g-font-size-s);
  color: var(--c-text1);
  display: flex;
  align-items: end;
  gap: 0.3rem;
}
.sec-style__brand {
  color: var(--c-textsub);
}
.sec-style__price.border {
  border-bottom: var(--c-text1) solid 0.1rem;
}
.sec-style__only {
  font-size: var(--g-font-size-xs);
  color: var(--c-textsub);
}
.sec-style__subs {
  display: grid;
  width: 100%;
  height: 100lvh;
  padding: 0 var(--g-var-grid-col-gap-pc);
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  grid-template-rows: repeat(8, 1fr);
  grid-column: 1/span 12;
  margin-bottom: var(--g-spacing-xl);
}
@media (max-width: 1024px) {
  .sec-style__subs {
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    grid-template-rows: repeat(8, 1fr);
    grid-column: 1/span 4;
  }
}
.sec-style__sub1 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/sub-1.jpg);
  grid-column: 6/span 3;
  grid-row: 1/span 4;
}
@media (max-width: 1024px) {
  .sec-style__sub1 {
    grid-column: 2/span 2;
    grid-row: 1/span 2;
  }
}
.sec-style__sub2 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/sub-2.jpg);
  grid-column: 1/span 2;
  grid-row: 3/span 4;
}
@media (max-width: 1024px) {
  .sec-style__sub2 {
    grid-column: 1/span 2;
    grid-row: 3/span 2;
  }
}
.sec-style__sub3 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/sub-3.jpg);
  grid-column: 10/span 3;
  grid-row: 2/span 5;
}
@media (max-width: 1024px) {
  .sec-style__sub3 {
    grid-column: 4/span 1;
    grid-row: 5/span 2;
    margin-left: calc(-1 * var(--g-var-grid-col-gap-sp));
  }
}
.sec-style__sub4 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/sub-4.jpg);
  grid-column: 4/span 3;
  grid-row: 6/span 3;
}
@media (max-width: 1024px) {
  .sec-style__sub4 {
    grid-column: 1/span 2;
    grid-row: 6/span 2;
  }
}
.sec-style__re {
  grid-column: 2/span 1;
  grid-row: 2/span 1;
  width: 11rem;
  align-self: center;
  justify-self: end; /* 横方向の右寄せ */
}
@media (max-width: 1024px) {
  .sec-style__re {
    transition: all 2s ease-in-out;
    width: 7rem;
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    justify-self: center;
  }
}
.sec-style__tro {
  grid-column: 5/span 2;
  grid-row: 5/span 1;
  width: 16.5rem;
  align-self: center;
}
@media (max-width: 1024px) {
  .sec-style__tro {
    transition: all 2s ease-in-out;
    width: 10.7rem;
    grid-column: 3/span 2;
    grid-row: 3/span 1;
    justify-self: end;
  }
}
.sec-style__spective {
  grid-column: 8/span 5;
  grid-row: 7/span 2;
  width: 50rem;
  align-self: center;
}
@media (max-width: 1024px) {
  .sec-style__spective {
    transition: all 2s ease-in-out;
    width: 33rem;
    grid-column: 1/span 4;
    grid-row: 8/span 1;
    justify-self: end;
  }
}
.sec-style__wide {
  width: 100vw;
  height: 100lvh;
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  grid-column: 1/span 12;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1024px) {
  .sec-style__wide {
    grid-column: 1/span 4;
  }
}
.sec-style__wide.wide1 {
  background-image: url(../images/hero-pc.jpg);
}
@media (max-width: 1024px) {
  .sec-style__wide.wide1 {
    background-image: url(../images/hero-sp.jpg);
    margin-bottom: var(--g-spacing-xl);
  }
}
.sec-style__wide2-img1 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/main-pc1.jpg);
}
@media (max-width: 1024px) {
  .sec-style__wide2-img1 {
    background-image: url(../images/main-sp1.jpg);
  }
}
.sec-style__wide2-img2 {
  background-repeat: no-repeat; /* 繰り返しなし */
  background-position: center; /* 中央寄せ */
  background-size: cover;
  background-image: url(../images/main-pc2.jpg);
}
@media (max-width: 1024px) {
  .sec-style__wide2-img2 {
    background-image: url(../images/main-sp2.jpg);
  }
}

.m-10 {
  margin-bottom: var(--g-spacing-xs);
}

/* ------------------------
footer
------------------------ */
.sec-footer {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .sec-footer {
    height: 100lvh;
    display: grid;
    align-items: center;
  }
}
.sec-footer__body {
  display: grid;
  width: 100%;
  height: 100%;
  padding: 0 var(--g-var-grid-col-gap-pc);
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1024px) {
  .sec-footer__body {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    justify-content: center;
    align-items: center;
  }
}
.sec-footer__btn {
  grid-column: 5/span 4;
  margin-bottom: var(--g-spacing-l);
}
@media (max-width: 1024px) {
  .sec-footer__btn {
    grid-column: 1/span 4;
  }
}
.sec-footer__btn a {
  display: block;
  width: 100%;
  height: 6rem;
  font-size: var(--g-font-size-l);
  color: var(--c-text1);
  border: 0.1rem solid var(--c-text1);
  display: grid;
  justify-content: center;
  align-items: center;
}
.sec-footer__credits {
  grid-column: 5/span 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--g-var-grid-row-gap-sp);
  font-size: var(--g-font-size-m);
  margin-bottom: var(--g-spacing-l);
}
@media (max-width: 1024px) {
  .sec-footer__credits {
    grid-column: 1/span 4;
  }
}
.sec-footer__icons {
  grid-column: 6/span 2;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1024px) {
  .sec-footer__icons {
    grid-column: 2/span 2;
  }
}
.sec-footer__icon {
  width: 4rem;
}
@media (max-width: 1024px) {
  .sec-footer__icon {
    width: 3rem;
  }
}
.sec-footer__logo {
  grid-column: 6/span 2;
  width: 14rem;
  display: grid;
  align-self: center;
  justify-self: center;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1024px) {
  .sec-footer__logo {
    grid-column: 2/span 2;
    width: 13rem;
  }
}
.sec-footer__copy {
  grid-column: 5/span 4;
  font-size: var(--g-font-size-xs);
  justify-self: center;
  margin-bottom: var(--g-spacing-xs);
}
@media (max-width: 1024px) {
  .sec-footer__copy {
    grid-column: 1/span 4;
  }
}

/* ------------------------
swiper
------------------------ */
.swiper {
  width: 100%;
  height: 100%; /* 必要に応じて高さを調整 */
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* 必要に応じて適用 */
}

.credits1 li:nth-child(6) {
  pointer-events: none;
}

.credits2 li:nth-child(5) {
  pointer-events: none;
}
.credits2 li:nth-child(6) {
  pointer-events: none;
}

.credits3 li:nth-child(2) .sec-style__only {
  display: none;
  pointer-events: none;
}
.credits3 li:nth-child(3) {
  pointer-events: none;
}
.credits3 li:nth-child(2) {
  pointer-events: none;
}
.credits3 li:nth-child(3) {
  pointer-events: none;
}
.credits3 li:nth-child(3) a {
  align-items: center;
}
.credits3 li:nth-child(3) .sec-style__name {
  white-space: nowrap;
}
.credits3 li:nth-child(3) .sec-style__brand {
  width: min-content;
}
.credits3 li:nth-child(3) .sec-style__only {
  white-space: nowrap;
}
.credits3 li:nth-child(5) {
  pointer-events: none;
}
.credits3 li:nth-child(6) {
  pointer-events: none;
}
.credits3 li:nth-child(7) {
  pointer-events: none;
}

.credits6 li:nth-child(2) {
  pointer-events: none;
}

.credits7 li:nth-child(4) {
  pointer-events: none;
}
.credits7 li:nth-child(6) {
  pointer-events: none;
}

.credits8 {
  pointer-events: none;
}

.credits9 li:nth-child(5) {
  pointer-events: none;
}

.credits10 li:nth-child(7) {
  pointer-events: none;
}

.credits12 li:nth-child(1) {
  pointer-events: none;
}

.credits13 li:nth-child(2) {
  pointer-events: none;
}

.credits14 li:nth-child(3) {
  pointer-events: none;
}
.credits14 li:nth-child(5) {
  pointer-events: none;
}
.credits14 li:nth-child(6) {
  pointer-events: none;
}

.credits15 li:nth-child(1) {
  pointer-events: none;
}
.credits15 li:nth-child(2) {
  pointer-events: none;
}
.credits15 li:nth-child(4) {
  pointer-events: none;
}
.credits15 li:nth-child(7) {
  pointer-events: none;
}

.credits16 li:nth-child(4) {
  pointer-events: none;
}
.credits16 li:nth-child(5) {
  pointer-events: none;
}

.credits17 li:nth-child(1) {
  pointer-events: none;
}/*# sourceMappingURL=style.css.map */