@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: inherit;
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  word-wrap: break-word;
}

section, main {
  display: block;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

i, em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  line-height: 0;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* ==============================================================
*  contents
* ============================================================ */
/* common.scss
============================== */
html,
body {
  min-height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

html {
  background: #fff;
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 961px) {
  body {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-size: 1.4rem;
  }
}
body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  line-height: 1.6;
  letter-spacing: 0.15em;
  color: #fff;
  background-color: #fff;
}

a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: block;
  scroll-margin-top: 8rem;
}

img {
  width: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 0;
  pointer-events: none;
  vertical-align: bottom;
  letter-spacing: 0.04em;
}

svg {
  overflow: visible;
}

body.load header, body.load .languages, body.load .mainvisual, body.load h1, body.load p.logo, body.load .btn--buy {
  opacity: 0;
  transition: 0.3s ease;
}
body.load .btn--buy {
  translate: 100% 0;
}
body.load.loaded header, body.load.loaded .languages, body.load.loaded .mainvisual, body.load.loaded h1, body.load.loaded p.logo, body.load.loaded .btn--buy {
  opacity: 1;
}
body.load.loaded .mainvisual {
  transition-delay: 0s;
}
body.load.loaded header, body.load.loaded .languages {
  transition-delay: 1.2s;
}
body.load.loaded .btn--buy {
  translate: 0 0;
  transition-delay: 1.2s;
}
body.load.loaded .mainvisual-list .mainvisual-item > img {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  animation: mainvisual_img 0.5s linear forwards;
  border-radius: 1rem;
}
@keyframes mainvisual_img {
  0% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(2) > img {
  animation-delay: 0.1s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(3) > img {
  animation-delay: 0.2s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(4) > img {
  animation-delay: 0.3s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(5) > img {
  animation-delay: 0.4s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(6) > img {
  animation-delay: 0.5s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(7) > img {
  animation-delay: 0.6s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(8) > img {
  animation-delay: 0.7s;
}
body.load.loaded .mainvisual-list .mainvisual-item:nth-of-type(9) > img {
  animation-delay: 0.8s;
}
body.load.loaded h1 .char {
  overflow: hidden;
  vertical-align: bottom;
  display: inline-block;
  transform: translate3d(-0.1em, 1em, 0) rotate(5deg) scale(0.96);
  animation: h1-anime 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform, opacity;
  padding: 4px;
  margin: -4px;
}
@keyframes h1-anime {
  from {
    opacity: 0;
    transform: translate3d(0, 0.65em, 0) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
body.load.loaded p.logo {
  animation: logo-anime 0.6s both;
  will-change: opacity, scale;
  animation-delay: 0.5s;
}
@keyframes logo-anime {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/*-- languages --*/
.languages {
  position: absolute;
  top: 26px;
  left: 5%;
  color: #0883C4;
}
.languages .wovn-languages {
  color: #0883C4;
  font-size: 12px;
  position: relative;
  z-index: 2;
  width: 20rem;
  height: 40px;
  cursor: pointer;
  border: 2px solid;
  border-radius: 999px;
}
.languages .wovn-languages::before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 11px;
  height: 11px;
  margin-top: -4px;
  border: 0px;
  border-bottom: solid 2px;
  border-right: solid 2px;
  transform: rotate(45deg) translateY(-50%);
  z-index: 10;
}
.languages .wovn-languages .langIcon {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 14px;
  top: 51%;
  margin: auto;
  line-height: 1;
  transform: translateY(-50%);
}
.languages .wovn-languages .langIcon svg {
  fill: #0883C4;
  width: 19px;
  height: 19px;
}
.languages .wovn-languages .nav-dropdown {
  position: absolute;
  top: 50%;
  left: 30px;
  line-height: 1.4;
  text-align: left;
  z-index: 2;
  transform: translateY(-50%);
}
.languages .wovn-languages .nav-dropdown .list--language {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1rem;
}
.languages .wovn-languages .nav-dropdown .list--language li {
  width: 100%;
  display: none;
  cursor: pointer;
  padding-bottom: 0;
  text-align: left;
  padding: 0 0 0 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.languages .wovn-languages .nav-dropdown .list--language li::after {
  content: none;
}
.languages .wovn-languages .nav-dropdown .list--language li.selected {
  display: block;
  order: -1;
}
.languages .wovn-languages .nav-dropdown .list--language li::before {
  content: none;
}
.languages .wovn-languages.visible .nav-dropdown {
  opacity: 1;
  pointer-events: visible;
  z-index: 1;
  border: none;
  color: #0883C4;
  top: 0;
  left: 40px;
  transform: translateY(0);
  background: #E0FF7E;
  padding: 15px;
  border-radius: 2rem;
  width: 155px;
}
.languages .wovn-languages.visible .nav-dropdown .list--language li {
  display: block;
  transition: opacity 0.4s;
  padding: 0;
}
.languages .wovn-languages.visible .nav-dropdown .list--language li.selected {
  pointer-events: none;
  background: transparent;
  padding: 0;
  opacity: 0.5;
  transition: none;
}

.load.loaded.is-footer .btn--buy {
  translate: 100% 0;
  transition-delay: 0s;
}

.btn--buy {
  position: fixed;
  bottom: 30px;
  right: 0;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  z-index: 10;
  overflow: hidden;
  translate: 0 0;
  transition: 0.3s ease;
}
.btn--buy a {
  color: #0883C4;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #E0FF7E;
  padding: clamp(15px, 2vw, 20px) clamp(1rem, 1vw, 1.4rem) clamp(15px, 2vw, 20px) clamp(18px, 2vw, 25px);
}
.btn--buy a .btn--txt_en {
  font-size: clamp(2rem, 2.4vw, 3rem);
  font-family: "ouma-devanagari", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
}
.btn--buy a .btn--txt_ja {
  font-size: clamp(1rem, 1.2vw, 1.5rem);
  letter-spacing: 0.15em;
}
.btn--buy a .arrow {
  background: #0883C4;
  stroke: #E0FF7E !important;
}

.arrow {
  width: clamp(3rem, 3.5vw, 4rem);
  height: clamp(3rem, 3.5vw, 4rem);
  border-radius: 999px;
  padding: 3%;
  stroke: #1F1F1F;
}

header {
  position: fixed;
  top: 26px;
  right: 22px;
  z-index: 100;
  font-size: 2.4rem;
  font-family: "ouma-devanagari", sans-serif;
  font-weight: 700;
  font-style: normal;
}
header .drawer .nav li {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 0 0 auto;
}
header .drawer .nav li a {
  color: #0883C4;
  position: relative;
  padding-left: 15px;
}
header .drawer .nav li a::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  inset: 50% auto auto 0%;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #0883C4;
}
header .drawer .nav li a.ren::before {
  background: #5D91E3;
}
header .drawer .nav li a.takumi::before {
  background: #F8AFEC;
}
header .drawer .nav li a.syoya::before {
  background: #DCC6FF;
}
header .drawer .nav li a.sky::before {
  background: #393939;
}
header .drawer .nav li a.junki::before {
  background: #B5DAFF;
}
header .drawer .nav li a.keigo::before {
  background: #EAAB7C;
}
header .drawer .nav li a.ruki::before {
  background: #FFFFFF;
}
header .drawer .nav li a.máme::before {
  background: #F24F4F;
}
header .drawer .nav li a.sho::before {
  background: #6CE384;
}
header .drawer__btn span {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 5px;
  background-color: #0883C4;
  border-radius: 999px;
}
header .drawer__btn span:nth-child(2) {
  top: 13px;
}
header .drawer__btn span:last-child {
  top: 26px;
}

.drawer-visible .drawer {
  pointer-events: auto;
}

h1, .section-tit, .name {
  font-family: caveat-brush, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.09em;
}

section .inner {
  max-width: 1200px;
  margin-inline: auto;
}
section .section-tit {
  text-align: center;
  font-size: clamp(3.5rem, 4vw, 6rem);
  color: #0883C4;
}
section .section-tit.delighter {
  opacity: 0;
}
section .section-tit.delighter.started {
  opacity: 1;
}
section .section-tit.delighter.started .char {
  display: inline-block;
  animation: charScale 0.45s both;
}
@keyframes charScale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  35% {
    opacity: 1;
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
section .ren {
  background: #5D91E3;
}
section .takumi {
  background: #F8AFEC;
}
section .syoya {
  background: #DCC6FF;
}
section .sky {
  background: #393939;
}
section .junki {
  background: #B5DAFF;
}
section .keigo {
  background: #EAAB7C;
}
section .ruki {
  background: #FFFFFF;
}
section .máme {
  background: #F24F4F;
}
section .sho {
  background: #6CE384;
}

.section--mv {
  position: relative;
}
.section--mv::before {
  content: "";
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px));
  background-size: 3rem 3rem;
  background-repeat: repeat;
  background-position: top center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.section--mv {
  padding: clamp(9rem, 14vw, 14rem) 0 5rem 0;
  max-width: 100%;
  overflow: hidden;
  height: 100vh;
  height: 100svh;
  display: grid;
  grid-template-rows: 1fr auto;
}
.section--mv .mainvisual {
  min-height: 0;
  display: flex;
}
@keyframes scroll-infinity {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.section--mv .mainvisual-wrap {
  height: 100%;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: scroll-infinity 80s linear infinite;
  gap: 0;
}
.section--mv .mainvisual-wrap .mainvisual-list {
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  padding: 0;
  list-style: none;
  margin: 0;
}
.section--mv .mainvisual-wrap .mainvisual-list:not([aria-hidden=true]) .mainvisual-item:nth-child(3n+1) {
  transform: rotate(-6deg);
}
.section--mv .mainvisual-wrap .mainvisual-list:not([aria-hidden=true]) .mainvisual-item:nth-child(3n+2) {
  transform: rotate(2deg);
}
.section--mv .mainvisual-wrap .mainvisual-list:not([aria-hidden=true]) .mainvisual-item:nth-child(3n) {
  transform: rotate(6deg);
}
.section--mv .mainvisual-wrap .mainvisual-list[aria-hidden=true] .mainvisual-item:nth-child(3n+1) {
  transform: rotate(-6deg);
}
.section--mv .mainvisual-wrap .mainvisual-list[aria-hidden=true] .mainvisual-item:nth-child(3n+2) {
  transform: rotate(2deg);
}
.section--mv .mainvisual-wrap .mainvisual-list[aria-hidden=true] .mainvisual-item:nth-child(3n) {
  transform: rotate(6deg);
}
.section--mv .mainvisual-wrap .mainvisual-item {
  flex: 0 0 auto;
  height: 100%;
  margin: 0;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 2/3;
}
.section--mv .mainvisual-wrap .mainvisual-item > img {
  height: 100%;
  width: auto;
  aspect-ratio: 2/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem;
  display: block;
}
.section--mv h1 {
  color: #0883C4;
  line-height: 0.7;
  letter-spacing: -0.03em;
  font-size: min(18vw, 6rem);
  z-index: 1;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 10vh;
  left: 50%;
  transform: translate(-50%, 0);
}
.section--mv h1 .h1-big {
  font-size: min(20vw, 8rem);
}
.section--mv p.logo {
  font-family: "ouma-devanagari", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #0883C4;
  padding: 2rem 0 0 5vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.section--mv p.logo .logo-date {
  font-size: min(2vw, 2rem);
  letter-spacing: 0.07em;
}
.section--mv p.logo .logo-tit {
  font-size: min(10vw, 10rem);
  line-height: 0.6;
  text-indent: -2px;
  display: block;
}

.section--info .inner {
  padding: 6rem 5%;
}

.section--goods .inner {
  padding: 20vw 5%;
}

.section--info .list--info .block--tit {
  background: #E0FF7E;
  border: 2px solid #0883C4;
  border-radius: 999px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 6px 17px;
  font-size: clamp(15px, 1.6vw, 18px);
  color: #0883C4;
}
.section--info .list--info .date {
  color: #fff;
  font-size: clamp(16px, 1.7vw, 18px);
}

.section--goods {
  position: relative;
}
.section--goods::before {
  content: "";
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px));
  background-size: 3rem 3rem;
  background-repeat: repeat;
  background-position: top center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.section--goods {
  overflow-x: hidden;
}
.section--goods .list--goods {
  display: flex;
  flex-wrap: wrap;
  gap: 45px 15px;
  justify-content: space-between;
  margin: 5rem 0 8rem 0;
}
.section--goods .list--goods .goods__item {
  width: calc((100% - 15px) / 2);
  background: #fff;
  padding: clamp(4rem, 4vw, 4.5rem) clamp(1rem, 2vw, 2.5rem);
  border-radius: 2rem;
  color: #fff;
  text-align: center;
  position: relative;
  border: 1px solid #1F1F1F;
  box-shadow: 6px 6px #1F1F1F;
}
.section--goods .list--goods .goods__item.delighter {
  opacity: 0;
  translate: 0 100px 0;
  transition: opacity 0.4s, translate 0.7s;
}
.section--goods .list--goods .goods__item.delighter.started {
  opacity: 1;
  translate: 0 0 0;
}
.section--goods .list--goods .goods__item .name {
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  inset: 0 auto auto 50%;
  margin-inline: auto;
  border-radius: 50%;
  width: clamp(8rem, 9vw, 10rem);
  height: clamp(5rem, 6vw, 7rem);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(17px, 2vw, 22px);
}
.section--goods .list--goods .goods__item .name.takumi, .section--goods .list--goods .goods__item .name.syoya, .section--goods .list--goods .goods__item .name.junki {
  color: #1F1F1F;
}
.section--goods .list--goods .goods__item .name.ruki {
  color: #1F1F1F;
  border: 1px solid #1F1F1F;
}
.section--goods .list--goods .goods__item .goods-tit {
  font-weight: 700;
  font-size: clamp(13px, 1.5vw, 17px);
  margin: 3rem 0 2rem 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  color: #1F1F1F;
  letter-spacing: 0.05em;
}
.section--goods .list--goods .goods__item .price {
  color: #1F1F1F;
  font-size: clamp(13px, 1.4vw, 15px);
  letter-spacing: 0.05em;
}
.section--goods .swiper {
  padding: 0 0 clamp(2.5rem, 3vw, 4rem) 0;
}
.section--goods .swiper .swiper-pagination {
  bottom: 0;
}
.section--goods .swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  height: clamp(6px, 1vw, 11px);
  width: clamp(6px, 1vw, 11px);
  background: #1F1F1F;
  opacity: 0.22;
}
.section--goods .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1F1F1F;
  opacity: 1;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px) !important;
}

.animation.delighter {
  opacity: 0;
}
.animation.delighter.started {
  opacity: 1;
}
.animation.delighter .bound-anime {
  transform-origin: 50% 50%;
  will-change: transform;
}
.animation.delighter.started .bound-anime {
  animation: bound 0.4s both;
}
.animation.bottom-img_02.delighter.started .bound-anime {
  animation-delay: 0.2s;
}
.animation.bottom-img_03.delighter.started .bound-anime {
  animation-delay: 0.4s;
}
@keyframes bound {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  30% {
    opacity: 1;
  }
  75% {
    transform: scale(1.03);
  }
  85% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

.section--introduction {
  padding: 0;
  max-width: 100%;
}
.section--introduction .section-tit {
  background: #fff;
  padding: 4rem 0;
  position: relative;
}
.section--introduction .section-tit::before {
  content: "";
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #B1B1B1 calc(100% - 1px));
  background-size: 3rem 3rem;
  background-repeat: repeat;
  background-position: top center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.section--introduction .section-tit {
  z-index: 0;
}
.section--introduction .section-tit::before {
  z-index: -1;
}
.section--introduction .block--member {
  overflow: hidden;
  padding: 15vw 8% 0 8%;
}
.section--introduction .block--member img {
  border-radius: 20px;
}
.section--introduction .block--member .img-loop {
  position: relative;
  aspect-ratio: 2/3;
  width: 100%;
}
.section--introduction .block--member .img-loop .bound-anime {
  position: absolute;
  inset: 0;
}
.section--introduction .block--member .img-loop img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0);
  will-change: opacity, visibility;
}
.section--introduction .block--member .img-loop img:first-child {
  animation: showFirst 4s steps(1, end) infinite;
}
.section--introduction .block--member .img-loop img:last-child {
  animation: showSecond 4s steps(1, end) infinite;
}
@keyframes showFirst {
  0%, 49.999% {
    opacity: 1;
    visibility: visible;
  }
  50%, 100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes showSecond {
  0%, 49.999% {
    opacity: 0;
    visibility: hidden;
  }
  50%, 100% {
    opacity: 1;
    visibility: visible;
  }
}
.section--introduction .block--member .img-loop.bottom-img_01 img {
  animation-duration: 6.7s;
}
.section--introduction .block--member .img-loop.bottom-img_02 img {
  animation-duration: 8.3s;
}
.section--introduction .block--member .img-loop.bottom-img_03 img {
  animation-duration: 7.1s;
}
.section--introduction .block--member.sky .img-loop.member-img_01 img, .section--introduction .block--member.keigo .img-loop.member-img_01 img {
  animation-duration: 3.7s;
}
.section--introduction .block--member.ruki .img-loop.member-img_03:nth-child(2) img {
  animation-duration: 3.7s;
}
.section--introduction .block--member .member-img_02.delighter.started {
  animation-delay: 0.2s;
}
.section--introduction .block--member .product-img_01.delighter.started {
  animation-delay: 0.4s;
}
.section--introduction .block--member .name {
  line-height: 1;
  letter-spacing: 0.03em;
}
.section--introduction .block--member .name.delighter {
  opacity: 0;
}
.section--introduction .block--member .name.delighter.started {
  opacity: 1;
}
.section--introduction .block--member .name.delighter.started .char {
  display: inline-block;
  animation: charScale 0.45s both;
}
@keyframes charScale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  35% {
    opacity: 1;
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.section--introduction .block--member .name {
  position: relative;
}
.section--introduction .block--member .name::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member .name::before {
  inset: 120% auto auto 50%;
}
.section--introduction .block--member .block--tit {
  position: relative;
  z-index: 2;
}
.section--introduction .block--member .block--tit img {
  border-radius: 0;
}
.section--introduction .block--member .block--tit.delighter {
  opacity: 0;
}
.section--introduction .block--member .block--tit.delighter.started {
  opacity: 1;
}
.section--introduction .block--member .block--tit.delighter.started img {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  animation: tit-clip 0.5s linear forwards;
}
@keyframes tit-clip {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
.section--introduction .block--member .member-img_03 {
  position: relative;
  z-index: 1;
}
.section--introduction .block--member .product-img_02 {
  position: relative;
  z-index: 2;
}
.section--introduction .block--member .block--detail.delighter {
  opacity: 0;
  translate: 0 80px 0;
  transition: opacity 0.4s, translate 0.7s;
}
.section--introduction .block--member .block--detail.delighter.started {
  opacity: 1;
  translate: 0 0 0;
}
.section--introduction .block--member .block--player {
  margin: 4rem auto 3rem 0;
  position: relative;
  z-index: 1;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.section--introduction .block--member .block--player.delighter {
  -webkit-clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
          clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
  animation: none;
}
.section--introduction .block--member .block--player.delighter.started {
  animation: player 0.5s linear forwards;
}
@keyframes player {
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
.section--introduction .block--member .block--player iframe {
  aspect-ratio: 16/9;
  position: static !important;
  border: 0;
  display: block;
}
.section--introduction .block--member .block--player img {
  border-radius: 0;
}
.section--introduction .block--member .block--player .play-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 15vw;
}
.section--introduction .block--member.syoya, .section--introduction .block--member.junki, .section--introduction .block--member.ruki, .section--introduction .block--member.sho, .section--introduction .block--member.takumi {
  color: #1F1F1F;
}
.section--introduction .block--member.sky {
  color: #fff;
}
.section--introduction .block--member .block--03 {
  margin: 10vw 0 -30vw 0;
}
.section--introduction .block--member .bottom-img_03 {
  position: relative;
  z-index: 1;
}
.section--introduction .block--member:nth-child(odd) .detail, .section--introduction .block--member.syoya .detail {
  margin: -25vw 0 1rem 0;
}
.section--introduction .block--member:nth-child(odd) .block--tit {
  transform: translate(22vw, 0vw);
}
.section--introduction .block--member:nth-child(odd) .product-img_01 {
  width: 70vw;
  transform: translate(7vw, -5vw);
}
.section--introduction .block--member:nth-child(odd) .name {
  position: relative;
  z-index: 1;
}
.section--introduction .block--member.keigo .member-img_01, .section--introduction .block--member.sky .member-img_01 {
  aspect-ratio: 2/3;
}
.section--introduction .block--member.sho .member-img_03 {
  aspect-ratio: 3/2;
}
.section--introduction .block--member.sho .bottom-img_02 .bound-anime img:nth-child(1) {
  -o-object-position: 20%;
     object-position: 20%;
}
.section--introduction .block--member.sho .bottom-img_03 .bound-anime img:nth-child(2) {
  -o-object-position: 35%;
     object-position: 35%;
}
.section--introduction .block--member.ren .member-img_02 {
  position: relative;
}
.section--introduction .block--member.ren .member-img_02::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.ren .member-img_02::before {
  background: url(../img/introduction/ren/ren_parts.png) no-repeat;
  inset: -10% auto auto 120%;
  background-size: 25vw;
}
.section--introduction .block--member.ren .name::before {
  background: url(../img/introduction/ren/ren_bg_name.png) no-repeat;
  background-size: 65vw;
}
.section--introduction .block--member.takumi .member-img_03 {
  position: relative;
}
.section--introduction .block--member.takumi .member-img_03::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.takumi .member-img_03::before {
  background: url(../img/introduction/takumi/takumi_parts.png) no-repeat;
  inset: -105% auto auto 50%;
  background-size: 20vw;
}
.section--introduction .block--member.takumi .name::before {
  background: url(../img/introduction/takumi/takumi_bg_name.png) no-repeat;
  background-size: 82vw;
}
.section--introduction .block--member.syoya .member-img_02, .section--introduction .block--member.syoya .product-img_01 {
  position: relative;
}
.section--introduction .block--member.syoya .member-img_02::before, .section--introduction .block--member.syoya .product-img_01::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.syoya .member-img_02::before, .section--introduction .block--member.syoya .product-img_01::before {
  background: url(../img/introduction/syoya/syoya_parts.png) no-repeat;
  inset: 7% auto auto 115%;
  background-size: 25vw;
}
.section--introduction .block--member.syoya .name::before {
  background: url(../img/introduction/syoya/syoya_bg_name.png) no-repeat;
  background-size: 81vw;
}
.section--introduction .block--member.sky .product-img_01 {
  position: relative;
}
.section--introduction .block--member.sky .product-img_01::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.sky .product-img_01::before {
  background: url(../img/introduction/sky/sky_parts.png) no-repeat;
  inset: 40% auto auto 110%;
  background-size: 15vw;
}
.section--introduction .block--member.sky .name::before {
  background: url(../img/introduction/sky/sky_bg_name.png) no-repeat;
  background-size: 82vw;
}
.section--introduction .block--member.junki .member-img_03 {
  position: relative;
}
.section--introduction .block--member.junki .member-img_03::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.junki .member-img_03::before {
  background: url(../img/introduction/junki/junki_parts.png) no-repeat;
  inset: 127% auto auto 9%;
  background-size: 20vw;
}
.section--introduction .block--member.junki .name::before {
  background: url(../img/introduction/junki/junki_bg_name.png) no-repeat;
  background-size: 74vw;
}
.section--introduction .block--member.keigo .product-img_01 {
  position: relative;
}
.section--introduction .block--member.keigo .product-img_01::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.keigo .product-img_01::before {
  background: url(../img/introduction/keigo/keigo_parts.png) no-repeat;
  inset: 40% auto auto 110%;
  background-size: 15vw;
}
.section--introduction .block--member.keigo .name::before {
  background: url(../img/introduction/keigo/keigo_bg_name.png) no-repeat;
  background-size: 82vw;
}
.section--introduction .block--member.ruki .product-img_02 {
  position: relative;
}
.section--introduction .block--member.ruki .product-img_02::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.ruki .product-img_02::before {
  background: url(../img/introduction/ruki/ruki_parts.png) no-repeat;
  inset: -185% auto auto 190%;
  background-size: 20vw;
}
.section--introduction .block--member.ruki .name::before {
  background: url(../img/introduction/ruki/ruki_bg_name.png) no-repeat;
  background-size: 82vw;
}
.section--introduction .block--member.máme .product-img_01 {
  position: relative;
}
.section--introduction .block--member.máme .product-img_01::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.máme .product-img_01::before {
  background: url(../img/introduction/máme/mame_parts.png) no-repeat;
  inset: 50% auto auto 145%;
  background-size: 15vw;
}
.section--introduction .block--member.máme .name::before {
  background: url(../img/introduction/máme/mame_bg_name.png) no-repeat;
  background-size: 72vw;
}
.section--introduction .block--member.sho .member-img_02 {
  position: relative;
}
.section--introduction .block--member.sho .member-img_02::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
}
.section--introduction .block--member.sho .member-img_02::before {
  background: url(../img/introduction/sho/sho_parts.png) no-repeat;
  inset: 0% auto auto 115%;
  background-size: 25vw;
}
.section--introduction .block--member.sho .name::before {
  background: url(../img/introduction/sho/sho_bg_name.png) no-repeat;
  background-size: 55vw;
}
.section--introduction .block--member.ren .member-img_02.delighter::before, .section--introduction .block--member.ren .name.delighter::before, .section--introduction .block--member.takumi .member-img_03.delighter::before, .section--introduction .block--member.takumi .name.delighter::before, .section--introduction .block--member.syoya .member-img_02.delighter::before, .section--introduction .block--member.syoya .name.delighter::before, .section--introduction .block--member.syoya .product-img_01.delighter::before, .section--introduction .block--member.sky .product-img_01.delighter::before, .section--introduction .block--member.sky .name.delighter::before, .section--introduction .block--member.junki .member-img_03.delighter::before, .section--introduction .block--member.junki .name.delighter::before, .section--introduction .block--member.keigo .product-img_01.delighter::before, .section--introduction .block--member.keigo .name.delighter::before, .section--introduction .block--member.ruki .product-img_02.delighter::before, .section--introduction .block--member.ruki .name.delighter::before, .section--introduction .block--member.máme .product-img_01.delighter::before, .section--introduction .block--member.máme .name.delighter::before, .section--introduction .block--member.sho .member-img_02.delighter::before, .section--introduction .block--member.sho .name.delighter::before {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  animation: none;
}
.section--introduction .block--member.ren .member-img_02.delighter.started::before, .section--introduction .block--member.ren .name.delighter.started::before, .section--introduction .block--member.takumi .member-img_03.delighter.started::before, .section--introduction .block--member.takumi .name.delighter.started::before, .section--introduction .block--member.syoya .member-img_02.delighter.started::before, .section--introduction .block--member.syoya .name.delighter.started::before, .section--introduction .block--member.syoya .product-img_01.delighter.started::before, .section--introduction .block--member.sky .product-img_01.delighter.started::before, .section--introduction .block--member.sky .name.delighter.started::before, .section--introduction .block--member.junki .member-img_03.delighter.started::before, .section--introduction .block--member.junki .name.delighter.started::before, .section--introduction .block--member.keigo .product-img_01.delighter.started::before, .section--introduction .block--member.keigo .name.delighter.started::before, .section--introduction .block--member.ruki .product-img_02.delighter.started::before, .section--introduction .block--member.ruki .name.delighter.started::before, .section--introduction .block--member.máme .product-img_01.delighter.started::before, .section--introduction .block--member.máme .name.delighter.started::before, .section--introduction .block--member.sho .member-img_02.delighter.started::before, .section--introduction .block--member.sho .name.delighter.started::before {
  animation: player 0.7s linear forwards;
  animation-delay: 0.5s;
}
@keyframes player {
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.btn--main a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 13px;
  gap: 1rem;
  border: 2px solid #1F1F1F;
  border-radius: 999px;
  font-size: clamp(2rem, 2vw, 2.2rem);
  width: 25rem;
  height: 6rem;
  margin-inline: auto;
  position: relative;
  z-index: 0;
  background: #fff;
}
.btn--main a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  translate: -7px -7px;
  border: 2px solid #1F1F1F;
  z-index: -1;
  width: 25rem;
  height: 6rem;
}
.btn--main .arrow {
  background: #fff;
  width: clamp(2.4rem, 3vw, 3.5rem);
  height: clamp(2.4rem, 3vw, 3.5rem);
  padding: 2%;
}

.block--buy {
  padding: 0 0 clamp(4.5rem, 6vw, 8rem) 0;
}
.block--buy .btn--main a {
  color: #1F1F1F;
  background: #1F1F1F;
  border-radius: 2rem;
  font-size: clamp(1.5rem, 2vw, 2.5rem);
}
.block--buy .btn--main a::before {
  background: #E0FF7E;
}
.block--buy .btn--main .arrow {
  stroke: #E0FF7E;
  background: #1F1F1F;
}

footer {
  text-align: center;
  font-size: 1.2rem;
  padding: 8rem 0 9rem 0;
  background: #585858;
}
footer .pagetop {
  height: 8rem;
  width: 8rem;
  background: #E0FF7E;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding-top: 35px;
  font-size: 18px;
  margin: 0 auto 5rem auto;
  color: #585858;
  font-family: "ouma-devanagari", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
}
footer .pagetop::before, footer .pagetop::after {
  content: "";
  position: absolute;
  top: 25%;
  left: calc(50% - 2.5px);
  width: 5px;
  height: 22px;
  border-radius: 9999px;
  background-color: #585858;
  transform-origin: 50% 2.5px;
}
footer .pagetop::before {
  transform: rotate(45deg);
}
footer .pagetop::after {
  transform: rotate(-45deg);
}
footer .footer-nav__list {
  display: flex;
  justify-content: center;
  padding: 5rem 0;
}
footer .footer-list_bnr a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
footer .footer-list_bnr a:first-child {
  margin-bottom: 1.5rem;
}
footer .footer-list_bnr img {
  width: 18rem;
  border-radius: 1rem;
  border: 2px solid #fff;
}
footer .copyright {
  font-size: 1.5rem;
  font-family: "ouma-devanagari", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.section--info .list--info.delighter {
  opacity: 0;
  translate: 0 100px 0;
  transition: opacity 0.4s, translate 0.7s;
}
.section--info .list--info.delighter.started {
  opacity: 1;
  translate: 0 0 0;
}

@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  body {
    letter-spacing: 0.05em;
  }
  @keyframes logo-anime {
    from {
      opacity: 0;
      transform: translate(-50%, 0) scale(0);
    }
    to {
      opacity: 1;
      transform: translate(-50%, 0) scale(1);
    }
  }
  /*-- languages --*/
  .languages {
    position: absolute;
    top: 37px;
    left: 40px;
  }
  .languages .langIcon svg {
    width: 22px;
    height: 22px;
  }
  .languages .wovn-languages {
    width: 22rem;
    height: 46px;
  }
  .languages .wovn-languages::before {
    top: 22px;
  }
  .languages .wovn-languages .nav-dropdown {
    font-size: 14px;
  }
  .languages .wovn-languages.visible .nav-dropdown {
    left: 45px;
    width: 170px;
  }
  header {
    top: 28px;
    right: 28px;
  }
  header .drawer .nav {
    display: flex;
    gap: clamp(1.8rem, 1vw, 4rem);
    background: #E0FF7E;
    border-radius: 999px;
    padding: 15px clamp(12px, 2vw, 48px);
  }
  header .drawer .nav li {
    opacity: 1;
  }
  header .drawer .nav li a {
    display: block;
    margin: 0;
    transition: 0.3s ease;
    font-size: min(1.4vw, 2rem);
    position: relative;
  }
  header .drawer .nav li a:hover {
    color: rgb(108, 200.25, 249);
  }
  header .drawer__btn {
    display: none;
  }
  .btn--buy a {
    transition: 0.3s ease;
  }
  .btn--buy a .arrow {
    transition: 0.3s ease;
  }
  .btn--buy a:hover {
    background: #0883C4;
    color: #E0FF7E;
  }
  .btn--buy a:hover .arrow {
    background: #E0FF7E;
    stroke: #0883C4 !important;
  }
  .btn--main a {
    transition: 0.3s ease;
  }
  .btn--main a::before, .btn--main a .arrow {
    transition: 0.3s ease;
  }
  .btn--main a:hover {
    padding-bottom: 0px;
    padding-left: 5px;
  }
  .btn--main a:hover::before {
    translate: -3px -3px;
  }
  .btn--main a:hover .arrow {
    scale: 1.1;
  }
  .section--mv .mainvisual {
    align-items: center;
  }
  @keyframes scroll-infinity {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
  .section--mv .mainvisual-wrap {
    height: 60%;
  }
  .section--mv .mainvisual-wrap .mainvisual-item {
    margin: 0 2.6vh;
  }
  .section--mv .mainvisual-wrap .mainvisual-item:nth-child(3n+2) {
    margin: 0 0 0 1.4vh;
  }
  .section--mv .mainvisual-wrap .mainvisual-item > img {
    border-radius: 3rem !important;
  }
  .section--mv h1 {
    font-size: min(7vw, 24rem);
    top: 10rem;
  }
  .section--mv h1 .h1-big {
    font-size: min(8vw, 26rem);
  }
  .section--mv h1 .h1-big:nth-child(7) {
    margin-left: 2rem;
  }
  .section--mv p.logo {
    position: absolute;
    bottom: 7vh;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0;
  }
  .section--mv p.logo .logo-date {
    font-size: min(1.4vw, 2.4rem);
  }
  .section--mv p.logo .logo-tit {
    font-size: min(6.8vw, 11.8rem);
  }
  .section--info .list--info {
    background: #0883C4;
    padding: 8rem 12rem;
    border-radius: 3rem;
    margin-top: 2rem;
  }
  .section--info .list--info .info__item {
    display: flex;
    align-items: center;
    gap: 3rem;
  }
  .section--info .list--info .info__item:first-child {
    margin-bottom: 4.5rem;
  }
  .section--goods .list--goods {
    gap: 6rem 5rem;
  }
  .section--goods .list--goods .goods__item {
    width: calc((100% - 100px) / 3);
    border-radius: 3rem;
  }
  .section--goods .list--goods .goods__item.delighter {
    translate: 0 150px 0;
  }
  .section--goods .list--goods .goods__item:nth-child(2).delighter, .section--goods .list--goods .goods__item:nth-child(5).delighter, .section--goods .list--goods .goods__item:nth-child(8).delighter {
    transition-delay: 0.1s;
  }
  .section--goods .list--goods .goods__item:nth-child(3).delighter, .section--goods .list--goods .goods__item:nth-child(6).delighter, .section--goods .list--goods .goods__item:nth-child(9).delighter {
    transition-delay: 0.2s;
  }
  .section--introduction .block--member {
    padding: min(7vw, 12rem) 5% min(13vw, 22rem) 5%;
  }
  .section--introduction .block--member .inner {
    max-width: 1620px;
    margin: 0 auto;
  }
  .section--introduction .block--member .block--01, .section--introduction .block--member .block--02, .section--introduction .block--member .block--03 {
    display: flex;
    flex-direction: column;
  }
  .section--introduction .block--member .member-img_01, .section--introduction .block--member .member-img_02 {
    width: min(21vw, 36rem);
  }
  .section--introduction .block--member .member-img_01 {
    transform: translate(min(42vw, 72rem), 0vw);
  }
  .section--introduction .block--member .member-img_02 {
    transform: translate(min(53vw, 91rem), max(-5vw, -8rem));
  }
  .section--introduction .block--member .product-img_01 {
    width: min(15vw, 26rem);
    transform: translate(min(67vw, 115rem), max(-18vw, -31rem));
  }
  .section--introduction .block--member .name {
    font-size: min(12vw, 20rem);
    transform: translate(min(54vw, 92rem), max(-17vw, -29rem));
  }
  .section--introduction .block--member .block--tit {
    width: min(24vw, 41rem);
    transform: translate(min(10vw, 17rem), max(-49vw, -84rem));
  }
  .section--introduction .block--member .member-img_03 {
    width: min(28vw, 48rem);
    transform: translate(min(12vw, 20rem), max(-50vw, -85rem));
  }
  .section--introduction .block--member .product-img_02 {
    width: min(25vw, 43rem);
    transform: translate(min(25vw, 43rem), max(-65vw, -112rem));
  }
  .section--introduction .block--member .block--detail {
    transform: translate(min(54vw, 92rem), max(-84vw, -144rem));
  }
  .section--introduction .block--member .detail {
    width: min(24vw, 41rem);
    line-height: 2;
    font-size: clamp(1.3rem, 1.3vw, 1.5rem);
  }
  .section--introduction .block--member .block--player {
    margin: max(-80vw, -137rem) auto 0 auto;
    max-width: min(40vw, 68rem);
    border: 6px solid #fff;
  }
  .section--introduction .block--member .block--player .play-icon {
    width: min(8vw, 12rem);
  }
  .section--introduction .block--member .block--03 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: min(4vw, 6.8rem);
    width: min(70vw, 120rem);
    margin: 7.5rem auto 0 auto;
  }
  .section--introduction .block--member .bottom-img_02, .section--introduction .block--member .bottom-img_03 {
    transform: translate(0, 0);
  }
  .section--introduction .block--member:nth-child(odd) .block--tit {
    width: min(23vw, 39rem);
    transform: translate(min(38vw, 65rem), 0);
  }
  .section--introduction .block--member:nth-child(odd) .product-img_01 {
    width: min(34vw, 58rem);
    transform: translate(min(10vw, 17rem), max(-4vw, -7rem));
  }
  .section--introduction .block--member:nth-child(odd) .name {
    transform: translate(min(10vw, 17rem), max(-3vw, -5rem));
    z-index: 2;
  }
  .section--introduction .block--member:nth-child(odd) .member-img_03 {
    transform: translate(min(52vw, 89rem), max(-47vw, -80rem));
  }
  .section--introduction .block--member:nth-child(odd) .member-img_01 {
    transform: translate(min(43vw, 74rem), max(-49vw, -84rem));
    z-index: 1;
  }
  .section--introduction .block--member:nth-child(odd) .member-img_02 {
    transform: translate(min(59vw, 101rem), max(-51vw, -87rem));
    z-index: 2;
  }
  .section--introduction .block--member:nth-child(odd) .product-img_02 {
    width: min(15vw, 26rem);
    transform: translate(min(46vw, 79rem), max(-59vw, -101rem));
  }
  .section--introduction .block--member:nth-child(odd) .block--detail {
    transform: translate(min(10vw, 17rem), max(-71vw, -122rem));
  }
  .section--introduction .block--member:nth-child(odd) .detail {
    margin: 0 0 1rem 0;
    width: min(27vw, 46rem);
  }
  .section--introduction .block--member:nth-child(odd) .block--player {
    margin: max(-66vw, -113rem) auto 3rem auto;
  }
  .section--introduction .block--member:nth-child(odd) .bottom-img_03 {
    transform: translate(0, 0);
  }
  .section--introduction .block--member.ren .member-img_02::before {
    background-size: min(10vw, 17rem);
    inset: 0% auto auto 120%;
  }
  .section--introduction .block--member.ren .name::before {
    background-size: min(26vw, 45rem);
  }
  .section--introduction .block--member.takumi .member-img_03::before {
    background-size: min(10vw, 17rem);
    inset: 35% auto auto 128%;
  }
  .section--introduction .block--member.takumi .name::before {
    background-size: min(40vw, 68rem);
  }
  .section--introduction .block--member.syoya .member-img_01 {
    transform: translate(min(42vw, 72rem), min(5vw, 9rem));
  }
  .section--introduction .block--member.syoya .member-img_02 {
    transform: translate(min(56vw, 96rem), min(4vw, 7rem));
  }
  .section--introduction .block--member.syoya .member-img_02::before {
    display: none;
  }
  .section--introduction .block--member.syoya .product-img_01 {
    transform: translate(min(72vw, 123rem), max(-11vw, -19rem));
    width: min(13vw, 22rem);
  }
  .section--introduction .block--member.syoya .product-img_01::before {
    background: url(../img/introduction/syoya/syoya_parts.png) no-repeat;
    inset: 15% auto auto 90%;
    background-size: min(10vw, 17rem);
  }
  .section--introduction .block--member.syoya .block--tit {
    width: min(18vw, 31rem);
    transform: translate(min(15vw, 26rem), max(-32vw, -55rem));
  }
  .section--introduction .block--member.syoya .name {
    transform: translate(min(46vw, 79rem), max(-21vw, -36rem));
  }
  .section--introduction .block--member.syoya .name::before {
    background-size: min(30vw, 51rem);
  }
  .section--introduction .block--member.syoya .block--detail {
    transform: translate(min(52vw, 89rem), max(-82vw, -140rem));
  }
  .section--introduction .block--member.syoya .block--player {
    margin: max(-77vw, -122rem) auto 3rem auto;
  }
  .section--introduction .block--member.syoya .member-img_03 {
    transform: translate(min(13vw, 22rem), max(-45vw, -77rem));
  }
  .section--introduction .block--member.syoya .product-img_02 {
    transform: translate(min(27vw, 46rem), max(-58vw, -99rem));
    width: min(21vw, 36rem);
  }
  .section--introduction .block--member.syoya .detail {
    margin: 0 0 1rem 0;
  }
  .section--introduction .block--member.junki .member-img_01 {
    transform: translate(min(47vw, 80rem), min(3vw, 5rem));
  }
  .section--introduction .block--member.junki .member-img_02 {
    transform: translate(min(60vw, 103rem), 0);
  }
  .section--introduction .block--member.junki .product-img_01 {
    width: min(15vw, 26rem);
    transform: translate(min(47vw, 80rem), max(-8vw, -14rem));
  }
  .section--introduction .block--member.junki .name {
    transform: translate(min(52vw, 89rem), max(-12vw, -21rem));
  }
  .section--introduction .block--member.junki .name::before {
    background-size: min(33vw, 56rem);
  }
  .section--introduction .block--member.junki .block--tit {
    width: min(33vw, 56rem);
    transform: translate(min(20vw, 34rem), max(-51vw, -87rem));
  }
  .section--introduction .block--member.junki .member-img_03 {
    transform: translate(min(12vw, 21rem), max(-54vw, -92rem));
  }
  .section--introduction .block--member.junki .member-img_03::before {
    inset: 55% auto auto 157%;
    background-size: min(9vw, 15rem);
  }
  .section--introduction .block--member.junki .product-img_02 {
    width: min(15vw, 26rem);
    transform: translate(min(32vw, 55rem), max(-63vw, -108rem));
  }
  .section--introduction .block--member.junki .block--detail {
    transform: translate(min(58vw, 99rem), max(-83vw, -142rem));
  }
  .section--introduction .block--member.junki .block--player {
    margin: max(-79vw, -135rem) auto 0 auto;
  }
  .section--introduction .block--member.keigo .product-img_01, .section--introduction .block--member.sky .product-img_01 {
    width: min(20vw, 34rem);
    transform: translate(min(17vw, 29rem), min(8vw, 14rem));
  }
  .section--introduction .block--member.keigo .product-img_01::before, .section--introduction .block--member.sky .product-img_01::before {
    inset: 40% auto auto 136%;
    background-size: min(6vw, 10rem);
  }
  .section--introduction .block--member.keigo .block--tit, .section--introduction .block--member.sky .block--tit {
    width: min(20vw, 34rem);
  }
  .section--introduction .block--member.keigo .member-img_03, .section--introduction .block--member.sky .member-img_03 {
    width: min(23vw, 39rem);
    transform: translate(min(57vw, 98rem), max(-36vw, -62rem));
  }
  .section--introduction .block--member.keigo .member-img_01, .section--introduction .block--member.sky .member-img_01 {
    width: min(21vw, 36rem);
    transform: translate(min(40vw, 68rem), max(-45vw, -77rem));
  }
  .section--introduction .block--member.keigo .product-img_02, .section--introduction .block--member.sky .product-img_02 {
    width: min(20vw, 34rem);
    transform: translate(min(60vw, 103rem), max(-63vw, -108rem));
  }
  .section--introduction .block--member.keigo .block--detail, .section--introduction .block--member.sky .block--detail {
    transform: translate(min(10vw, 17rem), max(-88vw, -151rem));
  }
  .section--introduction .block--member.keigo .block--player, .section--introduction .block--member.sky .block--player {
    margin: max(-80vw, -128rem) auto 3rem auto;
  }
  .section--introduction .block--member.sky .name {
    transform: translate(min(15vw, 26rem), min(2vw, 3rem));
  }
  .section--introduction .block--member.sky .name::before {
    background-size: min(28vw, 48rem);
  }
  .section--introduction .block--member.sky .block--tit {
    transform: translate(min(36vw, 62rem), min(7vw, 12rem));
  }
  .section--introduction .block--member.keigo .name {
    transform: translate(min(10vw, 17rem), min(2vw, 3rem));
  }
  .section--introduction .block--member.keigo .name::before {
    inset: 120% auto auto 48%;
    background-size: min(34vw, 58rem);
  }
  .section--introduction .block--member.keigo .block--tit {
    transform: translate(min(36vw, 62rem), min(4vw, 7rem));
  }
  .section--introduction .block--member.ruki .member-img_01,
  .section--introduction .block--member.ruki .member-img_02 {
    width: min(20vw, 34rem);
  }
  .section--introduction .block--member.ruki .member-img_01 {
    transform: translate(min(50vw, 86rem), min(60vw, 103rem));
  }
  .section--introduction .block--member.ruki .member-img_02 {
    transform: translate(min(15vw, 26rem), min(70vw, 120rem));
    width: min(35vw, 60rem);
  }
  .section--introduction .block--member.ruki .block--tit {
    width: min(18vw, 31rem);
    transform: translate(min(10vw, 17rem), max(-7vw, -12rem));
    position: relative;
    z-index: 3;
  }
  .section--introduction .block--member.ruki .name {
    transform: translate(min(49vw, 84rem), max(-15vw, -26rem));
    z-index: 3;
  }
  .section--introduction .block--member.ruki .name::before {
    background-size: min(30vw, 51rem);
    inset: 120% auto auto 47%;
  }
  .section--introduction .block--member.ruki .member-img_03 {
    width: min(22vw, 38rem);
    transform: translate(min(29vw, 50rem), max(-36vw, -62rem));
    position: relative;
    z-index: 2;
  }
  .section--introduction .block--member.ruki .member-img_03:nth-child(3) {
    transform: translate(min(10vw, 17rem), max(-53vw, -91rem));
    z-index: 1;
  }
  .section--introduction .block--member.ruki .product-img_02 {
    width: min(29vw, 50rem);
    transform: translate(min(20vw, 34rem), max(-60vw, -103rem));
  }
  .section--introduction .block--member.ruki .product-img_02::before {
    inset: 20% auto auto 115%;
    background-size: min(10vw, 17rem);
  }
  .section--introduction .block--member.ruki .block--detail {
    transform: translate(min(56vw, 96rem), max(-100vw, -171rem));
    height: min(34vw, 58rem);
  }
  .section--introduction .block--member.ruki .block--player {
    margin: max(-65vw, -111rem) auto 3rem auto;
  }
  .section--introduction .block--member.máme .product-img_01 {
    width: min(18vw, 31rem);
    transform: translate(min(10vw, 17rem), min(5vw, 9rem));
  }
  .section--introduction .block--member.máme .product-img_01::before {
    inset: 43% auto auto 144%;
    background-size: min(6vw, 10rem);
  }
  .section--introduction .block--member.máme .block--tit {
    width: min(27vw, 46rem);
    transform: translate(min(29vw, 50rem), max(-3vw, -5rem));
  }
  .section--introduction .block--member.máme .name {
    transform: translate(min(10vw, 17rem), min(2vw, 3rem));
  }
  .section--introduction .block--member.máme .name::before {
    background-size: min(28vw, 48rem);
  }
  .section--introduction .block--member.máme .member-img_03 {
    transform: translate(min(52vw, 89rem), max(-38vw, -65rem));
  }
  .section--introduction .block--member.máme .member-img_01 {
    transform: translate(min(42vw, 72rem), max(-45vw, -77rem));
  }
  .section--introduction .block--member.máme .member-img_02 {
    transform: translate(min(51vw, 87rem), max(-49vw, -84rem));
  }
  .section--introduction .block--member.máme .block--detail {
    transform: translate(min(10vw, 17rem), max(-68vw, -116rem));
  }
  .section--introduction .block--member.máme .block--player {
    margin: max(-63vw, -108rem) auto 3rem auto;
  }
  .section--introduction .block--member.sho .member-img_01,
  .section--introduction .block--member.sho .member-img_02 {
    width: min(23vw, 39rem);
  }
  .section--introduction .block--member.sho .member-img_01 {
    transform: translate(min(45vw, 77rem), min(3vw, 5rem));
  }
  .section--introduction .block--member.sho .member-img_02 {
    transform: translate(min(57vw, 98rem), max(-1vw, -2rem));
  }
  .section--introduction .block--member.sho .member-img_02::before {
    background-size: min(10vw, 17rem);
    inset: 0% auto auto 120%;
  }
  .section--introduction .block--member.sho .name {
    transform: translate(min(52vw, 89rem), 0);
  }
  .section--introduction .block--member.sho .name::before {
    background-size: min(22vw, 38rem);
  }
  .section--introduction .block--member.sho .block--tit {
    width: min(18vw, 31rem);
    transform: translate(min(14vw, 24rem), max(-34vw, -58rem));
  }
  .section--introduction .block--member.sho .member-img_03 {
    width: min(38vw, 65rem);
    transform: translate(min(10vw, 17rem), max(-35vw, -60rem));
    border-radius: 6rem;
  }
  .section--introduction .block--member.sho .product-img_01 {
    width: min(18vw, 31rem);
    transform: translate(min(32vw, 55rem), max(-38vw, -65rem));
    position: relative;
    z-index: 1;
  }
  .section--introduction .block--member.sho .block--detail {
    transform: translate(min(52vw, 89rem), max(-54vw, -92rem));
  }
  .section--introduction .block--member.sho .detail {
    width: min(27vw, 46rem);
  }
  .section--introduction .block--member.sho .block--player {
    margin: max(-49vw, -84rem) auto 3rem auto;
  }
  html[lang=en] .section--introduction .block--member .detail {
    line-height: 1.5;
  }
  html[lang=en] .section--introduction .block--member.syoya .block--player {
    margin: max(-77vw, -119rem) auto 3rem auto;
  }
  html[lang=id] .section--introduction .block--member .detail, html[lang=ms] .section--introduction .block--member .detail {
    line-height: 1.4;
  }
  .block--buy .btn--main a {
    width: 40rem;
    height: 10rem;
  }
  .block--buy .btn--main a::before {
    width: 40rem;
    height: 10rem;
  }
  .btn--main a {
    border: 3px solid #1F1F1F;
    padding-bottom: 14px;
  }
  .btn--main a::before {
    border: 3px solid #1F1F1F;
    translate: -8px -10px;
  }
  .section--goods .inner {
    padding: 10vw 5% 14rem 5%;
  }
  footer {
    padding: 9rem 0 6rem 0;
  }
  footer .footer-nav__list {
    gap: 25px;
    padding: 5rem 0 4.5rem 0;
  }
  footer .footer-list_bnr {
    display: flex;
    justify-content: center;
    gap: 5rem;
  }
  footer .footer-list_bnr a {
    margin: 0;
  }
  footer a {
    transition: 0.3s ease;
  }
  footer a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1250px) {
  section {
    padding: 0;
  }
  .section--info .inner {
    padding: 6rem 0 14rem 0;
  }
  .section--goods .inner {
    padding: 10vw 0 14rem 0;
  }
}
@media screen and (min-width: 1550px) {
  .section--introduction .block--member.ruki .member-img_02 {
    transform: translate(min(45vw, 77rem), min(63vw, 103rem));
  }
  .section--introduction .block--member.ruki .block--player {
    margin: max(-70vw, -125rem) auto 3rem auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .pc {
    display: none !important;
  }
  .drawer {
    position: fixed;
    top: 0%;
    right: -100%;
    transition: 0.3s ease;
    background: #E0FF7E;
    border-radius: 0 0 0 2rem;
    padding: 75px 40px 25px 50px;
  }
  .drawer li {
    opacity: 0;
    transition: 0.3s ease;
  }
  .drawer__btn {
    width: 38px;
    height: 32px;
    cursor: pointer;
  }
  .drawer__btn span {
    transition: 0.3s ease;
  }
  .drawer-visible .drawer {
    right: 0;
  }
  .drawer-visible .drawer .nav li {
    margin: 0 0 1rem 0;
    opacity: 1;
  }
  .drawer-visible .drawer .nav li:last-child {
    margin: 0;
  }
  .drawer-visible .drawer__btn span {
    background-color: #0883C4;
  }
  .drawer-visible .drawer__btn span:first-child {
    rotate: 45deg;
    top: 14px;
  }
  .drawer-visible .drawer__btn span:nth-child(2) {
    display: none;
  }
  .drawer-visible .drawer__btn span:last-child {
    rotate: -45deg;
    top: 14px;
  }
  .section--mv .mainvisual {
    flex-direction: column;
    justify-content: end;
    gap: 0;
  }
  @keyframes scroll-infinity2 {
    from {
      transform: translateX(-50%);
    }
    to {
      transform: translateX(0%);
    }
  }
  .section--mv .mainvisual .mainvisual-wrap.sp {
    animation: scroll-infinity2 80s linear infinite;
  }
  .section--mv .mainvisual .mainvisual-wrap {
    height: 35%;
  }
  .section--mv .swiper-slide:nth-child(2) {
    opacity: 0;
  }
  .section--info::before {
    height: 14rem;
  }
  .section--info .list--info .info__item {
    background: #0883C4;
    padding: 3rem;
    border-radius: 2.5rem;
    position: relative;
    margin-top: 3rem;
  }
  .section--info .list--info .info__item:last-child {
    text-align: center;
  }
  .section--info .list--info .block--tit {
    position: absolute;
    inset: 50% auto auto 50%;
    translate: -50% -50%;
    inset: 0 auto auto 50%;
    margin-inline: auto;
  }
  .section--info .list--info .date {
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .section--goods .list--goods .goods__item:nth-child(even).delighter {
    transition-delay: 0.1s;
  }
  .section--introduction .block--member .member-img_01 {
    transform: translate(4.8vw, 0vw);
    width: 48vw;
  }
  .section--introduction .block--member .member-img_02 {
    transform: translate(26vw, -6vw);
    width: 47vw;
  }
  .section--introduction .block--member .product-img_01 {
    width: 29vw;
    transform: translate(61vw, -31vw);
  }
  .section--introduction .block--member .name {
    font-size: 30vw;
    transform: translate(0vw, -50vw);
  }
  .section--introduction .block--member .block--tit {
    width: 73vw;
    transform: translate(13vw, 3vw);
  }
  .section--introduction .block--member .member-img_03 {
    width: 65vw;
    transform: translate(0, -1vw);
  }
  .section--introduction .block--member .product-img_02 {
    width: 54vw;
    transform: translate(43vw, -16vw);
  }
  .section--introduction .block--member .detail {
    margin: -3vw 0 1rem 0;
    letter-spacing: 0.04em;
    line-height: 1.8;
  }
  .section--introduction .block--member .bottom-img_01 {
    width: 40vw;
  }
  .section--introduction .block--member .bottom-img_02 {
    width: 47vw;
    transform: translate(37vw, -37vw);
  }
  .section--introduction .block--member .bottom-img_03 {
    width: 42vw;
    transform: translate(9vw, -60vw);
  }
  .section--introduction .block--member:nth-child(odd) .block--tit {
    transform: translate(7vw, 117vw);
  }
  .section--introduction .block--member:nth-child(odd) .product-img_01 {
    width: 70vw;
    transform: translate(7vw, -20vw);
  }
  .section--introduction .block--member:nth-child(odd) .name {
    transform: translate(0%, -18vw);
  }
  .section--introduction .block--member:nth-child(odd) .member-img_03 {
    transform: translate(27vw, -15vw);
    z-index: 0;
    width: 62vw;
  }
  .section--introduction .block--member:nth-child(odd) .member-img_01 {
    transform: translate(-5vw, -27vw);
  }
  .section--introduction .block--member:nth-child(odd) .member-img_02 {
    transform: translate(17vw, -32vw);
  }
  .section--introduction .block--member:nth-child(odd) .block--02 {
    margin-top: 18vw;
  }
  .section--introduction .block--member.ren .name {
    font-size: 35vw;
  }
  .section--introduction .block--member.ren .block--02 {
    margin-top: -53vw;
  }
  .section--introduction .block--member.takumi .bottom-img_02 {
    transform: translate(37vw, -32vw);
  }
  .section--introduction .block--member.takumi .bottom-img_03 {
    transform: translate(9vw, -44vw);
  }
  .section--introduction .block--member.takumi .block--03 {
    margin: 10vw 0 -14vw 0;
  }
  .section--introduction .block--member.takumi .name {
    font-size: 25vw;
  }
  .section--introduction .block--member.syoya .member-img_01, .section--introduction .block--member.junki .member-img_01, .section--introduction .block--member.ruki .member-img_01, .section--introduction .block--member.sho .member-img_01 {
    transform: translate(0vw, 5vw);
  }
  .section--introduction .block--member.syoya .member-img_02, .section--introduction .block--member.junki .member-img_02, .section--introduction .block--member.ruki .member-img_02, .section--introduction .block--member.sho .member-img_02 {
    transform: translate(37vw, 0vw);
  }
  .section--introduction .block--member.syoya .name, .section--introduction .block--member.junki .name, .section--introduction .block--member.ruki .name, .section--introduction .block--member.sho .name {
    position: relative;
    z-index: 2;
  }
  .section--introduction .block--member.syoya .member-img_03, .section--introduction .block--member.junki .member-img_03, .section--introduction .block--member.ruki .member-img_03, .section--introduction .block--member.sho .member-img_03 {
    width: 70vw;
  }
  .section--introduction .block--member.syoya .block--tit {
    width: 50vw;
    transform: translate(17vw, -6vw);
  }
  .section--introduction .block--member.syoya .name {
    transform: translate(5vw, 0vw);
    font-size: 31vw;
  }
  .section--introduction .block--member.syoya .member-img_03 {
    transform: translate(7vw, -10vw);
  }
  .section--introduction .block--member.syoya .product-img_02 {
    transform: translate(48vw, -27vw);
    width: 48vw;
  }
  .section--introduction .block--member.syoya .detail {
    margin: -23vw 0 1rem 0;
  }
  .section--introduction .block--member.junki .name {
    transform: translate(6vw, -8vw);
  }
  .section--introduction .block--member.junki .block--tit {
    width: 75vw;
    transform: translate(-2vw, -2vw);
  }
  .section--introduction .block--member.junki .member-img_03 {
    width: 67vw;
    transform: translate(22vw, -12vw);
  }
  .section--introduction .block--member.junki .product-img_02 {
    width: 70vw;
    transform: translate(5vw, -30vw);
  }
  .section--introduction .block--member.junki .detail {
    margin: -20vw 0 1rem 0;
  }
  .section--introduction .block--member.ruki .member-img_01, .section--introduction .block--member.ruki .member-img_02 {
    width: 51vw;
  }
  .section--introduction .block--member.ruki .member-img_01 {
    transform: translate(-2vw, 5vw);
  }
  .section--introduction .block--member.ruki .member-img_02 {
    width: 60vw;
    transform: translate(18vw, 10vw);
  }
  .section--introduction .block--member.ruki .block--tit {
    width: 50vw;
    transform: translate(7vw, -45vw);
  }
  .section--introduction .block--member.ruki .name {
    transform: translate(0vw, -8vw);
    z-index: 3;
  }
  .section--introduction .block--member.ruki .name::before {
    background-size: 70vw;
    inset: 120% auto auto 45%;
  }
  .section--introduction .block--member.ruki .block--02 {
    margin-top: 7vw;
  }
  .section--introduction .block--member.ruki .product-img_01 {
    width: 39vw;
    transform: translate(44vw, -25vw);
    position: relative;
    z-index: 2;
  }
  .section--introduction .block--member.ruki .product-img_01::before {
    inset: 26% auto auto 93%;
  }
  .section--introduction .block--member.ruki .member-img_03 {
    width: 46vw;
    transform: translate(0vw, -57vw);
  }
  .section--introduction .block--member.ruki .member-img_03:nth-child(3) {
    width: 48vw;
    transform: translate(41vw, -71vw);
  }
  .section--introduction .block--member.ruki .product-img_02 {
    width: 40vw;
    transform: translate(5vw, -105vw);
  }
  .section--introduction .block--member.ruki .detail {
    margin: -95vw 0 1rem 0;
  }
  .section--introduction .block--member.sho .member-img_01, .section--introduction .block--member.sho .member-img_02 {
    width: 53vw;
  }
  .section--introduction .block--member.sho .member-img_02 {
    transform: translate(31vw, -6vw);
  }
  .section--introduction .block--member.sho .name {
    transform: translate(0vw, -15vw);
    z-index: 3;
  }
  .section--introduction .block--member.sho .block--tit {
    width: 50vw;
    z-index: 2;
    transform: translate(39vw, -15vw);
  }
  .section--introduction .block--member.sho .member-img_03 {
    width: 88vw;
    transform: translate(-5vw, -25vw);
    z-index: 1;
  }
  .section--introduction .block--member.sho .product-img_01 {
    width: 55vw;
    transform: translate(40vw, -30vw);
    position: relative;
    z-index: 1;
  }
  .section--introduction .block--member.sho .detail {
    margin: -24vw 0 1rem 0;
  }
  .section--introduction .block--member.keigo .block--tit, .section--introduction .block--member.sky .block--tit {
    width: 50vw;
    transform: translate(25vw, 41vw);
  }
  .section--introduction .block--member.keigo .name, .section--introduction .block--member.sky .name {
    transform: translate(0, -10vw);
  }
  .section--introduction .block--member.keigo .product-img_01, .section--introduction .block--member.sky .product-img_01 {
    width: 76vw;
    transform: translate(4vw, 5vw);
  }
  .section--introduction .block--member.keigo .member-img_03, .section--introduction .block--member.sky .member-img_03 {
    width: 52vw;
    transform: translate(36vw, -10vw);
  }
  .section--introduction .block--member.keigo .member-img_01, .section--introduction .block--member.sky .member-img_01 {
    width: 51vw;
    transform: translate(-5vw, -31vw);
  }
  .section--introduction .block--member.keigo .member-img_02, .section--introduction .block--member.sky .member-img_02 {
    transform: translate(33vw, -40vw);
    position: relative;
    z-index: 1;
    width: 64vw;
  }
  .section--introduction .block--member.sky .product-img_02 {
    transform: translate(40vw, -56vw);
  }
  .section--introduction .block--member.sky .detail {
    margin: -45vw 0 1rem 0;
    position: relative;
  }
  .section--introduction .block--member.keigo .name {
    font-size: 30vw;
  }
  .section--introduction .block--member.keigo .detail {
    margin: -15vw 0 1rem 0;
    position: relative;
  }
  .section--introduction .block--member.máme .product-img_01 {
    width: 54vw;
    transform: translate(15vw, 0vw);
  }
  .section--introduction .block--member.máme .block--tit {
    width: 70vw;
    transform: translate(7vw, 46vw);
  }
  .section--introduction .block--member.máme .name {
    transform: translate(0vw, -16vw);
  }
  .section--introduction .block--member.máme .member-img_03 {
    transform: translate(27vw, -5vw);
  }
  .section--introduction .block--member.máme .member-img_01 {
    transform: translate(-5vw, -20vw);
  }
  .section--introduction .block--member.máme .member-img_02 {
    transform: translate(17vw, -26vw);
  }
  .section--introduction .block--member.máme .detail {
    margin: -19vw 0 1rem 0;
  }
  footer .footer-nav__list {
    flex-direction: column;
    gap: 8px;
  }
}