@keyframes modal-video {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes modal-video-inner {
  0% {
    transform: translateY(100px)
  }

  to {
    transform: translate(0)
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: .3s;
  animation-name: modal-video;
  transition: opacity .3s ease-out
}

.modal-video-close {
  opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
  transform: translateY(100px)
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: .3s;
  animation-name: modal-video-inner;
  transform: translate(0);
  transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px
  }
}

.modal-video-close-btn:before {
  transform: rotate(45deg)
}

.modal-video-close-btn:after {
  transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px
}

@media (min-width: 992px) {
  .pc-none {
    display: none !important
  }
}

@media (max-width: 1023px) {
  .sp-none {
    display: none !important
  }
}

.section-en {
  font-family: var(--f-en);
  font-size: .6875rem;
  line-height: 150%
}

@media (min-width: 1440px) {
  .section-en {
    font-size: max(.6875rem, min(.764vw, .75rem))
  }
}

.mainvisual {
  padding-top: 5rem;
  margin-left: 2rem;
  margin-right: 2rem
}

@media (min-width: 992px) {
  .mainvisual {
    margin-bottom: 3.3125rem
  }
}

@media (min-width: 1024px) {
  .mainvisual {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 1440px) {
  .mainvisual {
    margin-top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: clamp(4.438rem, 4.25rem + .21vw, 4.5rem);
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width: 1023px) {
  .mainvisual {
    padding-top: 5.5rem;
    margin-bottom: 2.5625rem
  }
}

@media (max-width: 767.98px) {
  .mainvisual {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding-top: 5rem;
    margin-bottom: 1.75rem
  }
}

.mainvisual .irixacademy-logo {
  position: absolute;
  top: -.25vw;
  right: -.25vw;
  width: 9.5%;
  height: auto;
  aspect-ratio: 1 / 1
}

@media (min-width: 1024px) {
  .mainvisual .irixacademy-logo {
    height: auto
  }
}

@media (max-width: 767.98px) {
  .mainvisual .irixacademy-logo {
    width: 12.37%
  }
}

.mainvisual .mv-left {
  position: absolute;
  left: 2.4%;
  top: 6.5%
}

@media (min-width: 992px) {
  .mainvisual .mv-left {
    width: 24.6vw
  }
}

@media (min-width: 1440px) {
  .mainvisual .mv-left {
    width: 24.8vw;
    left: 2.3vw;
    top: 3.3vw
  }
}

@media (max-width: 1023px) {
  .mainvisual .mv-left {
    left: 2.3%;
    top: 6.2%;
    width: 26%
  }
}

@media (max-width: 767.98px) {
  .mainvisual .mv-left {
    width: 26.5%;
    left: 2.1%;
    top: 1.7%
  }
}

.mainvisual .mv-right {
  position: absolute;
  right: 2.4%;
  bottom: 6.3%
}

@media (min-width: 992px) {
  .mainvisual .mv-right {
    width: 24.6vw
  }
}

@media (min-width: 1440px) {
  .mainvisual .mv-right {
    width: 24.6vw;
    right: 2.3vw;
    bottom: 3.5vw
  }
}

@media (max-width: 1023px) {
  .mainvisual .mv-right {
    width: 26%
  }
}

@media (max-width: 767.98px) {
  .mainvisual .mv-right {
    width: 26.5%;
    right: 2.1%;
    bottom: 2%
  }
}

.mainvisual h1 {
  position: absolute;
  left: 0
}

@media (min-width: 992px) {
  .mainvisual h1 {
    bottom: .4%
  }
}

@media (min-width: 1024px) {
  .mainvisual h1 {
    bottom: .4%
  }
}

@media (max-width: 1023px) {
  .mainvisual h1 {
    width: 12.3125rem;
    width: 27%;
    bottom: 1%
  }
}

@media (min-width: 1440px) {
  .mainvisual h1 {
    width: 35.7%;
    bottom: 0
  }
}

@media (max-width: 767.98px) {
  .mainvisual h1 {
    width: 36.8%;
    bottom: 3%
  }
}

.mainvisual h1 img {
  width: 100%
}

@media (min-width: 992px) {
  .mainvisual h1 img {
    width: 26.31vw
  }
}

@media (min-width: 1024px) {
  .mainvisual h1 img {
    width: clamp(13.563rem, .608rem + 20.24vw, 18.813rem)
  }
}

@media (min-width: 1440px) {
  .mainvisual h1 img {
    width: 79%
  }
}

.mainvisual-video-wrap-inner {
  position: relative;
  align-self: flex-start;
  width: 78vw;
  margin-left: auto;
  margin-right: auto;
  max-height: calc(93svh - clamp(4.438rem, 4.25rem + .21vw, 4.5rem))
}

@media (min-width: 1440px) {
  .mainvisual-video-wrap-inner {
    width: 76vw
  }
}

@media (max-width: 767.98px) {
  .mainvisual-video-wrap-inner {
    width: 100%
  }
}

.mainvisual-video-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%
}

@media (min-width: 1024px) {
  .mainvisual-video-wrap {
    margin-top: 3.3125rem
  }
}

@media (min-width: 1440px) {
  .mainvisual-video-wrap {
    margin-top: 0
  }
}

@media (max-width: 1023px) {
  .mainvisual-video-wrap {
    margin-top: 1.5rem
  }
}

@media (min-width: 1440px) {
  .mainvisual-video-wrap {
    height: calc(100svh - clamp(4.438rem, 4.25rem + .21vw, 4.5rem))
  }
}

.mv-dummy-image,
.mainvisual-video {
  width: 100%;
  height: 100%;
  max-width: none;
  -webkit-mask-image: url(/assets/images/home/movie_mask.svg);
  mask-image: url(/assets/images/home/movie_mask.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1440px) {

  .mv-dummy-image,
  .mainvisual-video {
    display: block;
    height: 100%
  }
}

@media (max-width: 767.98px) {

  .mv-dummy-image,
  .mainvisual-video {
    -webkit-mask-image: url(/assets/images/home/movie_mask_sp.svg);
    mask-image: url(/assets/images/home/movie_mask_sp.svg)
  }
}

.mv-dummy-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none
}

.mv-text-left,
.mv-text-right {
  position: absolute
}

@media (max-width: 767.98px) {

  .mv-text-left,
  .mv-text-right {
    display: none
  }
}

.mv-text-left {
  left: -1.944vw;
  width: 1.2vw;
  max-width: 1.0625rem;
  top: 50%;
  transform: translateY(-50%)
}

@media (min-width: 1440px) {
  .mv-text-left {
    left: -1.8%
  }
}

.mv-text-right {
  bottom: 0;
  right: -1.944vw;
  width: .972vw;
  max-width: .875rem
}

.mv-top {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: space-between
}

@media (min-width: 992px) {
  .mv-top {
    top: -.8vw;
    width: 79.1vw
  }
}

@media (min-width: 1024px) {
  .mv-top {
    width: 79.2vw
  }
}

@media (min-width: 1440px) {
  .mv-top {
    width: 77.3vw
  }
}

@media (max-width: 1023px) {
  .mv-top {
    height: .6875rem;
    width: 80.9%;
    top: -.4375rem
  }
}

@media (max-width: 767.98px) {
  .mv-top {
    width: 62.9%;
    height: .3125rem
  }
}

.mv-top img {
  flex-shrink: 0;
  width: auto
}

@media (min-width: 1440px) {
  .mv-top img:nth-of-type(1) {
    width: 4.5vw
  }
}

@media (min-width: 1024px) {
  .mv-top img:nth-of-type(2) {
    transform: translate(-.5625rem, -.1875rem)
  }
}

@media (min-width: 1440px) {
  .mv-top img:nth-of-type(2) {
    width: 12.5vw
  }
}

@media (min-width: 1440px) {
  .mv-top img:nth-of-type(3) {
    width: 7.77vw
  }
}

.mv-under {
  position: relative;
  padding-top: 6rem;
  background-color: var(--c-white);
  border-radius: 2rem 2rem 0 0
}

@media (min-width: 1440px) {
  .mv-under {
    padding-top: 6.7vw;
    border-radius: max(2rem, min(2.222vw, 2.25rem)) max(2rem, min(2.222vw, 2.25rem)) 0 0
  }
}

@media (max-width: 1023px) {
  .mv-under {
    padding-top: 1.3125rem
  }
}

@media (max-width: 767.98px) {
  .mv-under {
    padding-top: .8125rem
  }
}

@media (max-width: 1023px) {
  .mv-under .section-side-text {
    position: static;
    position: initial;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.5625rem
  }
}

@media (max-width: 767.98px) {
  .mv-under .section-side-text {
    margin-bottom: 6.0625rem
  }
}

.mv-under-text-wrap {
  border-top: .0625rem solid var(--c-gray-60);
  border-bottom: .0625rem solid var(--c-gray-60);
  background-image: -webkit-image-set(url(/assets/images/common/bg.webp) type("image/webp"), url(/assets/images/common/bg.png) type("image/png"));
  background-image: image-set(url(/assets/images/common/bg.webp) type("image/webp"), url(/assets/images/common/bg.png) type("image/png"));
  overflow: hidden
}

@media (min-width: 1440px) {
  .mv-under-text-wrap {
    border-top: .07vw solid var(--c-gray-60);
    border-bottom: .07vw solid var(--c-gray-60)
  }
}

@media (min-width: 992px) {
  .mv-under-text-wrap {
    background-size: 91.625rem
  }
}

@media (min-width: 1024px) {
  .mv-under-text-wrap {
    background-size: 96.25rem
  }
}

@media (max-width: 1023px) {
  .mv-under-text-wrap {
    overflow-y: visible
  }
}

@media (max-width: 1023px) {
  .mv-under-text-wrap {
    background-size: 62.6875rem
  }
}

@media (max-width: 767.98px) {
  .mv-under-text-wrap {
    background-size: 25.625rem
  }
}

.stecker-1 {
  position: absolute;
  width: 11.25rem;
  height: 11.25rem;
  transform: rotate(-15deg);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

@media (min-width: 1024px) {
  .stecker-1 {
    left: 1.7%
  }
}

@media (min-width: 992px) {
  .stecker-1 {
    left: 2.2%;
    bottom: -23.5%
  }
}

@media (min-width: 1440px) {
  .stecker-1 {
    left: 1.6vw;
    bottom: -4.5vw;
    width: 12.6vw;
    height: 12.6vw
  }
}

@media (max-width: 1023px) {
  .stecker-1 {
    left: -3.58125rem;
    bottom: -6.03125rem
  }
}

.stecker-2 {
  position: absolute;
  right: 1.7%;
  top: 5.5%;
  width: 10rem;
  height: 10rem;
  transform: rotate(15deg);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

@media (min-width: 1440px) {
  .stecker-2 {
    right: 1.6vw;
    top: 1.1vw;
    width: 11.2vw;
    height: 11.2vw
  }
}

@media (max-width: 1023px) {
  .stecker-2 {
    right: -3.8625rem;
    top: 2.9875rem
  }
}

.mv-under-text {
  display: flex;
  gap: 3.5rem;
  padding: 2.875rem 0
}

@media (min-width: 1440px) {
  .mv-under-text {
    padding: 3.2vw 0;
    gap: 2.8vw
  }
}

@media (max-width: 1023px) {
  .mv-under-text {
    padding: 2.5625rem 0
  }
}

.mv-under-text>div {
  display: flex;
  gap: 3.5rem;
  flex-shrink: 0;
  animation: loop-text 60s linear infinite .5s both
}

@media (min-width: 1440px) {
  .mv-under-text>div {
    gap: 2.8vw
  }
}

.mv-under-text img {
  display: inline-block;
  flex-shrink: 0;
  max-width: none
}

@media (min-width: 1440px) {
  .mv-under-text img {
    width: 90.5vw
  }
}

@media (max-width: 1023px) {
  .mv-under-text img {
    width: 50.375rem
  }
}

@keyframes loop-text {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-100%)
  }
}

.about {
  border-radius: 0 0 2rem 2rem;
  padding-bottom: 7.9375rem
}

@media (min-width: 1440px) {
  .about {
    border-radius: 0 0 max(2rem, min(2.222vw, 2.25rem)) max(2rem, min(2.222vw, 2.25rem));
    padding: 9vw 6.5vw 8.7vw !important
  }
}

@media (min-width: 1024px) {
  .about {
    padding-left: var(--s-container-inline);
    padding-right: var(--s-container-inline)
  }
}

@media (min-width: 992px) {
  .about {
    padding-left: 6rem;
    padding-right: 6rem
  }
}

@media (max-width: 1023px) {
  .about {
    padding-top: 7.9375rem;
    padding-bottom: 8.125rem
  }
}

.about .lightning {
  position: absolute;
  left: auto;
  bottom: auto;
  width: 5rem
}

@media (min-width: 1024px) {
  .about .lightning {
    right: -2.5%;
    top: -90.1%
  }
}

@media (min-width: 992px) {
  .about .lightning {
    right: -4.5%;
    top: -90.1%
  }
}

@media (min-width: 1440px) {
  .about .lightning {
    width: 5.5vw;
    top: -3.5vw;
    right: -.9vw;
    left: auto;
    bottom: auto
  }
}

@media (max-width: 1023px) {
  .about .lightning {
    width: 3.745rem;
    right: -1.375rem;
    top: -2rem
  }
}

.about-wrap {
  position: relative;
  display: flex;
  justify-content: space-between
}

@media (min-width: 992px) {
  .about-wrap {
    gap: 5%
  }
}

@media (min-width: 1440px) {
  .about-wrap {
    gap: 0;
    height: auto
  }
}

@media (max-width: 1023px) {
  .about-wrap {
    display: block;
    height: auto
  }
}

@media (min-width: 992px) {
  .about-wrap .section-side-text {
    top: 8.9%;
    left: -9.3%
  }
}

@media (min-width: 1024px) {
  .about-wrap .section-side-text {
    top: 12%;
    left: -4.9375rem
  }
}

@media (min-width: 1440px) {
  .about-wrap .section-side-text {
    left: -5.4vw;
    top: -.2vw
  }
}

.about-wrap>picture {
  flex-shrink: 0
}

@media (min-width: 992px) {
  .about-wrap>picture {
    width: 46.1%
  }
}

@media (min-width: 1024px) {
  .about-wrap>picture {
    width: 46.3%
  }
}

.about-wrap>picture:nth-of-type(1) {
  position: relative
}

@media (min-width: 992px) {
  .about-wrap>picture:nth-of-type(1) img {
    aspect-ratio: 384 / 544;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
  }
}

@media (min-width: 1024px) {
  .about-wrap>picture:nth-of-type(1) img {
    aspect-ratio: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media (min-width: 1440px) {
  .about-wrap>picture:nth-of-type(1) {
    width: 41.3vw
  }

  .about-wrap>picture:nth-of-type(1) img {
    aspect-ratio: auto
  }
}

@media (max-width: 1023px) {
  .about-wrap>picture:nth-of-type(1) {
    width: 100%
  }

  .about-wrap>picture:nth-of-type(1) img {
    aspect-ratio: 640/360;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
  }
}

@media (max-width: 767.98px) {
  .about-wrap>picture:nth-of-type(1) {
    display: none
  }
}

@media (min-width: 992px) {
  .about-wrap>picture:nth-of-type(2) {
    display: none
  }
}

@media (max-width: 1023px) {
  .about-wrap>picture:nth-of-type(2) {
    display: none
  }
}

@media (max-width: 767.98px) {
  .about-wrap>picture:nth-of-type(2) {
    display: block;
    width: 100%
  }

  .about-wrap>picture:nth-of-type(2) img {
    aspect-ratio: 311/360
  }
}

.about-text {
  align-self: flex-start;
  flex-shrink: 0
}

@media (min-width: 992px) {
  .about-text {
    width: 46.1%
  }
}

@media (min-width: 1024px) {
  .about-text {
    width: 46.3%
  }
}

@media (max-width: 1023px) {
  .about-text {
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 0
  }
}

@media (min-width: 1440px) {
  .about-text {
    width: 41.3vw;
    flex-shrink: 0;
    margin-bottom: 0
  }
}

.about-text h2 {
  position: relative;
  line-height: 100%;
  margin-top: .1875rem;
  margin-bottom: 1.5625rem;
  padding-bottom: 1.625rem;
  font-size: 1.75rem
}

@media (min-width: 1440px) {
  .about-text h2 {
    margin-top: .1vw;
    margin-bottom: 1.7vw;
    padding-bottom: max(1.5rem, min(1.667vw, 1.75rem));
    font-size: max(1.75rem, min(1.944vw, 1.9375rem))
  }
}

@media (max-width: 1023px) {
  .about-text h2 {
    font-size: 1.75rem
  }
}

.about-text h2 img {
  display: block;
  position: absolute;
  left: -.25rem;
  bottom: -.75rem;
  pointer-events: none;
  z-index: 1
}

@media (min-width: 1440px) {
  .about-text h2 img {
    width: max(1.563rem, min(1.7vw, 1.75rem));
    left: clamp(-.25rem, .138rem + .12vw, -.287rem);
    bottom: max(-.875rem, min(calc(-.75rem - (2 * (100vw - 90rem) / 480)), -.75rem));
    max-width: none
  }
}

@media (max-width: 1023px) {
  .about-text h2 img {
    left: -.3125rem
  }
}

.about-text h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 2%;
  width: 98%;
  height: .0625rem;
  background-image: linear-gradient(90deg, rgba(15, 15, 15), rgba(255, 255, 255, 100));
  pointer-events: none
}

@media (min-width: 1440px) {
  .about-text h2:after {
    left: .5vw
  }
}

@media (min-width: 1024px) {
  .about-text .section-en {
    margin-top: 4.5rem
  }
}

@media (min-width: 1440px) {
  .about-text .section-en {
    margin-top: 5vw
  }
}

@media (max-width: 1023px) {
  .about-text .section-en {
    margin-top: 2.0625rem;
    margin-bottom: 2.1875rem
  }
}

@media (max-width: 767.98px) {
  .about-text .section-en {
    margin-top: 2.125rem;
    margin-bottom: 2.0625rem;
    line-height: 153%
  }
}

.about-text .btn {
  margin-top: 4.6875rem
}

@media (min-width: 1440px) {
  .about-text .btn {
    margin-top: 5.7vw
  }
}

@media (max-width: 991.98px) {
  .about-text .btn {
    margin-top: 5vw
  }
}

.about-text .about-description {
  font-size: 1.125rem;
  text-align: justify
}

@media (min-width: 1440px) {
  .about-text .about-description {
    font-size: max(1.125rem, min(1.25vw, 1.25rem))
  }
}

.section-side-text {
  position: absolute;
  transform: rotate(180deg);
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  left: 0;
  color: var(--c-gray-60);
  font-size: .75rem;
  font-family: var(--f-en);
  writing-mode: vertical-lr;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1440px) {
  .section-side-text {
    font-size: max(.75rem, min(.833vw, .8125rem))
  }
}

@media (max-width: 1023px) {
  .section-side-text {
    writing-mode: horizontal-tb;
    transform: none
  }
}

.member {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 7.9375rem;
  border-radius: 2rem;
  margin-top: .0625rem;
  background-color: var(--c-white);
  background-image: -webkit-image-set(url(/assets/images/common/bg.webp) type("image/webp"), url(/assets/images/common/bg.png) type("image/png"));
  background-image: image-set(url(/assets/images/common/bg.webp) type("image/webp"), url(/assets/images/common/bg.png) type("image/png"));
  z-index: 1
}

@media (min-width: 1440px) {
  .member {
    padding-top: 9vw;
    padding-bottom: 8.8vw;
    border-radius: max(2rem, min(2.222vw, 2.25rem));
    margin-top: .0625rem
  }
}

@media (min-width: 1024px) {
  .member {
    background-size: 105.125rem
  }
}

@media (min-width: 992px) {
  .member {
    background-size: 74.75rem
  }
}

@media (max-width: 1023px) {
  .member {
    padding-top: 1.25rem;
    padding-bottom: 6rem;
    background-size: 56.9375rem
  }
}

@media (min-width: 992px) {
  .member .section-side-text {
    top: 46.8%;
    left: 1.7%
  }
}

@media (min-width: 1024px) {
  .member .section-side-text {
    top: 46.8%;
    left: 1.7%
  }
}

@media (min-width: 1440px) {
  .member .section-side-text {
    top: 46.8vw;
    left: 1.2vw
  }
}

@media (max-width: 1023px) {
  .member .section-side-text {
    position: static;
    position: initial;
    display: block;
    text-align: center;
    margin-bottom: 5.5625rem
  }
}

.member-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 6rem
}

@media (min-width: 1440px) {
  .member-wrap {
    gap: 6.9svw
  }
}

@media (max-width: 1023px) {
  .member-wrap {
    display: block;
    width: 83%;
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width: 1023px) {
  .member-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
  }
}

@media (max-width: 767.98px) {
  .member-box {
    display: block
  }
}

.member-wrap-title {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: flex-end;
  width: 20rem;
  border-right: .0625rem solid currentColor;
  padding-top: 1.875rem;
  padding-right: 5.5625rem;
  height: -moz-fit-content;
  height: fit-content;
  flex-shrink: 0
}

@media (max-width: 1023px) {
  .member-wrap-title {
    position: static;
    position: initial;
    display: block;
    padding: 0 0 3.9375rem;
    border-right: 0;
    width: 100%;
    border-bottom: .0625rem solid currentColor
  }
}

@media (min-width: 1440px) {
  .member-wrap-title {
    width: 22.2svw;
    padding-top: 2.2svw;
    padding-right: 6.2svw
  }
}

@media (max-width: 767.98px) {
  .member-wrap-title {
    padding: 0 0 3.9375rem
  }
}

.member-wrap-title h2 {
  transform: translate(.25rem)
}

@media (min-width: 992px) {
  .member-wrap-title h2 {
    width: 76%
  }
}

@media (min-width: 1440px) {
  .member-wrap-title h2 {
    width: 6.4svw;
    transform: translate(.3svw, -.2svw)
  }
}

@media (max-width: 1023px) {
  .member-wrap-title h2 {
    width: 20.6875rem;
    flex-shrink: 0;
    transform: translateY(.5625rem)
  }
}

@media (max-width: 767.98px) {
  .member-wrap-title h2 {
    width: auto;
    transform: none
  }
}

.member-wrap-title h2 img {
  width: 100%
}

@media (max-width: 767.98px) {
  .member-wrap-title h2 img {
    width: 96%
  }
}

.member-wrap-title .section-side-text {
  position: relative
}

@media (min-width: 992px) {
  .member-wrap-title .section-side-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 0 0 6.8%
  }
}

@media (min-width: 1440px) {
  .member-wrap-title .section-side-text {
    margin-left: 1.1vw
  }
}

@media (min-width: 1440px) {
  .member-wrap-title div>img {
    width: 8.47vw
  }
}

.member-wrap-title+.lightning-2 {
  position: absolute;
  width: 6.25rem;
  pointer-events: none;
  z-index: 1
}

@media (min-width: 992px) {
  .member-wrap-title+.lightning-2 {
    left: 32.8%;
    top: -6.9%
  }
}

@media (min-width: 1024px) {
  .member-wrap-title+.lightning-2 {
    left: 32.8%;
    top: -6.9%
  }
}

@media (max-width: 1023px) {
  .member-wrap-title+.lightning-2 {
    left: -5.4%;
    top: 13.8%
  }
}

@media (max-width: 767.98px) {
  .member-wrap-title+.lightning-2 {
    width: 4.6925rem;
    left: 1.8375rem;
    top: 12.4%
  }
}

@media (min-width: 1440px) {
  .member-wrap-title+.lightning-2 {
    width: 7.1vw;
    top: -1.1vw;
    left: 23.2vw
  }
}

.member-wrap-title+.lightning-2+.ring {
  position: absolute;
  width: 6.25rem;
  pointer-events: none;
  z-index: 1
}

@media (min-width: 992px) {
  .member-wrap-title+.lightning-2+.ring {
    right: 2.3%;
    top: 17.5%
  }
}

@media (min-width: 1024px) {
  .member-wrap-title+.lightning-2+.ring {
    right: 2.3%;
    top: 17.5%
  }
}

@media (max-width: 1023px) {
  .member-wrap-title+.lightning-2+.ring {
    right: -6.3%;
    top: 41.3%
  }
}

@media (max-width: 767.98px) {
  .member-wrap-title+.lightning-2+.ring {
    width: 4.6875rem;
    right: -2.78125rem;
    top: 46.8%
  }
}

@media (min-width: 1440px) {
  .member-wrap-title+.lightning-2+.ring {
    width: 7.1vw;
    top: 23.9vw;
    right: 1.6vw
  }
}

@media (max-width: 1023px) {
  .sp-member-text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    width: 39.7%
  }
}

@media (max-width: 767.98px) {
  .sp-member-text {
    width: auto;
    margin-top: 2.4375rem
  }
}

.member-small-text {
  display: block;
  margin-top: 4.1875rem;
  margin-bottom: 4rem;
  font-family: var(--f-en);
  font-size: .75rem
}

@media (min-width: 1440px) {
  .member-small-text {
    margin-top: 4.5vw;
    margin-bottom: 4.45vw;
    font-size: max(.75rem, min(.833vw, .8125rem))
  }
}

@media (max-width: 1023px) {
  .member-small-text {
    margin-top: 0;
    margin-bottom: 0
  }
}

.member-small-text span {
  display: block;
  line-height: 125%
}

@media (min-width: 1440px) {
  .member-small-text span {
    font-size: clamp(.625rem, .25rem + .42vw, .75rem)
  }
}

.member-small-text span+:is(.member-small-text span) {
  margin-top: .25rem
}

@media (min-width: 1440px) {
  .member-small-text span+:is(.member-small-text span) {
    margin-top: .28vw
  }
}

.member-inner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  gap: 5.5625rem .625rem;
  margin-right: 5.9375rem
}

@media (min-width: 992px) {
  .member-inner {
    gap: 2.5rem
  }
}

@media (min-width: 1024px) {
  .member-inner {
    margin-right: 5.4375rem;
    gap: 3.8125rem
  }
}

@media (min-width: 1440px) {
  .member-inner {
    margin-right: 6.9svw;
    margin-top: 2.1vw;
    gap: 4.5svw
  }
}

@media (max-width: 1023px) {
  .member-inner {
    margin-top: 4rem;
    margin-right: 2.375rem;
    gap: 3.75rem
  }
}

@media (max-width: 767.98px) {
  .member-inner {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

.member-inner>li {
  flex-shrink: 0;
  width: calc(50% - 1.9375rem)
}

@media (min-width: 1440px) {
  .member-inner>li {
    width: auto
  }
}

@media (max-width: 1023px) {
  .member-inner>li {
    width: calc(50% - 1.875rem)
  }
}

@media (max-width: 767.98px) {
  .member-inner>li {
    width: calc(100% - 2.625rem)
  }
}

@media (max-width: 767.98px) {
  .member-inner>li+li {
    margin-top: 4rem
  }
}

.member-inner+.lightning-3 {
  position: absolute;
  width: 6.25rem;
  pointer-events: none
}

@media (min-width: 992px) {
  .member-inner+.lightning-3 {
    bottom: 9.1%;
    left: 33.7%
  }
}

@media (min-width: 1024px) {
  .member-inner+.lightning-3 {
    bottom: 9.1%;
    left: 33.7%
  }
}

@media (max-width: 1023px) {
  .member-inner+.lightning-3 {
    bottom: 24.1%;
    left: -5.2%
  }
}

@media (max-width: 767.98px) {
  .member-inner+.lightning-3 {
    width: 4.708125rem;
    bottom: 34.8%;
    left: -2.5625rem
  }
}

@media (min-width: 1440px) {
  .member-inner+.lightning-3 {
    width: 7vw;
    bottom: 16.3vw;
    left: 23.9vw
  }
}

.lightning-4 {
  position: absolute;
  width: 5rem;
  pointer-events: none
}

@media (min-width: 992px) {
  .lightning-4 {
    left: 65.7%;
    bottom: -.2%
  }
}

@media (min-width: 1024px) {
  .lightning-4 {
    left: -25%;
    bottom: -87%
  }
}

@media (max-width: 1023px) {
  .lightning-4 {
    left: -25%;
    bottom: -120%
  }
}

@media (max-width: 767.98px) {
  .lightning-4 {
    width: 3.75rem;
    left: 11.4375rem;
    bottom: -8.1%
  }
}

@media (min-width: 1440px) {
  .lightning-4 {
    width: 5.4vw;
    bottom: -1.1vw;
    left: -3.6vw
  }
}

.member-images {
  position: relative;
  display: flex;
  gap: .375rem
}

@media (min-width: 1440px) {
  .member-images {
    gap: .45svw
  }
}

@media (max-width: 1023px) {
  .member-images {
    gap: .75rem
  }
}

@media (max-width: 1023px) {
  .member-images>div {
    width: 87%;
    flex-grow: 1
  }
}

@media (min-width: 1440px) {
  .member-images>div:first-child {
    width: 29.1svw
  }
}

.member-images .member-btn {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4.125rem;
  padding-left: 1.1875rem;
  padding-right: .9375rem;
  border: .0625rem solid var(--c-gray-30);
  border-radius: .5rem;
  background-color: var(--c-white);
  transition: .3s;
  overflow: visible
}

@media (min-width: 1440px) {
  .member-images .member-btn {
    margin-top: 1.68vw;
    height: clamp(4.125rem, 2.25rem + 2.08vw, 4.75rem);
    padding-left: 1.3vw;
    padding-right: 1.1vw
  }
}

@media (max-width: 1023px) {
  .member-images .member-btn {
    padding-right: .875rem
  }
}

@media (max-width: 767.98px) {
  .member-images .member-btn {
    height: 3.875rem
  }
}

.member-images .member-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  border-radius: .4375rem;
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

@media (min-width: 1440px) {
  .member-images .member-btn:before {
    border-radius: .3vw
  }
}

.member-images .member-btn>* {
  line-height: 1;
  flex-shrink: 0
}

.member-images .member-btn>img {
  transition: .3s
}

@media (min-width: 1440px) {
  .member-images .member-btn>img {
    max-width: none;
    width: max(1.5rem, min(1.667vw, 1.75rem))
  }
}

.member-images .member-btn p {
  position: relative;
  font-size: 1.5rem;
  font-family: var(--f-default);
  z-index: 1
}

@media (min-width: 1440px) {
  .member-images .member-btn p {
    font-size: max(1.5rem, min(1.667vw, 1.75rem))
  }
}

@media (max-width: 767.98px) {
  .member-images .member-btn p {
    font-size: 1.25rem
  }
}

.member-images .member-btn span {
  position: relative;
  display: block;
  font-size: .75rem;
  margin-bottom: .375rem;
  font-family: var(--f-en);
  z-index: 1
}

@media (min-width: 1440px) {
  .member-images .member-btn span {
    font-size: max(.75rem, min(.833vw, .8125rem))
  }
}

.member-images .member-btn {
  margin-top: 1.5rem
}

.member-images a {
  display: block
}

@media (hover:hover) {
  .member-images a:hover .member-btn {
    color: var(--c-white)
  }

  .member-images a:hover .member-btn>img,
  .member-images a:hover .member-btn p img {
    filter: brightness(0) invert(1)
  }

  .member-images a:hover .member-btn:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }
}

.member-sns {
  position: absolute;
  right: .75rem;
  right: -2.125rem;
  display: flex;
  flex-direction: column;
  gap: .5rem
}

@media (min-width: 1440px) {
  .member-sns {
    gap: .6vw;
    right: -2.35vw
  }
}

@media (max-width: 1023px) {
  .member-sns {
    right: -2.5rem
  }
}

@media (max-width: 767.98px) {
  .member-sns {
    right: -2.5625rem
  }
}

@media (min-width: 1440px) {
  .member-sns li:first-child img {
    width: max(.6875rem, min(.9vw, .75rem))
  }
}

@media (min-width: 1440px) {
  .member-sns li:nth-child(2) img {
    width: max(.875rem, min(.972vw, 1rem))
  }
}

@media (min-width: 1440px) {
  .member-sns li:last-child img {
    width: max(1rem, min(1.1vw, 1.125rem))
  }
}

.member-sns a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: .0625rem solid var(--c-gray-30);
  border-radius: .125rem;
  background-color: var(--c-white);
  transition: .3s;
  overflow: hidden
}

@media (min-width: 1440px) {
  .member-sns a {
    width: max(1.75rem, min(1.944vw, 1.9375rem));
    height: max(1.75rem, min(1.944vw, 1.9375rem));
    border-radius: .15vw
  }
}

.member-sns a:before {
  content: "";
  width: 150%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  border-radius: .0625rem;
  transform: scaleY(0);
  transition: transform ease .3s
}

@media (min-width: 1440px) {
  .member-sns a:before {
    border-radius: .07vw
  }
}

.member-sns a img {
  max-width: none;
  flex-shrink: 0;
  transition: .3s
}

@media (hover:hover) {
  .member-sns a:hover {
    color: var(--c-white)
  }

  .member-sns a:hover img {
    filter: brightness(0) invert(1)
  }

  .member-sns a:hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }
}

.section-under {
  position: relative;
  padding: 4.5rem 0;
  overflow: hidden
}

@media (min-width: 1440px) {
  .section-under {
    padding: 4.8vw 0 5.1vw
  }
}

@media (max-width: 1023px) {
  .section-under {
    padding: 4.0625rem 0;
    overflow: visible
  }
}

@media (max-width: 767.98px) {
  .section-under {
    padding: 6.25rem 0
  }
}

.section-under-text>div {
  display: flex;
  gap: 2rem
}

@media (min-width: 992px) {
  .section-under-text>div {
    gap: 2vw
  }
}

.section-under-text>div>div {
  display: flex;
  gap: 2rem;
  flex-shrink: 0;
  animation: loop-text 44s linear infinite .5s both
}

@media (min-width: 992px) {
  .section-under-text>div>div {
    gap: 2vw
  }
}

.section-under-text>div>div>div {
  display: flex;
  gap: 2rem;
  flex-shrink: 0
}

@media (min-width: 992px) {
  .section-under-text>div>div>div {
    gap: 2vw
  }
}

.section-under-text>div picture {
  flex-shrink: 0;
  width: auto
}

.section-under-text>div picture img {
  max-width: none
}

@media (min-width: 992px) {
  .section-under-text>div picture img {
    width: 61.125rem
  }
}

@media (min-width: 1440px) {
  .section-under-text>div picture img {
    width: 67.87vw
  }
}

@media (max-width: 1023px) {
  .section-under-text>div picture img {
    width: auto;
    height: 5rem
  }
}

.stecker-3 {
  position: absolute;
  left: 3.3%;
  bottom: -16.6%;
  width: 10.03125rem;
  transform: rotate(-15deg);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

@media (min-width: 992px) {
  .stecker-3 {
    left: 4.5%;
    bottom: -16.6%
  }
}

@media (min-width: 1024px) {
  .stecker-3 {
    left: 4.5%;
    bottom: -16.6%
  }
}

@media (min-width: 1440px) {
  .stecker-3 {
    left: 3.3vw;
    bottom: -2.9vw;
    width: 11vw
  }
}

@media (max-width: 1023px) {
  .stecker-3 {
    left: -3.3%;
    bottom: -27.2%
  }
}

@media (max-width: 767.98px) {
  .stecker-3 {
    left: -8.7%;
    bottom: -17%
  }
}

.stecker-4 {
  position: absolute;
  width: 25rem;
  border-radius: .5rem;
  transform: rotate(15deg);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

@media (min-width: 1024px) {
  .stecker-4 {
    top: -31.2%;
    right: 3.3%
  }
}

@media (min-width: 992px) {
  .stecker-4 {
    top: -29.2%;
    right: 4.9%
  }
}

@media (min-width: 1440px) {
  .stecker-4 {
    top: -5.5vw;
    right: 3.3vw;
    width: 27.7vw;
    border-radius: .5vw
  }
}

@media (max-width: 1023px) {
  .stecker-4 {
    top: -4.44375rem;
    right: -10.14375rem
  }
}

.news {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: var(--c-gray-10);
  border-radius: 2rem;
  z-index: 1
}

@media (min-width: 1440px) {
  .news {
    padding-top: 6.7vw;
    padding-bottom: 6.7vw;
    border-radius: max(2rem, min(2.222vw, 2.25rem))
  }
}

@media (max-width: 1023px) {
  .news {
    padding-top: 1.25rem
  }
}

@media (max-width: 1023px) {
  .news .section-side-text {
    position: static;
    position: initial;
    display: block;
    text-align: center;
    margin-bottom: 3.4375rem
  }
}

.news-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-left: 5.9375rem;
  gap: 4.25rem
}

@media (min-width: 992px) {
  .news-wrap {
    gap: 3.75rem
  }
}

@media (min-width: 1024px) {
  .news-wrap {
    gap: 3.75rem
  }
}

@media (min-width: 1440px) {
  .news-wrap {
    padding-left: 6.5vw;
    gap: 4.8vw
  }
}

@media (max-width: 1023px) {
  .news-wrap {
    display: block;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }
}

@media (max-width: 767.98px) {
  .news-wrap {
    width: 83%
  }
}

.news-wrap .btn {
  background-color: var(--c-white);
  border-right: 0;
  border-radius: .5rem 0 0 .5rem;
  padding-left: 1.4375rem;
  padding-right: 1.4375rem;
  gap: 1.0625rem;
  justify-content: flex-start;
  align-items: center;
  height: 4.5625rem
}

@media (min-width: 1440px) {
  .news-wrap .btn {
    height: 4.9vw;
    padding-left: 1.7vw;
    padding-right: 1.6vw;
    border-radius: .5vw 0 0 .5vw;
    gap: 1.1vw
  }
}

@media (max-width: 1023px) {
  .news-wrap .btn {
    border-radius: .5rem;
    border: .0625rem solid var(--c-gray-30);
    height: 4.5rem;
    padding-left: 1.375rem;
    gap: 1.125rem
  }
}

@media (max-width: 767.98px) {
  .news-wrap .btn {
    justify-content: space-between;
    padding-right: 1.4375rem
  }
}

@media (min-width: 1440px) {
  .news-wrap .btn>img {
    width: max(1.5rem, min(1.667vw, 1.75rem))
  }
}

@media (min-width: 992px) {
  .news-wrap .section-side-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: 1.2%
  }
}

@media (min-width: 1440px) {
  .news-wrap .section-side-text {
    margin-left: 1.2vw
  }
}

@media (max-width: 1023px) {
  .news-inner {
    margin-left: 8.3%
  }
}

@media (max-width: 767.98px) {
  .news-inner {
    margin-left: 0
  }
}

.news-wrap-title {
  width: 17.125rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (min-width: 1440px) {
  .news-wrap-title {
    width: 19vw
  }
}

@media (max-width: 1023px) {
  .news-wrap-title {
    width: 83.5%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5625rem
  }
}

@media (max-width: 767.98px) {
  .news-wrap-title {
    width: 100%
  }
}

.news-wrap-title h2 {
  margin-top: .5625rem
}

@media (min-width: 1440px) {
  .news-wrap-title h2 {
    margin-top: .6vw
  }
}

@media (min-width: 1440px) {
  .news-wrap-title h2 img {
    width: 20vw
  }
}

.news-wrap-title .section-en {
  margin-top: 1.5rem
}

@media (max-width: 1023px) {
  .news-wrap-title .section-en {
    margin-top: 1.4375rem
  }
}

@media (max-width: 767.98px) {
  .news-wrap-title .section-en {
    margin-top: 1.5rem;
    line-height: 152%
  }
}

.news-description {
  display: block;
  font-size: .875rem;
  line-height: 150%;
  margin-top: 4.625rem;
  text-align: justify
}

@media (min-width: 1440px) {
  .news-description {
    font-size: max(.875rem, min(.972vw, 1rem));
    margin-top: 5.2vw
  }
}

@media (max-width: 1023px) {
  .news-description {
    margin-top: 2.0625rem
  }
}

.news-list {
  margin-bottom: 1.5625rem
}

@media (min-width: 1440px) {
  .news-list {
    margin-bottom: 1.6vw
  }
}

@media (max-width: 1023px) {
  .news-list li .news-image {
    margin-top: -.125rem
  }
}

.news-list li+li {
  margin-top: -.0625rem
}

@media (min-width: 992px) {
  .news-list li:last-child a {
    border-bottom: .0625rem solid var(--c-gray-30)
  }
}

@media (min-width: 992px) {
  .news-list li:last-child a {
    border-bottom: .07vw solid var(--c-gray-30)
  }
}

.news-list a {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: .5rem 0 0 .5rem;
  gap: 1.5rem;
  background-color: var(--c-white);
  border-top: .0625rem solid var(--c-gray-30);
  border-bottom: .0625rem solid var(--c-gray-30);
  border-left: .0625rem solid var(--c-gray-30);
  overflow: hidden;
  transition: .3s
}

@media (min-width: 1440px) {
  .news-list a {
    border-radius: .5vw 0 0 .5vw;
    gap: 1.7vw;
    border-top: .07vw solid var(--c-gray-30);
    border-bottom: .07vw solid var(--c-gray-30);
    border-left: .07vw solid var(--c-gray-30)
  }
}

@media (max-width: 767.98px) {
  .news-list a {
    display: block;
    border-radius: .5rem;
    border: .0625rem solid var(--c-gray-30)
  }
}

.news-list a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

.news-list a>div {
  position: relative;
  z-index: 1
}

@media (hover:hover) {
  .news-list a:hover {
    color: var(--c-white)
  }

  .news-list a:hover>img {
    filter: brightness(0) invert(1)
  }

  .news-list a:hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }

  .news-list a:hover .category {
    background-color: var(--c-white);
    color: var(--c-text)
  }
}

.news-list a div:nth-child(2) {
  position: relative;
  padding-right: 5.3125rem;
  margin-top: -.625rem;
  align-self: stretch;
  display: flex;
  justify-content: center;
  flex-direction: column
}

@media (min-width: 1440px) {
  .news-list a div:nth-child(2) {
    margin-top: -.7vw;
    padding-right: 6vw
  }
}

@media (max-width: 1023px) {
  .news-list a div:nth-child(2) {
    padding-right: 16%;
    padding-top: 0
  }
}

@media (max-width: 767.98px) {
  .news-list a div:nth-child(2) {
    padding-right: 0;
    margin-top: 0;
    padding: 1.4375rem
  }
}

.news-list a .news-image {
  width: 14rem;
  height: 8.625rem;
  flex-shrink: 0
}

.news-list a .news-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1440px) {
  .news-list a .news-image img {
    width: 100%;
    max-width: none
  }
}

@media (min-width: 1440px) {
  .news-list a .news-image {
    width: 15.5vw;
    height: 9.6vw
  }
}

@media (max-width: 1023px) {
  .news-list a .news-image {
    width: 13.6rem;
    height: 8.375rem
  }
}

@media (max-width: 767.98px) {
  .news-list a .news-image {
    width: 100%;
    height: auto
  }

  .news-list a .news-image img {
    width: 100%;
    max-width: none
  }
}

.news-list a time {
  display: block;
  margin-bottom: .5rem;
  font-size: .75rem;
  line-height: 1;
  font-family: var(--f-en)
}

@media (min-width: 1440px) {
  .news-list a time {
    font-size: max(.75rem, min(.833vw, .8125rem));
    margin-bottom: .6vw
  }
}

.news-list a h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 150%
}

@media (min-width: 1440px) {
  .news-list a h3 {
    font-size: max(1rem, min(1.1vw, 1.125rem))
  }
}

.news-list a .category-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem
}

@media (max-width: 767.98px) {
  .news-list a .category-wrap {
    position: relative;
    margin-top: 1rem
  }
}

.news-list a .category {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: .75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: var(--c-gray-30);
  background-color: var(--c-text);
  padding-left: .5rem;
  padding-right: .5rem;
  transition: .3s
}

@media (min-width: 1440px) {
  .news-list a .category {
    font-size: max(.75rem, min(.833vw, .8125rem));
    height: max(1.5rem, min(1.667vw, 1.75rem));
    line-height: max(1.5rem, min(1.667vw, 1.75rem))
  }
}

.news-list a>img {
  position: absolute;
  top: 50%;
  right: 2rem;
  flex-shrink: 0;
  transition: .3s;
  transform: translateY(-50%)
}

@media (min-width: 1440px) {
  .news-list a>img {
    right: 2.2vw;
    max-width: none;
    width: max(1.5rem, min(1.667vw, 1.75rem))
  }
}

@media (max-width: 1023px) {
  .news-list a>img {
    right: 9%
  }
}

@media (max-width: 767.98px) {
  .news-list a>img {
    top: auto;
    bottom: 1.375rem;
    right: 1.4375rem;
    transform: none
  }
}

.media {
  margin-top: .0625rem;
  padding: 6.5625rem 6rem 6rem;
  background-color: var(--c-white);
  border-radius: 2rem
}

@media (min-width: 1440px) {
  .media {
    border-radius: max(2rem, min(2.222vw, 2.25rem));
    padding: 7.4vw 6.6vw 6.7vw
  }
}

@media (max-width: 1023px) {
  .media {
    padding-top: 20px;
    padding-left: var(--s-container-inline);
    padding-right: var(--s-container-inline)
  }
}

@media (max-width: 767.98px) {
  .media {
    padding-top: 1.8125rem
  }
}

@media (max-width: 1023px) {
  .media .media-wrap>.section-side-text {
    position: static;
    position: initial;
    display: block !important;
    text-align: center;
    margin-bottom: 3.6875rem
  }
}

.media-wrap {
  position: relative
}

@media (max-width: 1023px) {
  .media-wrap {
    width: 93%;
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width: 767.98px) {
  .media-wrap {
    width: 100%
  }
}

.media-title {
  display: flex;
  margin-bottom: 1.5625rem;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

@media (min-width: 1024px) {
  .media-title {
    gap: 1.5625rem;
    margin-bottom: 1.5625rem
  }
}

@media (min-width: 992px) {
  .media-title {
    gap: 1.5625rem;
    margin-bottom: 1.5625rem
  }
}

@media (max-width: 1023px) {
  .media-title {
    display: block;
    margin-bottom: 2.4375rem
  }
}

@media (max-width: 767.98px) {
  .media-title {
    margin-bottom: 2.5625rem
  }
}

.media-title h2 {
  flex-shrink: 0
}

@media (max-width: 1023px) {
  .media-title h2 {
    margin-bottom: 2.125rem
  }
}

@media (min-width: 1024px) {
  .media-title h2 img {
    width: 15.423125rem;
    max-width: none
  }
}

@media (min-width: 992px) {
  .media-title h2 img {
    width: 15.423125rem;
    max-width: none
  }
}

@media (min-width: 1440px) {
  .media-title h2 img {
    width: 17.3vw
  }
}

.media-title-text p {
  word-break: keep-all;
  word-wrap: break-word
}

@media (min-width: 1440px) {
  .media-title-text p:first-child {
    font-size: max(1rem, min(1.1vw, 1.125rem));
    margin-bottom: .45vw
  }
}

@media (max-width: 1023px) {
  .media-title-text p:first-child {
    font-size: 1rem;
    line-height: 150%
  }
}

@media (max-width: 1023px) {
  .media-title-text p:last-child {
    margin-top: .5rem;
    font-size: .75rem
  }
}

@media (max-width: 767.98px) {
  .media-title-text p:last-child {
    margin-top: 1.4375rem
  }
}

.media-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media (max-width: 767.98px) {
  .media-list {
    display: block
  }
}

.media-list li {
  width: 50%
}

@media (max-width: 767.98px) {
  .media-list li {
    width: 100%
  }
}

.media-list li:last-child a {
  border-right: .0625rem solid var(--c-gray-30)
}

@media (min-width: 1440px) {
  .media-list li:last-child a {
    border-right: .07vw solid var(--c-gray-30)
  }
}

@media (max-width: 767.98px) {
  .media-list li+:is(.media-list li) {
    margin-top: -.0625rem
  }
}

.media-list li a {
  position: relative;
  display: block;
  background-color: var(--c-white);
  border-radius: .5rem;
  border: .0625rem solid var(--c-gray-30);
  border-right: 0;
  font-size: .875rem;
  line-height: 150%;
  font-weight: 400;
  height: 100%;
  overflow: hidden;
  transition: 1ms
}

.media-list li a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(15, 15, 15, .08);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

@media (hover:hover) {
  .media-list li a:hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }

  .media-list li a:hover .icon-play:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }

  .media-list li a:hover .icon-play img {
    filter: brightness(0) invert(1)
  }
}

@media (min-width: 1024px) {
  .media-list li a {
    padding: 1.0625rem 1rem .75rem
  }
}

@media (min-width: 992px) {
  .media-list li a {
    padding: 1rem
  }
}

@media (min-width: 1440px) {
  .media-list li a {
    font-size: max(.875rem, min(.972vw, 1rem));
    padding: 1vw 1.05vw
  }
}

@media (max-width: 1023px) {
  .media-list li a {
    padding: .9375rem
  }
}

@media (max-width: 767.98px) {
  .media-list li a {
    border: .0625rem solid var(--c-gray-30)
  }
}

.media-list li>img {
  border-radius: .5rem;
  transform: translateY(.25rem);
  width: 100%;
  max-width: none
}

@media (min-width: 1440px) {
  .media-list li>img {
    border-radius: .56vw;
    transform: translateY(.28vw)
  }
}

.media-list li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 125%
}

@media (min-width: 1024px) {
  .media-list li p {
    margin-top: 1.75rem
  }
}

@media (min-width: 992px) {
  .media-list li p {
    margin-top: 1rem
  }
}

@media (min-width: 1440px) {
  .media-list li p {
    margin-top: 1vw;
    font-size: 1vw
  }
}

@media (max-width: 1023px) {
  .media-list li p {
    margin-top: .9375rem;
    font-size: .875rem;
    margin-left: .4375rem;
    margin-right: .4375rem
  }
}

@media (max-width: 767.98px) {
  .media-list li p {
    margin-top: .9375rem
  }
}

@media (min-width: 992px) {
  .media-inner {
    position: relative
  }
}

@media (min-width: 1024px) {
  .media-inner .section-side-text {
    left: -9.4%
  }
}

@media (min-width: 1024px) {
  .media-inner .section-side-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    left: -4.9375rem;
    top: 0;
    transform: none
  }
}

@media (min-width: 1440px) {
  .media-inner .section-side-text {
    left: -5.5vw
  }
}

@media (max-width: 1023px) {
  .media-inner .section-side-text {
    display: none
  }
}

.media-image {
  position: relative
}

.media-image .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.75rem;
  height: 2.75rem;
  background-color: var(--c-white);
  border: .0625rem solid var(--c-gray-60);
  border-radius: .125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1
}

@media (min-width: 1440px) {
  .media-image .icon-play {
    width: 3vw;
    height: 3vw;
    border-radius: .16vw;
    border: .07vw solid var(--c-gray-60)
  }
}

@media (max-width: 767.98px) {
  .media-image .icon-play {
    width: 2.75rem;
    height: 2.75rem
  }
}

.media-image .icon-play:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

.media-image .icon-play img {
  flex-shrink: 0;
  transition: .3s
}

@media (min-width: 1440px) {
  .media-image .icon-play img {
    max-width: none;
    width: .98vw
  }
}

.media-image>picture img {
  width: 100%
}

.youtube-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .625rem;
  align-items: center;
  height: 4.9375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: .5rem;
  border: .0625rem solid var(--c-gray-30);
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: .875rem;
  font-family: var(--f-en);
  margin-top: 2rem;
  overflow: hidden
}

.youtube-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

@media (hover:hover) {
  .youtube-btn:hover {
    color: var(--c-white)
  }

  .youtube-btn:hover img {
    filter: brightness(0) invert(1)
  }

  .youtube-btn:hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }
}

@media (min-width: 1440px) {
  .youtube-btn {
    height: 5.5vw;
    padding-left: 1.65vw;
    padding-right: 1.65vw;
    border-radius: .7vw;
    gap: .7vw;
    font-size: .98vw
  }
}

@media (max-width: 1023px) {
  .youtube-btn {
    margin-top: 2.4375rem;
    padding-left: 1.375rem;
    padding-right: 1.375rem
  }
}

@media (max-width: 767.98px) {
  .youtube-btn {
    height: 5rem
  }
}

.youtube-btn p {
  position: relative;
  transition: .3s;
  z-index: 1
}

@media (min-width: 992px) {
  .youtube-btn p {
    transform: translate(-.125rem)
  }
}

@media (min-width: 992px) {
  .youtube-btn p>img {
    transform: translate(.1875rem, -.125rem)
  }
}

@media (min-width: 1440px) {
  .youtube-btn p>img {
    max-width: none;
    width: max(.875rem, min(.972vw, 1rem))
  }
}

.youtube-btn>img {
  transition: .3s;
  transform: translateY(.1875rem)
}

@media (min-width: 1440px) {
  .youtube-btn>img {
    max-width: none;
    width: 1.9vw;
    transform: translateY(.2vw)
  }
}

.fixed-link {
  position: fixed;
  bottom: 1%;
  right: 1%;
  text-align: center;
  font-family: var(--f-en);
  transition: .3s;
  z-index: var(--z-modal)
}

@media (max-width: 767.98px) {
  .fixed-link {
    bottom: 1.3%;
    right: 4.2%
  }
}

.fixed-link a,
.fixed-link .banner-close {
  position: relative;
  background-color: #ffffff80;
  border: .0625rem solid var(--c-gray-10);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  transition: .3s;
  overflow: hidden
}

@media (min-width: 1440px) {

  .fixed-link a,
  .fixed-link .banner-close {
    border: .07vw solid var(--c-gray-10)
  }

  ;

    {}
}

.fixed-link a:not(.does-not-exist):before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

.fixed-link .banner-close:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--c-text);
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform ease .3s
}

@media (hover:hover) {

  .fixed-link a:not(.does-not-exist):hover,
  .fixed-link .banner-close:hover {
    color: var(--c-white)
  }

  .fixed-link a:not(.does-not-exist):hover img,
  .fixed-link .banner-close:hover img {
    filter: brightness(0) invert(1)
  }

  .fixed-link a:not(.does-not-exist):hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }

  .fixed-link .banner-close:hover:before {
    transform-origin: 50% 100%;
    transform: scaleY(1)
  }
}

.fixed-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: .625rem;
  width: 10rem;
  height: 10rem
}

@media (min-width: 1440px) {
  .fixed-link a {
    width: 11.11vw;
    height: 11.11vw;
    gap: 1.5vw
  }
}

@media (max-width: 1023px) {
  .fixed-link a {
    width: 7.5rem;
    height: 7.5rem
  }
}

@media (max-width: 767.98px) {
  .fixed-link a {
    gap: .375rem
  }
}

.fixed-link a img {
  display: block;
  transition: .3s
}

@media (min-width: 1440px) {
  .fixed-link a img {
    max-width: none;
    width: 4vw;
    transform: translateY(.5vw)
  }
}

@media (max-width: 1023px) {
  .fixed-link a img {
    width: 2.675rem;
    transform: none)
  }
}

.fixed-link p {
  position: relative;
  display: block;
  font-size: .75rem;
  line-height: 1;
  z-index: 1
}

@media (min-width: 1440px) {
  .fixed-link p {
    font-size: .84vw
  }
}

@media (max-width: 1023px) {
  .fixed-link p {
    font-size: .625rem
  }
}

.fixed-link p span {
  display: block;
  font-size: 1rem
}

@media (min-width: 1440px) {
  .fixed-link p span {
    font-size: 1.1vw
  }
}

@media (max-width: 1023px) {
  .fixed-link p span {
    font-size: .875rem
  }
}

.fixed-link p img {
  transform: translate(.125rem, -.0625rem)
}

.fixed-link .banner-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  right: .625rem;
  top: 1.0625rem
}

@media (min-width: 1440px) {
  .fixed-link .banner-close {
    width: 2.1vw;
    height: 2.1vw;
    top: 1vw;
    right: .6vw
  }
}

@media (max-width: 1023px) {
  .fixed-link .banner-close {
    right: .1875rem;
    top: 0
  }
}

.banner-hidden {
  pointer-events: none;
  opacity: 0
}

.store {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 6rem
}

@media (min-width: 1440px) {
  .store {
    padding-top: 8.7vw;
    padding-bottom: 6.67vw
  }
}

@media (min-width: 992px) {
  .store {
    padding-top: 8rem;
    padding-bottom: 2.5rem
  }
}

@media (max-width: 1023px) {
  .store {
    padding-top: 8rem;
    padding-bottom: 2.5rem
  }
}

@media (max-width: 767.98px) {
  .store {
    padding-top: 7.9375rem;
    padding-bottom: 2.5rem
  }
}

.store-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--c-gray-70);
  margin-left: auto;
  margin-right: auto
}

@media (hover:hover) {
  .store-link-wrapper:hover .store-link {
    transform: rotate(1deg)
  }

  .store-link-wrapper:hover .store-background {
    transform: rotate(-7deg) translate(-50%)
  }
}

.store-link,
.store-background {
  box-shadow: 0 1px 1px #00000040;
  border-radius: 2rem;
  padding: 1rem;
  transition: .3s
}

@media (min-width: 992px) {

  .store-link,
  .store-background {
    width: 81%
  }
}

@media (min-width: 1024px) {

  .store-link,
  .store-background {
    width: 81%
  }
}

@media (min-width: 1440px) {

  .store-link,
  .store-background {
    border-radius: 2.2vw;
    width: 86.8vw;
    padding: 1.2vw
  }
}

@media (max-width: 1023px) {

  .store-link,
  .store-background {
    border-radius: 1.375rem;
    width: 82.96%;
    padding: 1.0625rem .9375rem
  }
}

@media (max-width: 767.98px) {

  .store-link,
  .store-background {
    padding: .6875rem
  }
}

.store-wrap,
.store-background-inner {
  position: relative;
  width: 100%;
  height: 100%
}

@media (min-width: 1024px) {

  .store-wrap,
  .store-background-inner {
    padding: 3rem 3.375rem 2.75rem
  }
}

@media (min-width: 992px) {

  .store-wrap,
  .store-background-inner {
    padding: 3rem 3.375rem 2.75rem
  }
}

@media (min-width: 1440px) {

  .store-wrap,
  .store-background-inner {
    padding: 3.5vw 3vw 2.97vw
  }
}

@media (max-width: 1023px) {

  .store-wrap,
  .store-background-inner {
    padding: 3.125rem 3rem 2.75rem
  }
}

@media (max-width: 767.98px) {

  .store-wrap,
  .store-background-inner {
    padding: 3.5rem 2rem
  }
}

.store-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: .0625rem solid transparent;
  background-image: linear-gradient(to left, #FF75C3, #FFA647, #FFE83F, #9FFF5B, #70E2FF, #CD93FF);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0, #fff 0) padding-box, linear-gradient(#fff 0, #fff 0) border-box;
  mask: linear-gradient(#fff 0, #fff 0) padding-box, linear-gradient(#fff 0, #fff 0) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 1rem;
  transition: .3s
}

.store-background-inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: .0625rem solid transparent;
  background-image: linear-gradient(to left, #FF75C3, #FFA647, #FFE83F, #9FFF5B, #70E2FF, #CD93FF);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0, #fff 0) padding-box, linear-gradient(#fff 0, #fff 0) border-box;
  mask: linear-gradient(#fff 0, #fff 0) padding-box, linear-gradient(#fff 0, #fff 0) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 1rem;
  transition: .3s
}

@media (min-width: 1440px) {
  .store-wrap:before {
    border-radius: 1.12vw;
    border: .07vw solid transparent
  }

  .store-background-inner:before {
    border-radius: 1.12vw;
    border: .07vw solid transparent
  }
}

.store-inner {
  position: relative
}

.store-background {
  position: absolute;
  top: 9%;
  left: 50%;
  height: 23.25rem;
  pointer-events: none;
  transform: rotate(-6deg) translate(-50%);
  background-color: var(--c-gray-80)
}

@media (max-width: 1023px) {
  .store-background {
    top: 17.8%;
    height: 25.75rem;
    transform: rotate(-8deg) translate(-50%)
  }
}

@media (max-width: 767.98px) {
  .store-background {
    height: 26.5rem
  }
}

@media (min-width: 1440px) {
  .store-background {
    height: 26vw;
    top: 3.8vw
  }
}

.store-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.125rem;
  transform: translateY(-.125rem)
}

@media (min-width: 1440px) {
  .store-text {
    margin-bottom: 1.1vw;
    width: 12.7vw;
    transform: translateY(-.2vw)
  }
}

@media (max-width: 1023px) {
  .store-text {
    width: 11.375rem;
    margin-bottom: .9375rem
  }
}

@media (max-width: 767.98px) {
  .store-text {
    width: 4.9375rem;
    margin-bottom: 1.375rem
  }
}

.store-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.375rem auto 2.625rem;
  transform: translate(.125rem)
}

@media (min-width: 1024px) {
  .store-title {
    width: 89.3%;
    gap: 5.1%
  }
}

@media (min-width: 992px) {
  .store-title {
    width: 89.3%;
    gap: 5.1%
  }
}

@media (min-width: 992px) {
  .store-title {
    gap: 5.5%
  }
}

@media (min-width: 1440px) {
  .store-title {
    margin: 2.7vw auto 2.9vw;
    width: 72vw;
    gap: 2.4vw;
    transform: translate(.1vw)
  }
}

@media (max-width: 1023px) {
  .store-title {
    margin: .9375rem auto
  }
}

@media (max-width: 767.98px) {
  .store-title {
    margin: 1.5rem auto
  }
}

.store-title>picture {
  flex-shrink: 0
}

.store-title:before,
.store-title:after {
  content: "";
  display: block;
  width: 10%;
  height: .0625rem;
  flex-grow: 1;
  background-color: var(--c-gray-30)
}

@media (min-width: 1440px) {

  .store-title:before,
  .store-title:after {
    width: 11.5vw;
    height: .07vw
  }
}

@media (max-width: 1023px) {

  .store-title:before,
  .store-title:after {
    display: none
  }
}

@media (min-width: 1440px) {
  .store-title img {
    width: 32.7vw
  }
}

@media (max-width: 1023px) {
  .store-title img {
    width: 15.5625rem
  }
}

@media (max-width: 767.98px) {
  .store-title img {
    width: auto
  }
}

.store-shine {
  display: block;
  margin-left: auto;
  margin-right: auto;
  filter: brightness(0) invert(1)
}

@media (min-width: 1440px) {
  .store-shine {
    width: 1.8vw
  }
}

.store-text-bottom {
  color: var(--c-white);
  text-align: center;
  font-size: .75rem;
  font-family: var(--f-en);
  margin-top: .9375rem
}

@media (min-width: 1440px) {
  .store-text-bottom {
    margin-top: 1vw;
    font-size: max(1rem, min(1.1vw, 1.125rem))
  }
}

@media (max-width: 1023px) {
  .store-text-bottom {
    margin-top: .75rem
  }
}

@media (max-width: 767.98px) {
  .store-text-bottom {
    margin-top: 1.1875rem
  }
}

.store-text-bottom span {
  display: block;
  font-size: .625rem;
  color: var(--c-gray-30)
}

@media (min-width: 1440px) {
  .store-text-bottom span {
    font-size: .7vw
  }
}

.store-left,
.store-right {
  position: absolute;
  font-size: .625rem;
  color: var(--c-gray-30);
  line-height: 1;
  font-family: var(--f-en);
  writing-mode: vertical-lr;
  font-weight: 400;
  transform: translateY(-50%)
}

.store-left {
  left: 0;
  top: 30%;
  transform: rotate(180deg)
}

@media (min-width: 1440px) {
  .store-left {
    font-size: max(.875rem, min(.972vw, 1rem));
    left: .4vw
  }
}

@media (max-width: 1023px) {
  .store-left {
    left: 0;
    top: 36%;
    transform: rotate(0)
  }
}

.store-right {
  right: 0;
  top: 46%
}

@media (min-width: 1440px) {
  .store-right {
    font-size: max(.875rem, min(.972vw, 1rem));
    right: .4vw
  }
}

.stecker-5 {
  position: absolute;
  width: 11.25rem;
  height: 11.25rem;
  transform: rotate(-15deg);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

@media (min-width: 992px) {
  .stecker-5 {
    top: -11.4%;
    left: -5.6%
  }
}

@media (min-width: 1024px) {
  .stecker-5 {
    top: -11.4%;
    left: -5.6%
  }
}

@media (min-width: 1440px) {
  .stecker-5 {
    top: -3.1vw;
    left: -3vw;
    width: 12.5vw;
    height: 12.5vw
  }
}

@media (max-width: 1023px) {
  .stecker-5 {
    top: -12%;
    left: -8.3%
  }
}

@media (max-width: 767.98px) {
  .stecker-5 {
    width: 8.4375rem;
    height: 8.4375rem;
    top: -10%;
    left: -14.3%
  }
}

.store-lightning {
  position: absolute;
  width: 6.25rem;
  pointer-events: none
}

@media (min-width: 992px) {
  .store-lightning {
    top: 13%;
    right: 3.8%
  }
}

@media (min-width: 1024px) {
  .store-lightning {
    top: 15%;
    right: 3.8%
  }
}

@media (min-width: 1440px) {
  .store-lightning {
    width: 6.94vw;
    top: 5.5vw;
    right: 2.8vw
  }
}

@media (max-width: 1023px) {
  .store-lightning {
    top: 10.8%;
    right: -1%
  }
}

@media (max-width: 767.98px) {
  .store-lightning {
    width: 4.6925rem;
    top: 7.8%;
    right: 0
  }
}

.store-lightning-2 {
  position: absolute;
  width: 5rem;
  pointer-events: none
}

@media (min-width: 992px) {
  .store-lightning-2 {
    bottom: 6.5%;
    right: 19.6%
  }
}

@media (min-width: 1024px) {
  .store-lightning-2 {
    bottom: -3.5%;
    right: 19.6%
  }
}

@media (min-width: 1440px) {
  .store-lightning-2 {
    width: 5.56vw;
    bottom: -1vw;
    right: 14vw
  }
}

@media (max-width: 1023px) {
  .store-lightning-2 {
    bottom: -5.5%;
    right: 21.6%
  }
}

@media (max-width: 767.98px) {
  .store-lightning-2 {
    width: 3.75rem;
    top: auto;
    bottom: -4.5%;
    right: 14.3%
  }
}

.store-lightning-3 {
  position: absolute;
  width: 6.25rem;
  pointer-events: none
}

@media (min-width: 992px) {
  .store-lightning-3 {
    top: 64.5%;
    left: 3%
  }
}

@media (min-width: 1024px) {
  .store-lightning-3 {
    top: 71.5%;
    left: 3%
  }
}

@media (min-width: 1440px) {
  .store-lightning-3 {
    width: 6.94vw;
    left: 2.3vw;
    top: 27.3vw
  }
}

@media (max-width: 1023px) {
  .store-lightning-3 {
    top: 67.8%;
    left: 1%
  }
}

@media (max-width: 767.98px) {
  .store-lightning-3 {
    width: 4.708125rem;
    top: 76.5%;
    left: -.7%
  }
}