@charset "UTF-8";
.PageStelllla__container {
  display:block;
  width:100%;
  height:100%;
  background:url(/stellla/bg.png) no-repeat;
  background-size:cover
}
.PageStelllla__footerBG {
  position:sticky;
  top:0;
  left:0;
  width:100%;
  height:100lvh;
  mask:url(/stellla/stellla_star.svg) no-repeat;
  mask-position:center;
  mask-size:contain
}
.PageStelllla__footerBG_container {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  pointer-events:none
}
.PageStelllla__footerBG img {
  display:block;
  user-select:none;
  object-fit:cover;
  object-position:center center;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.PageStelllla__movieBg {
  position:relative;
  z-index:1
}
.PageStelllla__movieBg_bg {
  position:absolute;
  top:0;
  z-index:-1;
  width:100%;
  height:100%
}
.PageStelllla__movieBg_bg_wrapper {
  position:sticky;
  overflow:hidden;
  top:0;
  width:100%;
  height:100vh;
  opacity:1
}
.PageStelllla__movieBg_bg_video {
  display:block;
  width:100%;
  user-select:none;
  object-fit:cover;
  object-position:center center;
  opacity:0
}
[data-phase=ready] .PageStelllla__movieBg_bg_video {
  animation:PageStelllla__fadeIn 2s ease-in-out forwards;
  animation-delay:.5s
}
@keyframes PageStelllla__fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }

}
.PageStelllla__movieBg_bg_video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.PageStelllla__movieBg_bg_overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:.4;
  transition:opacity .3s ease;
  pointer-events:none;
  z-index:1
}
.PageStelllla__kv {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100dvh;
  filter:drop-shadow(0 0 15px rgba(0,0,0,.6))
}
.PageStelllla__kv_logo {
  width:39.7510980966%;
  transform:translateY(-25%) scale(1.05);
  max-width:543px;
  z-index:1;
  opacity:0
}
@media not screen and (min-width: 769px) {
  .PageStelllla__kv_logo {
    width:60%
  }

}
[data-phase=ready] .PageStelllla__kv_logo {
  opacity:1;
  transition:transform 2s ease-out,opacity 1s ease-out;
  transform:translateY(-25%) scale(1)
}
.PageStelllla__intro {
  position:relative;
  max-width:1800px;
  margin:0 auto;
  height:100dvh
}
@media not screen and (min-width: 769px) {
  .PageStelllla__intro {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:unset;
    margin-bottom:100px
  }

}
.PageStelllla__intro_inner {
  padding:11.859443631% 8.0527086384% 8.1991215227%
}
@media not screen and (min-width: 769px) {
  .PageStelllla__intro_inner {
    padding:80px 10px
  }

}
.PageStelllla__intro_text {
  position:relative;
  padding:0 4.5387994143%;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:24px;
  line-height:1.94;
  letter-spacing:.02em
}
@media not screen and (min-width: 769px) {
  .PageStelllla__intro_text {
    font-size:16px;
    line-height:1.6
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllla__intro_text:lang(ja) {
    margin-bottom:30px
  }

}
.PageStelllla__intro_text:lang(en) {
  max-width:311px;
  margin-left:auto;
  font-family:acumin-pro,sans-serif;
  font-size:12px;
  line-height:1.33;
  letter-spacing:-.02em;
  color:#a3a3a3
}
@media not screen and (min-width: 769px) {
  .PageStelllla__intro_text:lang(en) {
    font-size:12px;
    margin-left:0;
    width:100%;
    max-width:unset
  }

}
.PageStelllla__footer_wrapper {
  margin-top:calc(150vh + 48px)
}
.PageStelllaPoint__container {
  position:relative;
  max-width:1800px;
  margin:0 auto;
  overflow:hidden
}
.PageStelllaPoint__inner {
  padding:0 6.3689604685% 17.5695461201% 7.3206442167%
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__inner {
    padding:0 20px 55px
  }

}
.PageStelllaPoint__item_wrapper {
  position:relative
}
.PageStelllaPoint__item_wrapper:not(:first-of-type) {
  margin-top:14.6412884334%
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_wrapper:not(:first-of-type) {
    margin-top:64px
  }

}
.PageStelllaPoint__item {
  display:flex;
  gap:5.9297218155%;
  align-items:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item {
    flex-direction:column;
    gap:30px;
    width:100%
  }

}
.PageStelllaPoint__item_number {
  position:absolute;
  top:0;
  right:0;
  transform:translateY(-100%);
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:32px;
  font-weight:400;
  line-height:1.93;
  letter-spacing:.02em
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_number {
    font-size:16px
  }

}
.PageStelllaPoint__item_image {
  position:relative;
  flex-shrink:0;
  width:45%;
  aspect-ratio:16/9
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_image {
    width:100%;
    max-width:unset
  }

}
.PageStelllaPoint__item_image img {
  width:100%;
  height:100%;
  object-fit:cover
}
.PageStelllaPoint__item_detail {
  position:relative
}
.PageStelllaPoint__item_detail_en {
  margin-top:4.39238653%
}
.PageStelllaPoint__item_title:lang(ja) {
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:1.58;
  letter-spacing:0
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_title:lang(ja) {
    font-size:20px
  }

}
.PageStelllaPoint__item_title:lang(en) {
  font-family:acumin-pro,sans-serif;
  font-size:16px;
  line-height:1.33;
  letter-spacing:.03em;
  font-weight:400
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_title:lang(en) {
    margin-top:8px;
    font-size:16px
  }

}
.PageStelllaPoint__item_text:lang(ja) {
  margin-top:3.0014641288%;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:16px;
  line-height:1.69;
  letter-spacing:.04em
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_text:lang(ja) {
    margin-top:20px;
    font-size:14px
  }

}
.PageStelllaPoint__item_text:lang(en) {
  margin-top:1.756954612%;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:12px;
  line-height:1.5;
  letter-spacing:-.02em;
  color:#a3a3a3
}
@media not screen and (min-width: 769px) {
  .PageStelllaPoint__item_text:lang(en) {
    margin-top:30px;
    font-size:12px
  }

}
@keyframes PageStelllaFunctionAndFeature__slideLoop {
  0% {
    transform:translate(-100%)
  }
  to {
    transform:translate(100%)
  }

}
.PageStelllaFunctionAndFeature__container {
  padding-top:83px
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__container {
    padding-top:42px
  }

}
.PageStelllaFunctionAndFeature__head {
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  align-items:center;
  padding-bottom:36px;
  padding-left:74px
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__head {
    flex-wrap:wrap;
    gap:13px;
    padding-right:37px;
    padding-bottom:18px;
    padding-left:10px
  }

}
.PageStelllaFunctionAndFeature__title {
  font-family:acumin-pro,sans-serif;
  font-size:62px;
  line-height:1;
  font-weight:300;
  letter-spacing:-.02em
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__title {
    font-size:31px
  }

}
.PageStelllaFunctionAndFeature__jaTitle {
  padding:8px 0;
  font-family:kozuka-gothic-pr6n,sans-serif;
  font-size:15px;
  line-height:1;
  letter-spacing:.06em;
  transform:translateY(28%)
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__jaTitle {
    padding:0;
    font-size:12px
  }

}
.PageStelllaFunctionAndFeature__list {
  display:grid;
  grid-template-rows:repeat(2,auto);
  grid-template-columns:repeat(8,1fr);
  grid-row-gap:0;
  grid-column-gap:0;
  border-top:1px solid rgba(214,217,224,.6);
  border-bottom:1px solid rgba(214,217,224,.6)
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__list {
    grid-template-rows:repeat(3,1fr);
    grid-template-columns:repeat(2,1fr)
  }

}
.PageStelllaFunctionAndFeature__item {
  position:relative;
  border-right:1px solid rgba(214,217,224,.6);
  border-bottom:1px solid rgba(214,217,224,.6);
  display:flex;
  flex-direction:column;
  gap:22px;
  justify-content:flex-start;
  padding:36px 0 23px;
  overflow:hidden
}
.PageStelllaFunctionAndFeature__item:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(/stellla/bg_function.png) no-repeat;
  background-size:cover;
  background-position:bottom;
  opacity:0;
  transition:opacity .3s ease;
  z-index:0
}
@media only screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:not(:nth-of-type(3n)) {
    border-right:1px solid rgba(214,217,224,.6)
  }
  .PageStelllaFunctionAndFeature__item:nth-child(n+4) {
    border-top:1px solid rgba(214,217,224,.6)
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item {
    gap:11px;
    padding:15px 0
  }
  .PageStelllaFunctionAndFeature__item:not(:nth-of-type(2n)) {
    border-right:1px solid rgba(214,217,224,.6)
  }
  .PageStelllaFunctionAndFeature__item:nth-child(n+3) {
    border-top:1px solid rgba(214,217,224,.6)
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(1) {
  grid-column:1/span 4
}
@media only screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(1) {
    padding-bottom:40px
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(1) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(2) {
  grid-column:5/span 4
}
@media only screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(2) {
    padding-bottom:40px
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(2) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(3) {
  grid-column:1/span 2
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(3) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(4) {
  grid-column:3/span 2
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(4) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(5) {
  grid-column:5/span 2
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(5) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item:nth-child(6) {
  grid-column:7/span 2
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item:nth-child(6) {
    grid-column:auto
  }

}
.PageStelllaFunctionAndFeature__item_detail {
  flex:1;
  display:flex;
  flex-direction:column;
  padding:0 15px;
  position:relative;
  z-index:1
}
.PageStelllaFunctionAndFeature__item_title {
  position:relative;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.27;
  letter-spacing:.06em;
  text-align:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item_title {
    font-size:14px;
    font-weight:600;
    line-height:1.4
  }

}
.PageStelllaFunctionAndFeature__item_text {
  position:relative;
  margin-top:12px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:15px;
  line-height:1.25;
  color:#b1b1b1;
  text-align:center;
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  word-break:break-word
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item_text {
    margin-top:8px;
    font-size:12px;
    text-align:left
  }

}
.PageStelllaFunctionAndFeature__item_image {
  position:relative;
  width:100%;
  z-index:1
}
.PageStelllaFunctionAndFeature__item_image_text {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  height:140px;
  opacity:0;
  transition:opacity .4s
}
.PageStelllaFunctionAndFeature__item_image_wrapper {
  position:relative;
  width:72.5352112676%;
  max-width:309px;
  margin:0 auto;
  mix-blend-mode:luminosity
}
[data-feature_type=ue] .PageStelllaFunctionAndFeature__item_image_wrapper,[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_image_wrapper {
  display:flex;
  justify-content:center;
  align-items:center
}
[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_image_wrapper {
  width:60%
}
.PageStelllaFunctionAndFeature__item_image_wrapper img {
  position:absolute;
  top:0;
  left:0
}
.PageStelllaFunctionAndFeature__item_icons {
  aspect-ratio:1;
  pointer-events:none;
  aspect-ratio:1.2
}
[data-feature_type=ue] .PageStelllaFunctionAndFeature__item_icons,[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_icons {
  height:130px;
  max-width:100%;
  aspect-ratio:1;
  text-align:center
}
[data-feature_type=ue] .PageStelllaFunctionAndFeature__item_icons img,[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_icons img {
  width:100%;
  object-fit:contain
}
[data-feature_type=ue] .PageStelllaFunctionAndFeature__item_icons {
  aspect-ratio:2.8
}
[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_icons {
  aspect-ratio:1.28
}
.PageStelllaFunctionAndFeature__item_icon {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.34,.03,.19,.99),filter .3s ease;
  filter:grayscale(1);
  --hover-scale: 3
}
[data-feature_type=ue] .PageStelllaFunctionAndFeature__item_icon,[data-feature_type=fortnite] .PageStelllaFunctionAndFeature__item_icon {
  position:relative;
  width:100%
}
[data-feature_type=multiplay] .PageStelllaFunctionAndFeature__item_icon:nth-child(1) {
  --hover-x: 5px;
  --hover-y: 2px
}
[data-feature_type=multiplay] .PageStelllaFunctionAndFeature__item_icon:nth-child(2) {
  --hover-x: -3px;
  --hover-y: 1px
}
[data-feature_type=multiplay] .PageStelllaFunctionAndFeature__item_icon:nth-child(3) {
  --hover-x: 0px;
  --hover-y: 3px
}
[data-feature_type=money] .PageStelllaFunctionAndFeature__item_icon:nth-child(1) {
  --hover-x: 3px;
  --hover-y: -0px
}
[data-feature_type=money] .PageStelllaFunctionAndFeature__item_icon:nth-child(2) {
  --hover-x: 0px;
  --hover-y: -5px
}
[data-feature_type=money] .PageStelllaFunctionAndFeature__item_icon:nth-child(3) {
  --hover-x: -5px;
  --hover-y: -0px
}
[data-feature_type=money] .PageStelllaFunctionAndFeature__item_icon:nth-child(4) {
  --hover-x: -3px;
  --hover-y: -3px
}
[data-feature_type=customize] .PageStelllaFunctionAndFeature__item_icon:nth-child(1) {
  --hover-x: 0px;
  --hover-y: -2px
}
[data-feature_type=customize] .PageStelllaFunctionAndFeature__item_icon:nth-child(2) {
  --hover-x: -5px;
  --hover-y: -5px
}
[data-feature_type=customize] .PageStelllaFunctionAndFeature__item_icon:nth-child(3) {
  --hover-x: 3px;
  --hover-y: -3px
}
[data-feature_type=customize] .PageStelllaFunctionAndFeature__item_icon:nth-child(4) {
  --hover-x: 1px;
  --hover-y: -4px
}
[data-feature_type=web] .PageStelllaFunctionAndFeature__item_icon:nth-child(1) {
  --hover-x: 3px;
  --hover-y: -2px
}
[data-feature_type=web] .PageStelllaFunctionAndFeature__item_icon:nth-child(2) {
  --hover-x: -2px;
  --hover-y: -3px
}
[data-feature_type=web] .PageStelllaFunctionAndFeature__item_icon:nth-child(3) {
  --hover-x: 2px;
  --hover-y: -8px
}
[data-feature_type=web] .PageStelllaFunctionAndFeature__item_icon:nth-child(4) {
  --hover-x: -4px;
  --hover-y: -4px
}
@media (hover: hover) and (pointer: fine) {
  .PageStelllaFunctionAndFeature__item {
    cursor:pointer
  }
  .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_image_wrapper {
    mix-blend-mode:normal
  }
  .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_image_text {
    opacity:.2
  }
  .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_image_text img {
    animation-play-state:running
  }
  @media not screen and (min-width: 769px) {
    .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_image_text {
      opacity:0
    }

  }
  .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_icon {
    opacity:1;
    filter:grayscale(0)
  }
  .PageStelllaFunctionAndFeature__item:hover:before {
    opacity:1
  }
  .PageStelllaFunctionAndFeature__item:hover .PageStelllaFunctionAndFeature__item_icon {
    transform:translate(calc(var(--hover-x) * var(--hover-scale)),calc(var(--hover-y) * var(--hover-scale)))
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item .PageStelllaFunctionAndFeature__item_image_wrapper {
    mix-blend-mode:normal
  }
  .PageStelllaFunctionAndFeature__item .PageStelllaFunctionAndFeature__item_image_text {
    opacity:.2
  }
  .PageStelllaFunctionAndFeature__item .PageStelllaFunctionAndFeature__item_image_text img {
    animation-play-state:running
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__item .PageStelllaFunctionAndFeature__item_image_text {
    opacity:0
  }
  .PageStelllaFunctionAndFeature__item .PageStelllaFunctionAndFeature__item_icon {
    opacity:1;
    filter:grayscale(0)
  }

}
.PageStelllaFunctionAndFeature__slide_container {
  display:flex;
  flex-direction:column;
  padding:8.4187408492% 15.2269399707% 7.3206442167%;
  background:url(/stellla/slide-bg.jpg) no-repeat;
  background-size:cover
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__slide_container {
    padding:100px 15px 80px
  }

}
.PageStelllaFunctionAndFeature__slide_title {
  margin-top:40px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:20px;
  line-height:1.5;
  letter-spacing:.02em;
  text-align:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaFunctionAndFeature__slide_title {
    margin-top:20px;
    font-size:16px
  }

}
.ScrollingSvg__scrolling_svg {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-1;
  background-image:var(--svg-path);
  background-repeat:repeat-x;
  background-size:auto 100%;
  animation:ScrollingSvg__bg-text-anim var(--duration) linear 0s infinite normal
}
@keyframes ScrollingSvg__bg-text-anim {
  0% {
    background-position-x:0
  }
  to {
    background-position-x:calc(100% - 100vw)
  }

}
.PageStelllaUseCompany__container {
  width:100%;
  padding:8.7115666179% 3.8799414348% 11.7862371889%;
  margin:0 auto
}
@media not screen and (min-width: 769px) {
  .PageStelllaUseCompany__container {
    padding:60px 18px 81px
  }

}
.PageStelllaUseCompany__inner {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3.8799414348%
}
@media not screen and (min-width: 769px) {
  .PageStelllaUseCompany__inner {
    display:block
  }

}
.PageStelllaUseCompany__title {
  width:14.6412884334%;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-weight:400;
  font-size:27px;
  text-align:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaUseCompany__title {
    width:100%;
    font-size:20px
  }

}
.PageStelllaUseCompany__list {
  flex:1;
  display:grid;
  grid-template-rows:1fr;
  grid-template-columns:repeat(4,1fr);
  gap:4.9765258216%
}
@media not screen and (min-width: 769px) {
  .PageStelllaUseCompany__list {
    grid-template-rows:repeat(2,1fr);
    grid-template-columns:repeat(2,1fr);
    gap:9px;
    margin-top:31px
  }

}
.PageStelllaUseCompany__item {
  --x-gradient: linear-gradient(90deg, #777777 0 10px, transparent 0 calc(100% - 10px) , #777777 calc(100% - 10px) );
  --y-gradient: linear-gradient(#777777 0 10px, transparent 0 calc(100% - 10px) , #777777 calc(100% - 10px) );
  position:relative;
  aspect-ratio:1/1;
  background-image:var(--x-gradient),var(--y-gradient),var(--x-gradient),var(--y-gradient);
  background-repeat:no-repeat;
  background-position:top,right,bottom,left;
  background-size:100% 2px,2px 100%,100% 2px,2px 100%
}
.PageStelllaUseCompany__item_inner {
  padding:14%
}
.PageStelllaUseCompany__item_logo {
  padding:5%;
  background-color:#fff
}
@media not screen and (min-width: 769px) {
  .PageStelllaUseCompany__item_logo {
    padding:8%
  }

}
.PageStelllaUseCompany__item_logo img {
  width:100%
}
.PageStelllaCaseStudy__container {
  display:flex;
  flex-direction:column;
  height:280lvh
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__container {
    padding-bottom:88px;
    height:auto
  }

}
.PageStelllaCaseStudy__inner {
  position:sticky;
  width:100%;
  height:100lvh;
  left:0;
  top:0;
  overflow:hidden;
  display:flex;
  flex-direction:column
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__inner {
    height:unset
  }

}
.PageStelllaCaseStudy__bgText {
  position:absolute;
  width:100%;
  height:200px;
  top:50px
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__bgText {
    height:100px;
    top:100px
  }

}
.PageStelllaCaseStudy__title {
  padding-top:150px;
  padding-bottom:30px;
  margin:0 auto;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:27px;
  line-height:1.27;
  letter-spacing:.04em;
  font-weight:400;
  text-align:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__title {
    font-size:20px
  }

}
.PageStelllaCaseStudy__list {
  position:absolute;
  display:flex;
  gap:6.4421669107%;
  flex:1
}
.PageStelllaCaseStudy__list_wrap {
  flex:1;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__list_wrap {
    flex:unset
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__list {
    position:relative;
    margin:0 auto;
    display:block
  }

}
.PageStelllaCaseStudy__item {
  position:relative;
  flex-shrink:0;
  width:43.9238653001%
}
@media not screen and (min-width: 950px) {
  .PageStelllaCaseStudy__item {
    width:70%
  }

}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item {
    width:90%;
    margin:0 auto 60px
  }

}
.PageStelllaCaseStudy__item_btn {
  position:relative;
  display:block;
  width:100%;
  cursor:pointer
}
.PageStelllaCaseStudy__item_btn_disabled {
  cursor:default;
  pointer-events:none
}
.PageStelllaCaseStudy__item_btn_image {
  display:block;
  overflow:hidden;
  aspect-ratio:16/7;
  background:#111;
  border:1px solid #333
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_btn_image {
    aspect-ratio:16/8
  }

}
.PageStelllaCaseStudy__item_btn_image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.3s
}
@media (hover: hover) and (pointer: fine) {
  .PageStelllaCaseStudy__item_btn {
    cursor:pointer
  }
  .PageStelllaCaseStudy__item_btn:hover img {
    transform:scale(1.05)
  }

}
.PageStelllaCaseStudy__item_btn_case {
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:90px;
  aspect-ratio:1/1;
  font-family:big-caslon-fb,serif;
  font-size:15px;
  background:#0009;
  border:solid 1px #fff;
  border-radius:999em;
  transform:translate(-50%,-50%);
  color:#fff
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_btn_case {
    width:51px;
    font-size:10px
  }

}
.PageStelllaCaseStudy__item_btn_case:before {
  position:absolute;
  top:50%;
  left:50%;
  width:93px;
  aspect-ratio:1/1;
  content:"";
  border:solid 1px #fff;
  border-radius:999em;
  transform:translate(-50%,-50%)
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_btn_case:before {
    width:46px
  }

}
.PageStelllaCaseStudy__item_title {
  margin-top:44px;
  font-family:acumin-pro,sans-serif;
  font-size:28px;
  font-weight:500
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_title {
    margin-top:22px;
    font-size:22px
  }

}
.PageStelllaCaseStudy__item_text {
  margin-top:44px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:16px;
  line-height:1.75
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_text {
    margin-top:22px;
    font-size:14px
  }

}
.PageStelllaCaseStudy__item_more {
  display:inline-block;
  margin-top:24px;
  padding:8px 24px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:14px;
  font-weight:500;
  color:#000;
  background:transparent;
  border:1px solid #000;
  text-decoration:none;
  transition:all .3s ease
}
@media not screen and (min-width: 769px) {
  .PageStelllaCaseStudy__item_more {
    margin-top:16px;
    font-size:12px;
    padding:6px 20px
  }

}
@media (hover: hover) and (pointer: fine) {
  .PageStelllaCaseStudy__item_more {
    cursor:pointer
  }
  .PageStelllaCaseStudy__item_more:hover {
    color:#fff;
    background:#000
  }

}
.PageStelllaContact__container {
  position:relative;
  width:100%;
  height:200lvh;
  text-align:center;
  margin-top:200px
}
@media not screen and (min-width: 769px) {
  .PageStelllaContact__container {
    margin-top:0;
    padding:0 10px
  }

}
.PageStelllaContact__content {
  position:absolute;
  width:100%;
  height:100vh;
  margin:0 auto;
  left:0;
  top:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.PageStelllaContact__lead {
  position:relative;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:22px
}
@media not screen and (min-width: 769px) {
  .PageStelllaContact__lead {
    font-size:18px;
    font-weight:500;
    letter-spacing:.05em;
    line-height:1.8em
  }

}
.PageStelllaContact__text {
  position:relative;
  margin-top:55px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:16px;
  line-height:2;
  letter-spacing:-.02em
}
@media not screen and (min-width: 769px) {
  .PageStelllaContact__text {
    font-size:14px;
    font-weight:300;
    text-align:center;
    width:calc(100% - 30px);
    margin:28px auto 0
  }

}
.PageStelllaContact__stellla_button {
  margin-top:70px;
  padding:3px 60px 0;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  font-family:ibm-plex-sans-jp,sans-serif;
  font-size:18px;
  font-weight:600;
  letter-spacing:.1em;
  pointer-events:auto
}
@media not screen and (min-width: 769px) {
  .PageStelllaContact__stellla_button {
    margin-top:35px
  }

}
.PageStelllaContact__stellla_button:hover {
  background-color:#fff;
  border-color:#fff
}
.YoutubeModal__overlay {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:#000c;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease
}
.YoutubeModal__overlay[data-open=true] {
  opacity:1;
  visibility:visible
}
.YoutubeModal__modal {
  position:relative;
  width:90vw;
  max-width:850px;
  max-height:90vh;
  background:#000;
  border-radius:0;
  overflow:hidden;
  transition:transform .3s ease
}
@media not screen and (min-width: 769px) {
  .YoutubeModal__modal {
    width:95vw;
    max-width:100%
  }

}
.YoutubeModal__overlay[data-open=true] .YoutubeModal__modal {
  transform:scale(1)
}
.YoutubeModal__close {
  position:absolute;
  top:10px;
  right:10px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  color:#fff;
  background:#000000b3;
  border:none;
  border-radius:50%;
  cursor:pointer;
  transition:background .2s ease
}
.YoutubeModal__close:hover {
  background:#000000e6
}
.YoutubeModal__content {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:56.25%
}
.YoutubeModal__video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.YoutubeModal__video iframe {
  width:100%;
  height:100%;
  border:none
}
.ScrollIndicator__scroll_indicator {
  position:absolute;
  bottom:20%;
  left:50%;
  transform:translate(-50%);
  z-index:10;
  opacity:0
}
@media not screen and (min-width: 769px) {
  .ScrollIndicator__scroll_indicator {
    bottom:20px
  }

}
[data-phase=ready] .ScrollIndicator__scroll_indicator {
  opacity:1;
  transition:opacity 1.5s ease-out;
  transition-delay:.5s
}
.ScrollIndicator__scroll_line {
  width:1px;
  height:60px;
  background:#ffffff4d;
  position:relative;
  overflow:hidden
}
@media not screen and (min-width: 769px) {
  .ScrollIndicator__scroll_line {
    height:40px
  }

}
.ScrollIndicator__scroll_line_inner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30px;
  background:#fff;
  animation:ScrollIndicator__scroll-line-move 2s ease-in-out infinite
}
@media not screen and (min-width: 769px) {
  .ScrollIndicator__scroll_line_inner {
    height:20px
  }

}
@keyframes ScrollIndicator__scroll-line-move {
  0% {
    transform:translateY(-100%)
  }
  to {
    transform:translateY(200%)
  }

}