@charset "UTF-8";

.button {
  padding: 16px 64px;
  background-color: var(--clr-second);
  cursor: pointer;
  position: relative;
  overflow: hidden
}

@media (max-width: 1440px) {
  .button {
    padding: 1.1111111111vw 4.4444444444vw
  }
}

@media (max-width: 768px) {
  .button {
    padding: 2.1333333333vw 8.5333333333vw
  }
}

@media (min-width: 769px) {
  .button:hover .button__text {
    color: var(--clr-second)
  }

  .button:hover .arrow-right {
    color: var(--clr-second);
    background-color: var(--clr-second)
  }

  .button:hover .arrow-right:before {
    border-color: var(--clr-second)
  }
}

.button__wrapper {
  position: relatife;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button__wrapper.-arrow {
  gap: 8px
}

@media (max-width: 1440px) {
  .button__wrapper.-arrow {
    gap: .5555555556vw
  }
}

@media (max-width: 768px) {
  .button__wrapper.-arrow {
    gap: 2.1333333333vw
  }
}

.button__text {
  position: relative;
  z-index: 2;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: var(--clr-white);
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media (max-width: 1440px) {
  .button__text {
    font-size: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .button__text {
    font-size: 3.7333333333vw
  }
}

.button__spotlight {
  position: absolute;
  z-index: 1;
  height: 10px;
  width: 10px;
  opacity: 1;
  border-radius: 50%;
  background-color: var(--clr-prime);
  right: 0;
  bottom: 0;
  left: 0;
  top: 50%;
  -webkit-transform: scale(0);
  transform: scale(0)
}

@media (max-width: 1440px) {
  .button__spotlight {
    height: .6944444444vw;
    width: .6944444444vw
  }
}

@media (max-width: 768px) {
  .button__spotlight {
    height: 2.6666666667vw;
    width: 2.6666666667vw
  }
}

.arrow-right {
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  color: var(--clr-white);
  line-height: 1;
  position: relative;
  width: 14px;
  height: 1px;
  background-color: var(--clr-white);
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media (max-width: 1440px) {
  .arrow-right {
    width: .9722222222vw;
    height: .0694444444vw
  }
}

@media (max-width: 768px) {
  .arrow-right {
    width: 3.7333333333vw;
    height: .2666666667vw
  }
}

.arrow-right:before {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid var(--clr-white);
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1440px) {
  .arrow-right:before {
    width: .5555555556vw;
    height: .5555555556vw;
    right: -.0694444444vw
  }
}

@media (max-width: 768px) {
  .arrow-right:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw
  }
}

.icon {
  font-family: fuji-icons !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon.-up:before {
  content: ""
}

.icon.-arrow-forward:before {
  content: ""
}

.icon.-arrow-back:before {
  content: ""
}

.icon.-backward:before {
  content: ""
}

.icon.-forward:before {
  content: ""
}

.icon.-car:before {
  content: ""
}

.icon.-trash-x:before {
  content: ""
}

.icon.-sun:before {
  content: ""
}

.icon.-crawn:before {
  content: ""
}

.icon.-trash:before {
  content: ""
}

.icon.-home:before {
  content: ""
}

.icon.-star-o:before {
  content: ""
}

.icon.-close:before {
  content: ""
}

.icon.-left-v:before {
  content: ""
}

.icon.-right-v:before {
  content: ""
}

.icon.-plus:before {
  content: ""
}

.icon.-minus:before {
  content: ""
}

.icon.-first:before {
  content: ""
}

.icon.-last:before {
  content: ""
}

.icon.-left:before {
  content: ""
}

.icon.-right:before {
  content: ""
}

.icon.-down:before {
  content: ""
}

.icon.-question:before {
  content: ""
}

.icon.-box:before {
  content: ""
}

.icon.-business:before {
  content: ""
}

.icon.-shop:before {
  content: ""
}

.icon.-user:before {
  content: ""
}

.icon.-cart:before {
  content: ""
}

.icon.-lang:before {
  content: ""
}

.icon.-search:before {
  content: ""
}

.icon.-check:before {
  content: ""
}

.icon.-info:before {
  content: ""
}

.icon.-backspace:before {
  content: ""
}

.icon.-star:before {
  content: ""
}

.icon.-badge-star:before {
  content: ""
}

.icon.-badge-check:before {
  content: ""
}

.icon.-tire:before {
  content: ""
}

.icon.-size-2 {
  font-size: 2px
}

.icon.-size-4 {
  font-size: 4px
}

.icon.-size-6 {
  font-size: 6px
}

.icon.-size-8 {
  font-size: 8px
}

.icon.-size-10 {
  font-size: 10px
}

.icon.-size-12 {
  font-size: 12px
}

.icon.-size-14 {
  font-size: 14px
}

.icon.-size-16 {
  font-size: 16px
}

.icon.-size-18 {
  font-size: 18px
}

.icon.-size-20 {
  font-size: 20px
}

.icon.-size-22 {
  font-size: 22px
}

.icon.-size-24 {
  font-size: 24px
}

.icon.-size-26 {
  font-size: 26px
}

.icon.-size-28 {
  font-size: 28px
}

.icon.-size-30 {
  font-size: 30px
}

.icon.-size-32 {
  font-size: 32px
}

.icon.-size-34 {
  font-size: 34px
}

.icon.-size-36 {
  font-size: 36px
}

.icon.-size-38 {
  font-size: 38px
}

.icon.-size-40 {
  font-size: 40px
}

.only-pc {
  display: block
}

@media (max-width: 768px) {
  .only-pc {
    display: none
  }
}

.only-sp {
  display: none
}

@media (max-width: 768px) {
  .only-sp {
    display: block
  }
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--clr-prime);
  z-index: 9999;
  display: grid;
  place-items: center;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.loading__inner {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  height: 150px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

@media (max-width: 1440px) {
  .loading__inner {
    height: 10.4166666667vw
  }
}

@media (max-width: 768px) {
  .loading__inner {
    height: 32vw
  }
}

.loading__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.loading__split {
  opacity: 0;
  text-align: center;
  color: var(--clr-second);
  font-size: 64px;
  font-weight: 900;
  line-height: 1.2;
  display: block;
  overflow: hidden;
  will-change: transform, opacity;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (max-width: 1440px) {
  .loading__split {
    font-size: 4.4444444444vw
  }
}

@media (max-width: 768px) {
  .loading__split {
    font-size: 8.5333333333vw;
    text-rendering: optimizeSpeed
  }
}

.loading__split .line {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.container {
  max-width: 1148px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1440px) {
  .container {
    max-width: 79.7222222222vw
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 94.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 49%;
  max-height: 100vh
}

@media (max-width: 768px) {
  .header {
    position: static;
    width: 100%;
    padding: 0 2.1333333333vw
  }
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 120px
}

@media (max-width: 1440px) {
  .header__inner {
    gap: 1.6666666667vw;
    padding-top: 8.3333333333vw
  }
}

@media (max-width: 768px) {
  .header__inner {
    gap: 4.2666666667vw;
    padding-top: 6.4vw
  }
}

.header__img {
  width: 240px;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1440px) {
  .header__img {
    width: 16.6666666667vw;
    height: 16.6666666667vw
  }
}

@media (max-width: 768px) {
  .header__img {
    width: 42.6666666667vw;
    height: 42.6666666667vw
  }
}

.header__title {
  font-size: 48px;
  font-weight: 900;
  line-height: 1.2
}

@media (max-width: 1440px) {
  .header__title {
    font-size: 3.3333333333vw
  }
}

@media (max-width: 768px) {
  .header__title {
    font-size: 8.5333333333vw
  }
}

.header__subtitle {
  font-size: 18px;
  line-height: 1;
  font-family: Objective, 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 700
}

@media (max-width: 1440px) {
  .header__subtitle {
    font-size: 1.25vw
  }
}

@media (max-width: 768px) {
  .header__subtitle {
    font-size: 4.2666666667vw
  }
}

.header__text {
  font-size: 18px;
  line-height: 1
}

@media (max-width: 1440px) {
  .header__text {
    font-size: 1.25vw
  }
}

@media (max-width: 768px) {
  .header__text {
    font-size: 4.2666666667vw
  }
}

.header__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px
}

@media (max-width: 1440px) {
  .header__sns {
    gap: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .header__sns {
    gap: 4.2666666667vw
  }
}

.header__sns-item {
  position: relative;
  width: 32px;
  height: 32px;
  -webkit-transition: .3s;
  transition: .3s
}

@media (max-width: 1440px) {
  .header__sns-item {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header__sns-item:hover {
  background-color: var(--clr-prime);
  border-radius: 50%
}

.header__sns-item .icon-linkedin {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%209%204%20C%206.2504839%204%204%206.2504839%204%209%20L%204%2041%20C%204%2043.749516%206.2504839%2046%209%2046%20L%2041%2046%20C%2043.749516%2046%2046%2043.749516%2046%2041%20L%2046%209%20C%2046%206.2504839%2043.749516%204%2041%204%20L%209%204%20z%20M%209%206%20L%2041%206%20C%2042.668484%206%2044%207.3315161%2044%209%20L%2044%2041%20C%2044%2042.668484%2042.668484%2044%2041%2044%20L%209%2044%20C%207.3315161%2044%206%2042.668484%206%2041%20L%206%209%20C%206%207.3315161%207.3315161%206%209%206%20z%20M%2014%2011.011719%20C%2012.904779%2011.011719%2011.919219%2011.339079%2011.189453%2011.953125%20C%2010.459687%2012.567171%2010.011719%2013.484511%2010.011719%2014.466797%20C%2010.011719%2016.333977%2011.631285%2017.789609%2013.691406%2017.933594%20A%200.98809878%200.98809878%200%200%200%2013.695312%2017.935547%20A%200.98809878%200.98809878%200%200%200%2014%2017.988281%20C%2016.27301%2017.988281%2017.988281%2016.396083%2017.988281%2014.466797%20A%200.98809878%200.98809878%200%200%200%2017.986328%2014.414062%20C%2017.884577%2012.513831%2016.190443%2011.011719%2014%2011.011719%20z%20M%2014%2012.988281%20C%2015.392231%2012.988281%2015.94197%2013.610038%2016.001953%2014.492188%20C%2015.989803%2015.348434%2015.460091%2016.011719%2014%2016.011719%20C%2012.614594%2016.011719%2011.988281%2015.302225%2011.988281%2014.466797%20C%2011.988281%2014.049083%2012.140703%2013.734298%2012.460938%2013.464844%20C%2012.78117%2013.19539%2013.295221%2012.988281%2014%2012.988281%20z%20M%2011%2019%20A%201.0001%201.0001%200%200%200%2010%2020%20L%2010%2039%20A%201.0001%201.0001%200%200%200%2011%2040%20L%2017%2040%20A%201.0001%201.0001%200%200%200%2018%2039%20L%2018%2033.134766%20L%2018%2020%20A%201.0001%201.0001%200%200%200%2017%2019%20L%2011%2019%20z%20M%2020%2019%20A%201.0001%201.0001%200%200%200%2019%2020%20L%2019%2039%20A%201.0001%201.0001%200%200%200%2020%2040%20L%2026%2040%20A%201.0001%201.0001%200%200%200%2027%2039%20L%2027%2029%20C%2027%2028.170333%2027.226394%2027.345035%2027.625%2026.804688%20C%2028.023606%2026.264339%2028.526466%2025.940057%2029.482422%2025.957031%20C%2030.468166%2025.973981%2030.989999%2026.311669%2031.384766%2026.841797%20C%2031.779532%2027.371924%2032%2028.166667%2032%2029%20L%2032%2039%20A%201.0001%201.0001%200%200%200%2033%2040%20L%2039%2040%20A%201.0001%201.0001%200%200%200%2040%2039%20L%2040%2028.261719%20C%2040%2025.300181%2039.122788%2022.95433%2037.619141%2021.367188%20C%2036.115493%2019.780044%2034.024172%2019%2031.8125%2019%20C%2029.710483%2019%2028.110853%2019.704889%2027%2020.423828%20L%2027%2020%20A%201.0001%201.0001%200%200%200%2026%2019%20L%2020%2019%20z%20M%2012%2021%20L%2016%2021%20L%2016%2033.134766%20L%2016%2038%20L%2012%2038%20L%2012%2021%20z%20M%2021%2021%20L%2025%2021%20L%2025%2022.560547%20A%201.0001%201.0001%200%200%200%2026.798828%2023.162109%20C%2026.798828%2023.162109%2028.369194%2021%2031.8125%2021%20C%2033.565828%2021%2035.069366%2021.582581%2036.167969%2022.742188%20C%2037.266572%2023.901794%2038%2025.688257%2038%2028.261719%20L%2038%2038%20L%2034%2038%20L%2034%2029%20C%2034%2027.833333%2033.720468%2026.627107%2032.990234%2025.646484%20C%2032.260001%2024.665862%2031.031834%2023.983076%2029.517578%2023.957031%20C%2027.995534%2023.930001%2026.747519%2024.626988%2026.015625%2025.619141%20C%2025.283731%2026.611293%2025%2027.829667%2025%2029%20L%2025%2038%20L%2021%2038%20L%2021%2021%20z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width: 1440px) {
  .header__sns-item .icon-linkedin {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item .icon-linkedin {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header__sns-item .icon-codepen {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2025%202.8125%20L%2024.464844%203.15625%20L%203%2016.796875%20L%203%2033.203125%20L%2025%2047.1875%20L%2047%2033.203125%20L%2047%2016.796875%20Z%20M%2025%205.1875%20L%2045%2017.894531%20L%2045%2032.105469%20L%2025%2044.8125%20L%205%2032.105469%20L%205%2017.894531%20Z%20M%2024%208.128906%20L%207.761719%2018.449219%20L%2015.582031%2023.871094%20L%2024%2018.136719%20Z%20M%2026%208.128906%20L%2026%2018.136719%20L%2026.4375%2018.433594%20L%2034.417969%2023.871094%20L%2042.238281%2018.449219%20Z%20M%2022%2011.769531%20L%2022%2017.078125%20L%2015.59375%2021.445313%20L%2011.375%2018.519531%20Z%20M%2028%2011.769531%20L%2038.625%2018.519531%20L%2034.40625%2021.441406%20L%2028%2017.078125%20Z%20M%2025%2019.8125%20L%2017.300781%2025.0625%20L%2025%2030.398438%20L%2025.570313%2030.003906%20L%2032.699219%2025.0625%20Z%20M%207%2020.292969%20L%207%2029.722656%20L%2013.859375%2025.046875%20L%2012.660156%2024.21875%20Z%20M%2043%2020.296875%20L%2036.140625%2025.046875%20L%2037.34375%2025.871094%20L%2043%2029.722656%20Z%20M%2025%2022.234375%20L%2029.167969%2025.078125%20L%2025%2027.964844%20L%2020.832031%2025.078125%20Z%20M%209%2024.113281%20L%2010.328125%2025.035156%20L%209%2025.9375%20Z%20M%2041%2024.113281%20L%2041%2025.9375%20L%2039.671875%2025.035156%20Z%20M%2015.574219%2026.238281%20L%2015.003906%2026.625%20L%207.773438%2031.558594%20L%2024%2041.871094%20L%2024%2032.078125%20Z%20M%2034.425781%2026.238281%20L%2026%2032.078125%20L%2026%2041.871094%20L%2042.226563%2031.558594%20Z%20M%2015.5625%2028.667969%20L%2022%2033.125%20L%2022%2038.230469%20L%2011.40625%2031.5%20Z%20M%2034.4375%2028.667969%20L%2038.59375%2031.5%20L%2028%2038.230469%20L%2028%2033.125%20Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width: 1440px) {
  .header__sns-item .icon-codepen {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item .icon-codepen {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header__sns-item .icon-github {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url(/assets/img/icons_github.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width: 1440px) {
  .header__sns-item .icon-github {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item .icon-github {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header__sns-item .icon-facebook {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2025%203%20C%2012.861562%203%203%2012.861562%203%2025%20C%203%2036.019135%2011.127533%2045.138355%2021.712891%2046.728516%20L%2022.861328%2046.902344%20L%2022.861328%2029.566406%20L%2017.664062%2029.566406%20L%2017.664062%2026.046875%20L%2022.861328%2026.046875%20L%2022.861328%2021.373047%20C%2022.861328%2018.494965%2023.551973%2016.599417%2024.695312%2015.410156%20C%2025.838652%2014.220896%2027.528004%2013.621094%2029.878906%2013.621094%20C%2031.758714%2013.621094%2032.490022%2013.734993%2033.185547%2013.820312%20L%2033.185547%2016.701172%20L%2030.738281%2016.701172%20C%2029.349697%2016.701172%2028.210449%2017.475903%2027.619141%2018.507812%20C%2027.027832%2019.539724%2026.84375%2020.771816%2026.84375%2022.027344%20L%2026.84375%2026.044922%20L%2032.966797%2026.044922%20L%2032.421875%2029.564453%20L%2026.84375%2029.564453%20L%2026.84375%2046.929688%20L%2027.978516%2046.775391%20C%2038.71434%2045.319366%2047%2036.126845%2047%2025%20C%2047%2012.861562%2037.138438%203%2025%203%20z%20M%2025%205%20C%2036.057562%205%2045%2013.942438%2045%2025%20C%2045%2034.729791%2038.035799%2042.731796%2028.84375%2044.533203%20L%2028.84375%2031.564453%20L%2034.136719%2031.564453%20L%2035.298828%2024.044922%20L%2028.84375%2024.044922%20L%2028.84375%2022.027344%20C%2028.84375%2020.989871%2029.033574%2020.060293%2029.353516%2019.501953%20C%2029.673457%2018.943614%2029.981865%2018.701172%2030.738281%2018.701172%20L%2035.185547%2018.701172%20L%2035.185547%2012.009766%20L%2034.318359%2011.892578%20C%2033.718567%2011.811418%2032.349197%2011.621094%2029.878906%2011.621094%20C%2027.175808%2011.621094%2024.855567%2012.357448%2023.253906%2014.023438%20C%2021.652246%2015.689426%2020.861328%2018.170128%2020.861328%2021.373047%20L%2020.861328%2024.046875%20L%2015.664062%2024.046875%20L%2015.664062%2031.566406%20L%2020.861328%2031.566406%20L%2020.861328%2044.470703%20C%2011.816995%2042.554813%205%2034.624447%205%2025%20C%205%2013.942438%2013.942438%205%2025%205%20z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width: 1440px) {
  .header__sns-item .icon-facebook {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item .icon-facebook {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header__sns-item .icon-instagram {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2016%203%20C%208.8324839%203%203%208.8324839%203%2016%20L%203%2034%20C%203%2041.167516%208.8324839%2047%2016%2047%20L%2034%2047%20C%2041.167516%2047%2047%2041.167516%2047%2034%20L%2047%2016%20C%2047%208.8324839%2041.167516%203%2034%203%20L%2016%203%20z%20M%2016%205%20L%2034%205%20C%2040.086484%205%2045%209.9135161%2045%2016%20L%2045%2034%20C%2045%2040.086484%2040.086484%2045%2034%2045%20L%2016%2045%20C%209.9135161%2045%205%2040.086484%205%2034%20L%205%2016%20C%205%209.9135161%209.9135161%205%2016%205%20z%20M%2037%2011%20A%202%202%200%200%200%2035%2013%20A%202%202%200%200%200%2037%2015%20A%202%202%200%200%200%2039%2013%20A%202%202%200%200%200%2037%2011%20z%20M%2025%2014%20C%2018.936712%2014%2014%2018.936712%2014%2025%20C%2014%2031.063288%2018.936712%2036%2025%2036%20C%2031.063288%2036%2036%2031.063288%2036%2025%20C%2036%2018.936712%2031.063288%2014%2025%2014%20z%20M%2025%2016%20C%2029.982407%2016%2034%2020.017593%2034%2025%20C%2034%2029.982407%2029.982407%2034%2025%2034%20C%2020.017593%2034%2016%2029.982407%2016%2025%20C%2016%2020.017593%2020.017593%2016%2025%2016%20z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width: 1440px) {
  .header__sns-item .icon-instagram {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .header__sns-item .icon-instagram {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.header .split-title {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.header .split-title .line {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity
}

@media (max-width: 768px) {
  .header .split-title {
    text-rendering: optimizeSpeed
  }
}

.main {
  padding-top: 120px;
  padding-bottom: 120px;
  width: 49%
}

@media (max-width: 1440px) {
  .main {
    padding-top: 8.3333333333vw;
    padding-bottom: 8.3333333333vw
  }
}

@media (max-width: 768px) {
  .main {
    width: 100%;
    padding-top: 17.0666666667vw;
    padding-bottom: 17.0666666667vw
  }
}

.main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 120px
}

@media (max-width: 1440px) {
  .main__inner {
    gap: 8.3333333333vw
  }
}

@media (max-width: 768px) {
  .main__inner {
    gap: 8.5333333333vw
  }
}

.main__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px
}

@media (max-width: 1440px) {
  .main__section {
    gap: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .main__section {
    gap: 6.4vw
  }
}

.main__title {
  font-size: 32px;
  font-weight: 900;
  line-height: 150%
}

@media (max-width: 1440px) {
  .main__title {
    font-size: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .main__title {
    font-size: 6.4vw
  }
}

.main__text {
  font-size: 14px;
  line-height: 2.1;
  font-weight: 400
}

@media (max-width: 1440px) {
  .main__text {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__text {
    font-size: 3.7333333333vw;
    padding: 0 2.1333333333vw
  }
}

@media (max-width: 768px) {
  .main__list {
    padding: 0 2.1333333333vw
  }
}

.main__item {
  position: relative;
  padding-left: 32px
}

@media (max-width: 1440px) {
  .main__item {
    padding-left: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .main__item {
    padding-left: 2.1333333333vw
  }
}

.main__item.is-in-view .main__item-line {
  -webkit-transform: scaleY(1);
  transform: scaleY(1)
}

.main__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #232323;
  z-index: 1
}

@media (max-width: 1440px) {
  .main__item:before {
    left: -.4861111111vw;
    width: .9722222222vw;
    height: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__item:before {
    left: -1.8666666667vw;
    width: 3.7333333333vw;
    height: 3.7333333333vw
  }
}

.main__item-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #232323;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(.22, 1, .36, 1);
  transition: -webkit-transform 1s cubic-bezier(.22, 1, .36, 1);
  transition: transform 1s cubic-bezier(.22, 1, .36, 1);
  transition: transform 1s cubic-bezier(.22, 1, .36, 1), -webkit-transform 1s cubic-bezier(.22, 1, .36, 1)
}

.main__item-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  min-width: 150px
}

@media (max-width: 1440px) {
  .main__item-title {
    font-size: .9722222222vw;
    min-width: 10.4166666667vw
  }
}

@media (max-width: 768px) {
  .main__item-title {
    font-size: 3.2vw;
    min-width: 32vw
  }
}

.main__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 0 0 24px 24px
}

@media (max-width: 1440px) {
  .main__item-content {
    gap: 1.6666666667vw;
    padding: 0 0 1.6666666667vw 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .main__item-content {
    gap: 2.1333333333vw;
    padding: 0 0 6.4vw 2.1333333333vw
  }
}

.main__item-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px
}

@media (max-width: 1440px) {
  .main__item-textarea {
    gap: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .main__item-textarea {
    gap: 3.2vw
  }
}

.main__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px
}

@media (max-width: 1440px) {
  .main__item-header {
    gap: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .main__item-header {
    gap: 3.2vw
  }
}

.main__item-job {
  font-size: 14px;
  font-weight: 700;
  line-height: 1
}

@media (max-width: 1440px) {
  .main__item-job {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__item-job {
    font-size: 3.2vw
  }
}

.main__item-company {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: .3s;
  transition: .3s;
  padding-right: 24px
}

@media (max-width: 1440px) {
  .main__item-company {
    font-size: .9722222222vw;
    padding-right: 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .main__item-company {
    font-size: 3.2vw;
    padding-right: 6.4vw
  }
}

.main__item-company:hover {
  background-color: var(--clr-prime)
}

.main__item-company:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='48px'%20height='48px'%3e%3cpath%20d='M%2019.980469%202.9902344%20A%201.0001%201.0001%200%200%200%2019.869141%203%20L%2015%203%20A%201.0001%201.0001%200%201%200%2015%205%20L%2017.585938%205%20L%208.2929688%2014.292969%20A%201.0001%201.0001%200%201%200%209.7070312%2015.707031%20L%2019%206.4140625%20L%2019%209%20A%201.0001%201.0001%200%201%200%2021%209%20L%2021%204.1269531%20A%201.0001%201.0001%200%200%200%2019.980469%202.9902344%20z%20M%205%203%20C%203.9069372%203%203%203.9069372%203%205%20L%203%2019%20C%203%2020.093063%203.9069372%2021%205%2021%20L%2019%2021%20C%2020.093063%2021%2021%2020.093063%2021%2019%20L%2021%2013%20A%201.0001%201.0001%200%201%200%2019%2013%20L%2019%2019%20L%205%2019%20L%205%205%20L%2011%205%20A%201.0001%201.0001%200%201%200%2011%203%20L%205%203%20z'/%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px
}

@media (max-width: 1440px) {
  .main__item-company:before {
    width: 1.1111111111vw;
    height: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .main__item-company:before {
    width: 4.2666666667vw;
    height: 4.2666666667vw
  }
}

.main__item-text {
  font-size: 14px;
  line-height: 1.6
}

@media (max-width: 1440px) {
  .main__item-text {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__item-text {
    font-size: 3.2vw;
    line-height: 1.8
  }
}

.main__projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px
}

@media (max-width: 1440px) {
  .main__projects {
    gap: 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .main__projects {
    gap: 4.2666666667vw
  }
}

.main__projects-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  position: relative
}

@media (max-width: 1440px) {
  .main__projects-item {
    gap: 1.1111111111vw;
    padding: .5555555556vw
  }
}

@media (max-width: 768px) {
  .main__projects-item {
    gap: 4.2666666667vw;
    padding: 2.1333333333vw 2.1333333333vw 4.2666666667vw;
    border-bottom: 1px solid var(--clr-gray-dark)
  }
}

.main__projects-item:after {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  background-color: var(--clr-prime);
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

@media (max-width: 1440px) {
  .main__projects-item:after {
    top: -.5555555556vw;
    right: -.5555555556vw;
    bottom: -.5555555556vw;
    left: -.5555555556vw
  }
}

@media (max-width: 768px) {
  .main__projects-item:after {
    top: -2.1333333333vw;
    right: -2.1333333333vw;
    bottom: -2.1333333333vw;
    left: -2.1333333333vw
  }
}

@media (min-width: 769px) {
  .main__projects-item:hover:after {
    opacity: 1
  }
}

.main__projects-item:before {
  content: "";
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='48px'%20height='48px'%3e%3cpath%20d='M%2019.980469%202.9902344%20A%201.0001%201.0001%200%200%200%2019.869141%203%20L%2015%203%20A%201.0001%201.0001%200%201%200%2015%205%20L%2017.585938%205%20L%208.2929688%2014.292969%20A%201.0001%201.0001%200%201%200%209.7070312%2015.707031%20L%2019%206.4140625%20L%2019%209%20A%201.0001%201.0001%200%201%200%2021%209%20L%2021%204.1269531%20A%201.0001%201.0001%200%200%200%2019.980469%202.9902344%20z%20M%205%203%20C%203.9069372%203%203%203.9069372%203%205%20L%203%2019%20C%203%2020.093063%203.9069372%2021%205%2021%20L%2019%2021%20C%2020.093063%2021%2021%2020.093063%2021%2019%20L%2021%2013%20A%201.0001%201.0001%200%201%200%2019%2013%20L%2019%2019%20L%205%2019%20L%205%205%20L%2011%205%20A%201.0001%201.0001%200%201%200%2011%203%20L%205%203%20z'/%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px
}

@media (max-width: 1440px) {
  .main__projects-item:before {
    bottom: .5555555556vw;
    right: .5555555556vw;
    width: 1.1111111111vw;
    height: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .main__projects-item:before {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    bottom: 4.2666666667vw;
    right: 2.1333333333vw
  }
}

.main__projects-img {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1440px) {
  .main__projects-img {
    width: 10.4166666667vw;
    height: 6.25vw
  }
}

@media (max-width: 768px) {
  .main__projects-img {
    width: 32vw;
    height: 19.2vw
  }
}

.main__projects-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px
}

@media (max-width: 1440px) {
  .main__projects-content {
    gap: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .main__projects-content {
    gap: 4.2666666667vw
  }
}

.main__projects-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1
}

@media (max-width: 1440px) {
  .main__projects-title {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__projects-title {
    font-size: 3.2vw
  }
}

.main__projects-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6
}

@media (max-width: 1440px) {
  .main__projects-text {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .main__projects-text {
    font-size: 3.2vw
  }
}

.main__projects-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px
}

@media (max-width: 1440px) {
  .main__projects-tags {
    gap: .5555555556vw
  }
}

@media (max-width: 768px) {
  .main__projects-tags {
    gap: 2.1333333333vw
  }
}

.main__projects-tag {
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 12px;
  border-radius: 99px;
  border: 1px solid #232323
}

@media (max-width: 1440px) {
  .main__projects-tag {
    font-size: .8333333333vw;
    padding: .4166666667vw .8333333333vw;
    border-radius: 6.875vw
  }
}

@media (max-width: 768px) {
  .main__projects-tag {
    font-size: 3.2vw;
    padding: 1.6vw 3.2vw;
    border-radius: 26.4vw
  }
}

.main__projects-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity .3s, visibility 0s .3s;
  transition: opacity .3s, visibility 0s .3s
}

.modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--clr-gray-bg);
  opacity: .7;
  cursor: pointer
}

.modal__wrapper {
  position: relative;
  z-index: 1
}

.modal__content {
  background-color: var(--clr-gray-bg);
  padding: 64px 0;
  width: 1200px;
  max-height: 680px;
  overflow-y: auto;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
  box-shadow: 0 8px 32px #0000002e
}

@media (max-width: 1440px) {
  .modal__content {
    padding: 4.4444444444vw 0;
    width: 83.3333333333vw;
    max-height: 47.2222222222vw
  }
}

@media (max-width: 768px) {
  .modal__content {
    width: 94.6666666667vw;
    max-height: 80vh;
    padding: 8.5333333333vw 0
  }
}

.modal__close {
  position: absolute;
  top: -36px;
  right: 0;
  cursor: pointer
}

@media (max-width: 1440px) {
  .modal__close {
    top: -2.5vw
  }
}

@media (max-width: 768px) {
  .modal__close {
    top: -8.5333333333vw
  }
}

@media (min-width: 769px) {
  .modal__close:hover .icon-close {
    color: var(--clr-prime)
  }
}

.modal__close .icon-close {
  display: block;
  color: var(--clr-second);
  width: 32px;
  height: 32px;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s
}

@media (max-width: 1440px) {
  .modal__close .icon-close {
    width: 2.2222222222vw;
    height: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .modal__close .icon-close {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}

.modal__close .icon-close:before, .modal__close .icon-close:after {
  content: "";
  position: absolute;
  top: 12px;
  width: 32px;
  height: 3px;
  background-color: currentColor
}

@media (max-width: 1440px) {
  .modal__close .icon-close:before, .modal__close .icon-close:after {
    top: .8333333333vw;
    width: 2.2222222222vw;
    height: .2083333333vw
  }
}

@media (max-width: 768px) {
  .modal__close .icon-close:before, .modal__close .icon-close:after {
    top: 3.2vw;
    width: 8.5333333333vw;
    height: .8vw
  }
}

.modal__close .icon-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.modal__close .icon-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modal__slider {
  position: relative
}

.modal__slider-pagination {
  bottom: 0 !important
}

@media (max-width: 768px) {
  .modal__slider-pagination {
    bottom: -1.3333333333vw !important
  }
}

.modal__slider-pagination .swiper-pagination-bullet, .modal__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--clr-second) !important
}

.modal__swiper {
  width: 800px;
  height: 632px;
  margin-bottom: 48px
}

@media (max-width: 1440px) {
  .modal__swiper {
    width: 55.5555555556vw;
    height: 43.8888888889vw;
    margin-bottom: 3.3333333333vw
  }
}

@media (max-width: 768px) {
  .modal__swiper {
    width: 94.6666666667vw;
    height: 74.6666666667vw;
    margin-bottom: 8.5333333333vw
  }
}

.modal__swiper .swiper-slide {
  width: 800px;
  height: 600px
}

@media (max-width: 1440px) {
  .modal__swiper .swiper-slide {
    width: 55.5555555556vw;
    height: 41.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__swiper .swiper-slide {
    width: 94.6666666667vw;
    height: 70.9333333333vw
  }
}

.modal__swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.modal__swiper .swiper-slide video {
  width: 800px;
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1440px) {
  .modal__swiper .swiper-slide video {
    width: 55.5555555556vw;
    height: 41.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__swiper .swiper-slide video {
    width: 94.6666666667vw;
    height: 70.9333333333vw
  }
}

.modal__swiper .swiper-slide.-tablet video {
  width: 446px;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto
}

@media (max-width: 1440px) {
  .modal__swiper .swiper-slide.-tablet video {
    width: 30.9722222222vw;
    height: 41.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__swiper .swiper-slide.-tablet video {
    width: 57.8666666667vw;
    height: 70.9333333333vw
  }
}

.modal__swiper .swiper-slide.-sp {
  width: 100% !important;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto
}

@media (max-width: 1440px) {
  .modal__swiper .swiper-slide.-sp {
    height: 41.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__swiper .swiper-slide.-sp {
    height: 70.9333333333vw
  }
}

.modal__swiper .swiper-slide.-sp img {
  -o-object-fit: contain;
  object-fit: contain
}

.modal__container {
  padding: 64px 64px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  border-top: 4px solid var(--clr-second)
}

@media (max-width: 1440px) {
  .modal__container {
    padding: 4.4444444444vw 4.4444444444vw 0;
    gap: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .modal__container {
    padding: 8.5333333333vw 4.2666666667vw 0;
    gap: 6.4vw
  }
}

.modal__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px
}

@media (max-width: 1440px) {
  .modal__group {
    gap: 1.1111111111vw
  }
}

@media (max-width: 768px) {
  .modal__group {
    gap: 3.2vw
  }
}

.modal__sub {
  font-size: 24px;
  line-height: 1;
  font-weight: 900
}

@media (max-width: 1440px) {
  .modal__sub {
    font-size: 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__sub {
    font-size: 4.2666666667vw
  }
}

.modal__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  padding-right: 32px
}

@media (max-width: 1440px) {
  .modal__title {
    font-size: 1.1111111111vw;
    padding-right: 2.2222222222vw
  }
}

@media (max-width: 768px) {
  .modal__title {
    font-size: 3.2vw;
    padding-right: 4.2666666667vw
  }
}

.modal__title:hover {
  background-color: var(--clr-prime)
}

.modal__title:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='48px'%20height='48px'%3e%3cpath%20d='M%2019.980469%202.9902344%20A%201.0001%201.0001%200%200%200%2019.869141%203%20L%2015%203%20A%201.0001%201.0001%200%201%200%2015%205%20L%2017.585938%205%20L%208.2929688%2014.292969%20A%201.0001%201.0001%200%201%200%209.7070312%2015.707031%20L%2019%206.4140625%20L%2019%209%20A%201.0001%201.0001%200%201%200%2021%209%20L%2021%204.1269531%20A%201.0001%201.0001%200%200%200%2019.980469%202.9902344%20z%20M%205%203%20C%203.9069372%203%203%203.9069372%203%205%20L%203%2019%20C%203%2020.093063%203.9069372%2021%205%2021%20L%2019%2021%20C%2020.093063%2021%2021%2020.093063%2021%2019%20L%2021%2013%20A%201.0001%201.0001%200%201%200%2019%2013%20L%2019%2019%20L%205%2019%20L%205%205%20L%2011%205%20A%201.0001%201.0001%200%201%200%2011%203%20L%205%203%20z'/%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px
}

@media (max-width: 1440px) {
  .modal__title:before {
    width: 1.6666666667vw;
    height: 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__title:before {
    width: 4.2666666667vw;
    height: 4.2666666667vw
  }
}

.modal__desc p {
  font-size: 14px;
  line-height: 1.6
}

@media (max-width: 1440px) {
  .modal__desc p {
    font-size: .9722222222vw
  }
}

@media (max-width: 768px) {
  .modal__desc p {
    font-size: 3.2vw;
    line-height: 1.8
  }
}

.modal__list li {
  list-style: disc;
  margin-left: 24px;
  font-size: 14px;
  line-height: 1.6
}

@media (max-width: 1440px) {
  .modal__list li {
    font-size: .9722222222vw;
    margin-left: 1.6666666667vw
  }
}

@media (max-width: 768px) {
  .modal__list li {
    font-size: 3.2vw;
    margin-left: 4.2666666667vw;
    line-height: 1.8
  }
}

.modal__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px auto 0
}

@media (max-width: 1440px) {
  .modal__btn {
    margin: 2.2222222222vw auto 0
  }
}

@media (max-width: 768px) {
  .modal__btn {
    margin: 6.4vw auto 0
  }
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translateZ(0)
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
  display: none !important
}

.swiper-button-prev svg, .swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  transform-origin: center
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-lock {
  display: none
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .2s -webkit-transform;
  transition: .2s top, .2s -webkit-transform;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  transition: .2s left, .2s -webkit-transform;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .2s -webkit-transform;
  transition: .2s right, .2s -webkit-transform;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0
}

.swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}