@charset "UTF-8";

.mv {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--clr-white)
}

.mv__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0
}

.mv__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(135deg, #00092e99, #0006);
  z-index: 0
}

.mv__logo {
  position: absolute;
  top: 2.1875vw;
  left: 3.125vw;
  z-index: 1;
  width: 5.9375vw;
  height: 1.875vw
}

.mv__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width: 1020px) {
  .mv__logo {
    top: 2.4193548387vw;
    left: 2.4193548387vw;
    width: 7.6612903226vw;
    height: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .mv__logo {
    top: 5.3333333333vw;
    left: 5.3333333333vw;
    width: 14.9333333333vw;
    height: 4.2666666667vw
  }
}

@media (max-width: 1020px) {
  .mv {
    padding: 8.064516129vw 2.4193548387vw 6.0483870968vw
  }
}

@media (max-width: 768px) {
  .mv {
    min-height: auto;
    align-items: flex-start;
    padding: 19.2vw 4.2666666667vw 10.6666666667vw;
    background-position: center top
  }
}

.mv__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .mv__inner {
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .mv__inner {
    max-width: 100vw
  }
}

.mv__content {
  max-width: 78.125vw;
  margin: 0 auto;
  padding: 12.5vw 0 7.8125vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5vw
}

@media (max-width: 1020px) {
  .mv__content {
    max-width: 100%;
    padding: 14.1129032258vw 0 8.064516129vw;
    gap: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .mv__content {
    max-width: 100%;
    align-items: flex-start;
    text-align: left;
    padding: 26.6666666667vw 0 16vw;
    gap: 5.3333333333vw
  }
}

.mv__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .78125vw
}

@media (max-width: 768px) {
  .mv__tags {
    justify-content: flex-start;
    gap: 2.1333333333vw
  }
}

.mv__tag {
  display: inline-block;
  padding: .46875vw 1.40625vw;
  border-radius: 78.046875vw;
  font-size: 1.015625vw;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--clr-white);
  background: #ffffff2e;
  border: 1px solid rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}

@media (max-width: 768px) {
  .mv__tag {
    padding: 1.3333333333vw 3.7333333333vw;
    border-radius: 266.4vw;
    font-size: 2.9333333333vw
  }
}

.mv__title {
  font-size: 5.3125vw;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.02em
}

@media (max-width: 1020px) {
  .mv__title {
    font-size: 4.5362903226vw;
    line-height: 1.1
  }
}

@media (max-width: 768px) {
  .mv__title {
    font-size: 9vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.mv__line {
  width: 3.75vw;
  height: 2px;
  background: #ffffff80
}

@media (max-width: 768px) {
  .mv__line {
    width: 9.6vw
  }
}

.mv__desc {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.8;
  max-width: 62.5vw;
  opacity: .9
}

@media (max-width: 1020px) {
  .mv__desc {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .mv__desc {
    font-size: 3.4666666667vw;
    line-height: 1.8;
    max-width: 100%
  }
}

.mv__features {
  display: flex;
  align-items: center;
  width: 100%;
  gap: .6640625vw
}

@media (max-width: 1020px) {
  .mv__features {
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .mv__features {
    flex-direction: column;
    align-items: stretch;
    gap: 2.1333333333vw
  }
}

.mv__feature {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .390625vw;
  padding: .78125vw;
  border-radius: .78125vw;
  border: 1px solid var(--clr-white)
}

@media (max-width: 1020px) {
  .mv__feature {
    padding: 1.0080645161vw;
    border-radius: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .mv__feature {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 2.6666666667vw 3.2vw;
    border-radius: 2.1333333333vw;
    flex-direction: row;
    align-items: center;
    gap: 3.2vw
  }
}

.mv__feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .390625vw
}

.mv__feature-icon img {
  display: block;
  width: auto;
  height: 2.96875vw
}

@media (max-width: 768px) {
  .mv__feature-icon img {
    height: 7.4666666667vw
  }
}

@media (max-width: 768px) {
  .mv__feature-icon {
    flex-shrink: 0
  }
}

.mv__feature-body {
  display: flex;
  flex-direction: column;
  gap: .234375vw
}

@media (max-width: 768px) {
  .mv__feature-body {
    gap: .5333333333vw
  }
}

.mv__feature-title {
  font-size: 1.5625vw;
  font-weight: 700;
  color: var(--clr-white);
  white-space: nowrap
}

@media (max-width: 1020px) {
  .mv__feature-title {
    font-size: 1.814516129vw
  }
}

@media (max-width: 768px) {
  .mv__feature-title {
    font-size: 3.4666666667vw;
    font-weight: 700;
    white-space: normal;
    line-height: 1.2
  }
}

.mv__feature-text {
  font-size: .9375vw;
  font-weight: 500;
  color: var(--clr-white);
  text-align: center;
  white-space: nowrap
}

@media (max-width: 1020px) {
  .mv__feature-text {
    font-size: 1.1088709677vw
  }
}

@media (max-width: 768px) {
  .mv__feature-text {
    font-size: 2.9333333333vw;
    white-space: normal;
    text-align: left;
    opacity: .8;
    line-height: 1.4
  }
}

.mv__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25vw
}

@media (max-width: 1020px) {
  .mv__cta {
    gap: 1.2096774194vw
  }
}

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

.mv__cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .625vw;
  padding: 1.5625vw 3.125vw;
  font-size: 1.328125vw;
  font-weight: 700;
  color: var(--clr-white);
  background: var(--clr-blue);
  border-radius: 78.046875vw;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 4px 24px #1a6fe873
}

.mv__cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px #1a6fe88c
}

@media (max-width: 1020px) {
  .mv__cta-primary {
    padding: 1.814516129vw 3.6290322581vw;
    font-size: 1.5120967742vw;
    border-radius: 100.7056451613vw;
    gap: .6048387097vw
  }
}

@media (max-width: 768px) {
  .mv__cta-primary {
    width: 100%;
    padding: 4.2666666667vw 6.4vw;
    font-size: 3.7333333333vw;
    border-radius: 266.4vw;
    gap: 1.6vw
  }
}

.mv__cta-icon {
  display: block;
  width: 2.5vw;
  height: 2.265625vw
}

@media (max-width: 1020px) {
  .mv__cta-icon {
    width: 3.2258064516vw;
    height: 2.9233870968vw
  }
}

@media (max-width: 768px) {
  .mv__cta-icon {
    width: 6.4vw;
    height: 5.6vw
  }
}

.mv__cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .625vw;
  padding: 1.5625vw 3.125vw;
  font-size: 1.328125vw;
  font-weight: 700;
  color: var(--clr-white);
  background: #ffffff1f;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 78.046875vw;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: background .25s ease, transform .25s ease
}

.mv__cta-secondary:hover {
  background: #ffffff38;
  transform: translateY(-2px)
}

@media (max-width: 1020px) {
  .mv__cta-secondary {
    padding: 1.814516129vw 3.6290322581vw;
    font-size: 1.5120967742vw;
    border-radius: 100.7056451613vw;
    gap: .6048387097vw
  }
}

@media (max-width: 768px) {
  .mv__cta-secondary {
    width: 100%;
    padding: 4.2666666667vw 6.4vw;
    font-size: 3.7333333333vw;
    border-radius: 266.4vw;
    gap: 1.6vw
  }
}

.mv__cta-arrow {
  display: block;
  width: .9375vw;
  height: 1.484375vw
}

@media (max-width: 1020px) {
  .mv__cta-arrow {
    width: 1.2096774194vw;
    height: 1.9153225806vw
  }
}

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

.mv__note {
  font-size: 1.09375vw;
  font-weight: 500;
  color: var(--clr-white);
  padding-bottom: 4.6875vw
}

@media (max-width: 1020px) {
  .mv__note {
    font-size: 1.310483871vw;
    padding-bottom: 4.0322580645vw
  }
}

@media (max-width: 768px) {
  .mv__note {
    font-size: 3.2vw;
    padding-bottom: 8.5333333333vw;
    text-align: center
  }
}

.about {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  background: var(--clr-white);
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .about {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .about {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.about__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .about__inner {
    max-width: 100.8064516129vw
  }
}

@media (max-width: 768px) {
  .about__inner {
    max-width: 100%
  }
}

.about__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.015625vw;
  margin: 0 auto 7.8125vw;
  max-width: 74.609375vw
}

@media (max-width: 1020px) {
  .about__steps {
    gap: 1.2096774194vw;
    margin-bottom: 8.064516129vw
  }
}

@media (max-width: 768px) {
  .about__steps {
    flex-direction: column;
    align-items: center;
    gap: 4.2666666667vw;
    margin-bottom: 14.9333333333vw;
    max-width: 100%
  }
}

.about__step {
  width: 22.109375vw;
  position: relative
}

@media (max-width: 1020px) {
  .about__step {
    width: 26.2096774194vw
  }
}

@media (max-width: 768px) {
  .about__step {
    width: 100%;
    max-width: 85.3333333333vw
  }
}

.about__step-illustration {
  width: 22.109375vw;
  height: 20.3125vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: .78125vw
}

@media (max-width: 1020px) {
  .about__step-illustration {
    width: 26.2096774194vw;
    height: 24.1935483871vw
  }
}

@media (max-width: 768px) {
  .about__step-illustration {
    width: 100%;
    height: 58.6666666667vw;
    margin-bottom: 2.1333333333vw
  }
}

.about__step-illustration img {
  display: block;
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.about__step-arrow {
  display: block;
  width: 2.34375vw;
  height: 2.265625vw
}

@media (max-width: 1020px) {
  .about__step-arrow {
    width: 2.6209677419vw;
    height: 2.5201612903vw
  }
}

@media (max-width: 768px) {
  .about__step-arrow {
    width: 5.8666666667vw;
    height: 5.6vw;
    transform: rotate(90deg)
  }
}

.about__service-head {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  margin-bottom: 6.25vw
}

@media (max-width: 1020px) {
  .about__service-head {
    gap: 1.2096774194vw;
    margin-bottom: 6.4516129032vw
  }
}

@media (max-width: 768px) {
  .about__service-head {
    gap: 2.6666666667vw;
    margin-bottom: 10.6666666667vw
  }
}

.about__service-title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em
}

@media (max-width: 1020px) {
  .about__service-title {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .about__service-title {
    font-size: 6.4vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.about__service-subtitle {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.6;
  opacity: .7
}

@media (max-width: 1020px) {
  .about__service-subtitle {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .about__service-subtitle {
    font-size: 3.4666666667vw;
    line-height: 1.7
  }
}

.about__flow {
  position: relative;
  z-index: 0
}

.about__flow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-45%);
  width: 55.546875vw;
  height: 56.015625vw;
  background-image: url(/assets/img/img_flow-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1
}

@media (max-width: 1020px) {
  .about__flow:after {
    width: 71.6733870968vw;
    height: 72.2782258065vw
  }
}

@media (max-width: 768px) {
  .about__flow:after {
    width: 100vw;
    height: 100vw;
    transform: translate(-50%);
    top: 160vw;
    background-size: cover
  }
}

.about__flow-content {
  display: flex;
  justify-content: center;
  gap: 1.5625vw;
  max-width: 86.5625vw;
  margin: 0 auto;
  align-items: center
}

@media (max-width: 1020px) {
  .about__flow-content {
    gap: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .about__flow-content {
    flex-direction: column;
    gap: 6.4vw;
    align-items: center
  }
}

.about__flow-side {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1.484375vw
}

.about__flow-side--left {
  width: 16.875vw;
  padding-top: 1.796875vw
}

@media (max-width: 1020px) {
  .about__flow-side--left {
    width: 20.1612903226vw;
    padding-top: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .about__flow-side--left {
    width: 100%;
    max-width: 69.3333333333vw;
    padding-top: 0
  }
}

.about__flow-side--right {
  width: 16.5625vw
}

@media (max-width: 1020px) {
  .about__flow-side--right {
    width: 20.1612903226vw
  }
}

@media (max-width: 768px) {
  .about__flow-side--right {
    width: 100%;
    max-width: 69.3333333333vw
  }
}

.about__flow-side--right .about__flow-bubbles {
  gap: .625vw
}

@media (max-width: 768px) {
  .about__flow-side--right .about__flow-bubbles {
    gap: 1.6vw
  }
}

.about__flow-side--right .about__flow-illust {
  width: 8.75vw;
  height: 10.15625vw
}

@media (max-width: 1020px) {
  .about__flow-side--right .about__flow-illust {
    width: 10.0806451613vw;
    height: 11.8951612903vw
  }
}

@media (max-width: 768px) {
  .about__flow-side--right .about__flow-illust {
    width: 24vw;
    height: 28.2666666667vw
  }
}

@media (max-width: 768px) {
  .about__flow-side {
    gap: 3.7333333333vw
  }
}

.about__flow-side-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .859375vw
}

.about__flow-side-main h3 {
  margin: 0;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 100%
}

@media (max-width: 1020px) {
  .about__flow-side-main h3 {
    font-size: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .about__flow-side-main h3 {
    font-size: 4.8vw
  }
}

.about__flow-side-main p {
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 100%
}

@media (max-width: 1020px) {
  .about__flow-side-main p {
    font-size: 1.310483871vw
  }
}

@media (max-width: 768px) {
  .about__flow-side-main p {
    font-size: 3.2vw;
    line-height: 1.5
  }
}

@media (max-width: 768px) {
  .about__flow-side-main {
    gap: 2.1333333333vw
  }
}

.about__flow-bubbles {
  display: flex;
  flex-direction: column;
  gap: 0
}

@media (max-width: 768px) {
  .about__flow-bubbles {
    gap: 1.0666666667vw
  }
}

.about__bubble {
  width: 16.5625vw
}

@media (max-width: 1020px) {
  .about__bubble {
    width: 20.1612903226vw
  }
}

@media (max-width: 768px) {
  .about__bubble {
    width: 100%;
    max-width: 69.3333333333vw
  }
}

.about__flow-side--left .about__bubble:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.9375vw;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: .78125vw solid transparent;
  border-right: .78125vw solid transparent;
  border-top: .9375vw solid var(--clr-black)
}

@media (max-width: 1020px) {
  .about__flow-side--left .about__bubble:after {
    bottom: -1.0080645161vw;
    border-left: .9072580645vw solid transparent;
    border-right: .9072580645vw solid transparent;
    border-top: 1.1088709677vw solid var(--clr-black)
  }
}

@media (max-width: 768px) {
  .about__flow-side--left .about__bubble:after {
    bottom: -2.1333333333vw;
    border-left: 2.1333333333vw solid transparent;
    border-right: 2.1333333333vw solid transparent;
    border-top: 2.6666666667vw solid var(--clr-black)
  }
}

.about__flow-side--left .about__bubble:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.78125vw;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: .703125vw solid transparent;
  border-right: .703125vw solid transparent;
  border-top: .859375vw solid var(--clr-white);
  z-index: 1
}

@media (max-width: 1020px) {
  .about__flow-side--left .about__bubble:before {
    bottom: -.9072580645vw;
    border-left: .8064516129vw solid transparent;
    border-right: .8064516129vw solid transparent;
    border-top: 1.0080645161vw solid var(--clr-white)
  }
}

@media (max-width: 768px) {
  .about__flow-side--left .about__bubble:before {
    bottom: -2.1333333333vw;
    border-left: 1.8666666667vw solid transparent;
    border-right: 1.8666666667vw solid transparent;
    border-top: 2.4vw solid var(--clr-white)
  }
}

.about__flow-illust {
  width: 6.875vw;
  height: 10.15625vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .about__flow-illust {
    width: 8.064516129vw;
    height: 11.8951612903vw
  }
}

@media (max-width: 768px) {
  .about__flow-illust {
    width: 19.2vw;
    height: 28.2666666667vw
  }
}

.about__flow-arrow {
  width: 3.90625vw;
  height: 3.75vw;
  display: block
}

@media (max-width: 1020px) {
  .about__flow-arrow {
    width: 4.2338709677vw;
    height: 4.0322580645vw
  }
}

@media (max-width: 768px) {
  .about__flow-arrow {
    width: 9.0666666667vw;
    height: 8.5333333333vw;
    transform: rotate(90deg)
  }
}

@media (max-width: 768px) {
  .about__flow-arrow.-about-arrow-left {
    transform: rotate(-90deg) !important
  }
}

@media (max-width: 768px) {
  .about__flow-arrow.-about-arrow-right {
    transform: rotate(90deg) !important
  }
}

.about__flow-center {
  width: 39.0625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125vw;
  padding: 3.828125vw 4.609375vw 3.203125vw
}

@media (max-width: 1020px) {
  .about__flow-center {
    width: 44.3548387097vw;
    gap: 3.2258064516vw;
    padding: 4.0322580645vw 4.0322580645vw 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .about__flow-center {
    width: 100%;
    max-width: 90.6666666667vw;
    gap: 6.4vw;
    padding: 4.2666666667vw 0
  }
}

.about__flow-resq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5625vw
}

@media (max-width: 1020px) {
  .about__flow-resq {
    gap: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .about__flow-resq {
    gap: 3.7333333333vw
  }
}

.about__flow-resq-img {
  width: 9.375vw;
  height: 9.375vw;
  display: block
}

@media (max-width: 1020px) {
  .about__flow-resq-img {
    width: 10.0806451613vw;
    height: 10.0806451613vw
  }
}

@media (max-width: 768px) {
  .about__flow-resq-img {
    width: 24vw;
    height: 24vw
  }
}

.about__flow-resq-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .859375vw
}

@media (max-width: 768px) {
  .about__flow-resq-text {
    gap: 2.1333333333vw
  }
}

.about__flow-resq-name {
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 100%
}

@media (max-width: 1020px) {
  .about__flow-resq-name {
    font-size: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .about__flow-resq-name {
    font-size: 4.8vw
  }
}

.about__flow-resq-label {
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 100%
}

@media (max-width: 1020px) {
  .about__flow-resq-label {
    font-size: 1.310483871vw
  }
}

@media (max-width: 768px) {
  .about__flow-resq-label {
    font-size: 3.2vw;
    line-height: 1.5
  }
}

.about__flow-process {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5625vw
}

@media (max-width: 1020px) {
  .about__flow-process {
    gap: 1.6129032258vw
  }
}

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

.about__flow-process-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .390625vw;
  text-align: center
}

.about__flow-process-item img {
  width: 3.125vw;
  height: 3.125vw;
  -o-object-fit: contain;
  object-fit: contain;
  display: block
}

@media (max-width: 1020px) {
  .about__flow-process-item img {
    width: 3.4274193548vw;
    height: 3.4274193548vw
  }
}

@media (max-width: 768px) {
  .about__flow-process-item img {
    width: 8vw;
    height: 8vw
  }
}

@media (max-width: 768px) {
  .about__flow-process-item {
    gap: 1.0666666667vw
  }
}

.about__flow-process-text {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .about__flow-process-text {
    font-size: 1.4112903226vw
  }
}

@media (max-width: 768px) {
  .about__flow-process-text {
    font-size: 3.4666666667vw
  }
}

.about__flow-process-arrow {
  width: 1.953125vw;
  height: 1.875vw;
  display: block
}

@media (max-width: 1020px) {
  .about__flow-process-arrow {
    width: 2.2177419355vw;
    height: 2.1169354839vw
  }
}

@media (max-width: 768px) {
  .about__flow-process-arrow {
    width: 5.3333333333vw;
    height: 5.0666666667vw
  }
}

.about__flow-wiki {
  padding: .390625vw 1.40625vw;
  background: var(--clr-black);
  color: var(--clr-white);
  border-radius: 2.34375vw;
  font-size: 1.5625vw;
  font-weight: 700;
  text-align: center;
  white-space: nowrap
}

@media (max-width: 1020px) {
  .about__flow-wiki {
    font-size: 1.814516129vw;
    border-radius: 2.6209677419vw
  }
}

@media (max-width: 768px) {
  .about__flow-wiki {
    font-size: 3.2vw;
    border-radius: 6.4vw;
    padding: 1.3333333333vw 3.7333333333vw;
    white-space: nowrap
  }
}

.about__summary {
  display: flex;
  justify-content: center;
  gap: 2.34375vw;
  max-width: 79.140625vw;
  margin: 3.90625vw auto 0
}

@media (max-width: 1020px) {
  .about__summary {
    gap: 2.4193548387vw;
    margin-top: 4.0322580645vw
  }
}

@media (max-width: 768px) {
  .about__summary {
    flex-direction: column;
    align-items: center;
    gap: 4.2666666667vw;
    margin-top: 8.5333333333vw
  }
}

.about__summary-item {
  border: 1px solid var(--clr-black);
  border-radius: 1.5625vw;
  padding: 1.5625vw;
  width: 23.4375vw;
  display: flex;
  flex-direction: column;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .about__summary-item {
    width: 28.2258064516vw;
    border-radius: 1.814516129vw;
    padding: 1.814516129vw;
    gap: .6048387097vw
  }
}

@media (max-width: 768px) {
  .about__summary-item {
    width: 100%;
    max-width: 90.6666666667vw;
    border-radius: 4.2666666667vw;
    padding: 4.2666666667vw;
    gap: 1.6vw
  }
}

.about__summary-head {
  display: flex;
  align-items: center;
  gap: .390625vw
}

@media (max-width: 768px) {
  .about__summary-head {
    gap: 1.6vw
  }
}

.about__summary-icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: .46875vw;
  background: var(--clr-blue);
  color: var(--clr-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.40625vw;
  font-weight: 700;
  flex-shrink: 0
}

@media (max-width: 1020px) {
  .about__summary-icon {
    width: 2.8225806452vw;
    height: 2.8225806452vw;
    font-size: 1.6129032258vw;
    border-radius: .5040322581vw
  }
}

@media (max-width: 768px) {
  .about__summary-icon {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 1.0666666667vw
  }
}

.about__summary-title {
  font-size: 1.5625vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .about__summary-title {
    font-size: 1.814516129vw
  }
}

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

.about__summary-text {
  font-size: .9375vw;
  font-weight: 500
}

@media (max-width: 1020px) {
  .about__summary-text {
    font-size: 1.2096774194vw
  }
}

@media (max-width: 768px) {
  .about__summary-text {
    font-size: 2.9333333333vw;
    line-height: 1.6
  }
}

.use {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  background: transparent;
  color: var(--clr-white)
}

@media (max-width: 1020px) {
  .use {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .use {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.use__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .use__inner {
    max-width: 100.8064516129vw
  }
}

@media (max-width: 768px) {
  .use__inner {
    max-width: 100%
  }
}

.use__title {
  font-size: 3.515625vw;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-align: center;
  margin: 0 auto 5vw
}

@media (max-width: 1020px) {
  .use__title {
    font-size: 3.4274193548vw;
    margin-bottom: 4.8387096774vw
  }
}

@media (max-width: 768px) {
  .use__title {
    font-size: 7.4666666667vw;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin-bottom: 8.5333333333vw
  }
}

.use__cards {
  display: flex;
  justify-content: center;
  gap: 1.875vw;
  margin-bottom: 4.6875vw;
  flex-wrap: wrap
}

@media (max-width: 1020px) {
  .use__cards {
    gap: 2.0161290323vw;
    margin-bottom: 4.8387096774vw
  }
}

@media (max-width: 768px) {
  .use__cards {
    gap: 4.2666666667vw;
    margin-bottom: 9.6vw
  }
}

.use__card {
  width: 29.140625vw;
  background: var(--clr-white);
  color: var(--clr-black);
  border-radius: 1.5625vw;
  padding: 2.34375vw;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .use__card {
    width: 34.2741935484vw;
    border-radius: 1.814516129vw;
    padding: 2.4193548387vw;
    gap: .8064516129vw
  }
}

@media (max-width: 768px) {
  .use__card {
    width: 100%;
    max-width: 96vw;
    border-radius: 4.2666666667vw;
    padding: 5.3333333333vw;
    gap: 2.1333333333vw
  }
}

.use__card-head {
  display: flex;
  align-items: center;
  gap: .625vw;
  width: 100%
}

@media (max-width: 768px) {
  .use__card-head {
    gap: 1.6vw;
    justify-content: center
  }
}

.use__card-num {
  width: 2.8125vw;
  height: 2.8125vw;
  border-radius: .625vw;
  background: var(--clr-blue);
  color: var(--clr-white);
  display: inline-flex;
  justify-content: center;
  font-size: 1.5625vw;
  font-weight: 700;
  flex-shrink: 0
}

@media (max-width: 1020px) {
  .use__card-num {
    width: 3.2258064516vw;
    height: 3.2258064516vw;
    border-radius: .7056451613vw;
    font-size: 1.814516129vw
  }
}

@media (max-width: 768px) {
  .use__card-num {
    width: 8vw;
    height: 8vw;
    border-radius: 1.6vw;
    font-size: 4.2666666667vw
  }
}

.use__card-title {
  margin: 0;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 1.2
}

@media (max-width: 1020px) {
  .use__card-title {
    font-size: 2.0161290323vw
  }
}

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

.use__card-illust {
  width: 19.84375vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .use__card-illust {
    width: 22.1774193548vw
  }
}

@media (max-width: 768px) {
  .use__card-illust {
    width: 53.3333333333vw;
    margin-top: 2.1333333333vw;
    margin-bottom: 1.0666666667vw
  }
}

.use__card-sub {
  font-size: 1.40625vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .use__card-sub {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .use__card-sub {
    font-size: 4vw;
    text-align: center
  }
}

.use__card-text {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 200%
}

@media (max-width: 1020px) {
  .use__card-text {
    font-size: 1.4112903226vw;
    line-height: 1.9
  }
}

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

.use__summary {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .78125vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .use__summary {
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .use__summary {
    gap: 1.6vw
  }
}

.use__summary-main {
  font-size: 2.8125vw;
  font-weight: 700;
  line-height: 150%
}

@media (max-width: 1020px) {
  .use__summary-main {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .use__summary-main {
    font-size: 4.8vw;
    text-align: left
  }
}

.use__summary-note {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 150%
}

@media (max-width: 1020px) {
  .use__summary-note {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .use__summary-note {
    font-size: 3.4666666667vw;
    text-align: left
  }
}

.issues {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  background: var(--clr-surface);
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .issues {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .issues {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.issues__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .issues__inner {
    max-width: 100.8064516129vw
  }
}

@media (max-width: 768px) {
  .issues__inner {
    max-width: 100%
  }
}

.issues__header {
  text-align: center;
  margin-bottom: 3.125vw;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .issues__header {
    margin-bottom: 4.0322580645vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .issues__header {
    margin-bottom: 6.4vw;
    gap: 1.6vw
  }
}

.issues__title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em
}

@media (max-width: 1020px) {
  .issues__title {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .issues__title {
    font-size: 5.8666666667vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.issues__subtitle {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.6;
  opacity: .65
}

@media (max-width: 1020px) {
  .issues__subtitle {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .issues__subtitle {
    font-size: 3.4666666667vw;
    line-height: 1.7
  }
}

.issues__common {
  margin-bottom: 3.125vw
}

@media (max-width: 1020px) {
  .issues__common {
    margin-bottom: 4.0322580645vw
  }
}

@media (max-width: 768px) {
  .issues__common {
    margin-bottom: 4.2666666667vw
  }
}

.issues__common-title {
  font-size: 2.8125vw;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  margin: 0 0 1.5625vw
}

@media (max-width: 1020px) {
  .issues__common-title {
    font-size: 3.6290322581vw;
    margin-bottom: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .issues__common-title {
    font-size: 5.3333333333vw;
    margin-bottom: 3.2vw
  }
}

.issues__common-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5625vw;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .issues__common-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.0161290323vw;
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .issues__common-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 3.2vw;
    max-width: 100%
  }
}

.issues__common-item img {
  width: 21.875vw;
  height: 13.28125vw
}

@media (max-width: 1020px) {
  .issues__common-item img {
    width: 28.2258064516vw;
    height: 17.1370967742vw
  }
}

@media (max-width: 768px) {
  .issues__common-item img {
    width: 45.8666666667vw;
    height: 29.3333333333vw
  }
}

.issues__arrow {
  display: block;
  width: 3.75vw;
  height: 3.75vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .issues__arrow {
    width: 4.8387096774vw;
    height: 4.8387096774vw
  }
}

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

.issues__consequences {
  margin-bottom: 4.6875vw
}

@media (max-width: 1020px) {
  .issues__consequences {
    margin-bottom: 6.0483870968vw
  }
}

@media (max-width: 768px) {
  .issues__consequences {
    margin-bottom: 6.4vw
  }
}

.issues__consequences-title {
  font-size: 2.8125vw;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  margin: 1.5625vw 0
}

@media (max-width: 1020px) {
  .issues__consequences-title {
    font-size: 3.6290322581vw;
    margin: 2.0161290323vw 0
  }
}

@media (max-width: 768px) {
  .issues__consequences-title {
    font-size: 5.3333333333vw;
    margin: 3.2vw 0 4.2666666667vw
  }
}

.issues__consequences-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5625vw;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .issues__consequences-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.0161290323vw;
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .issues__consequences-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1333333333vw;
    max-width: 100%
  }
}

.issues__consequences-item {
  background: var(--clr-white);
  border-radius: 1.5625vw;
  padding: 2.34375vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .390625vw;
  text-align: center
}

@media (max-width: 1020px) {
  .issues__consequences-item {
    border-radius: 2.0161290323vw;
    padding: 3.0241935484vw;
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .issues__consequences-item {
    border-radius: 4.2666666667vw;
    padding: 2.1333333333vw 1.0666666667vw;
    gap: 1.3333333333vw
  }
}

.issues__consequences-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.issues__consequences-icon img {
  display: block;
  width: auto;
  height: 4.453125vw
}

@media (max-width: 1020px) {
  .issues__consequences-icon img {
    height: 5.7459677419vw
  }
}

@media (max-width: 768px) {
  .issues__consequences-icon img {
    height: 8vw
  }
}

.issues__consequences-text {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .issues__consequences-text {
    font-size: 1.6129032258vw
  }
}

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

.issues__cta {
  text-align: center;
  margin-top: 3.125vw
}

@media (max-width: 1020px) {
  .issues__cta {
    margin-top: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .issues__cta {
    margin-top: 6.4vw;
    text-align: left
  }
}

.issues__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .9375vw;
  padding: 2.1875vw 5.625vw;
  font-size: 1.71875vw;
  font-weight: 700;
  color: var(--clr-white);
  background: var(--clr-blue);
  border-radius: 78.046875vw;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 32px #1a6fe880
}

.issues__cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px #1a6fe899
}

@media (max-width: 1020px) {
  .issues__cta-button {
    padding: 2.4193548387vw 5.6451612903vw;
    font-size: 2.0161290323vw;
    gap: 1.0080645161vw;
    border-radius: 100.7056451613vw
  }
}

@media (max-width: 768px) {
  .issues__cta-button {
    width: 100%;
    padding: 5.3333333333vw 8.5333333333vw;
    font-size: 4.5333333333vw;
    gap: 2.1333333333vw;
    border-radius: 266.4vw
  }
}

.issues__cta-arrow {
  font-style: normal;
  transition: transform .25s ease
}

.issues__cta-button:hover .issues__cta-arrow {
  transform: translate(4px)
}

.reason {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  color: var(--clr-white)
}

@media (max-width: 1020px) {
  .reason {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .reason {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.reason__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .reason__inner {
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .reason__inner {
    max-width: 100%
  }
}

.reason__header {
  text-align: center;
  margin-bottom: 5.46875vw;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .reason__header {
    margin-bottom: 7.0564516129vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .reason__header {
    margin-bottom: 6.4vw;
    gap: 1.6vw
  }
}

.reason__title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: var(--clr-white)
}

@media (max-width: 1020px) {
  .reason__title {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .reason__title {
    font-size: 5.8666666667vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.reason__subtitle {
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 150%;
  color: var(--clr-white)
}

@media (max-width: 1020px) {
  .reason__subtitle {
    font-size: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .reason__subtitle {
    font-size: 3.7333333333vw;
    line-height: 1.4
  }
}

.reason__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875vw
}

@media (max-width: 1020px) {
  .reason__cards {
    gap: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .reason__cards {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw
  }
}

.reason__card {
  color: var(--clr-black);
  background: var(--clr-white);
  border-radius: 1.5625vw;
  padding: 2.34375vw;
  display: flex;
  flex-direction: column;
  gap: 1.5625vw
}

@media (max-width: 1020px) {
  .reason__card {
    border-radius: 2.0161290323vw;
    padding: 3.0241935484vw;
    gap: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .reason__card {
    border-radius: 4.2666666667vw;
    padding: 5.3333333333vw;
    gap: 3.7333333333vw
  }
}

.reason__card-illust {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.reason__card-illust img {
  display: block;
  width: auto;
  height: 10.9375vw;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width: 1020px) {
  .reason__card-illust img {
    height: 14.1129032258vw
  }
}

@media (max-width: 768px) {
  .reason__card-illust img {
    height: 29.3333333333vw
  }
}

.reason__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .9375vw
}

@media (max-width: 1020px) {
  .reason__card-content {
    gap: 1.2096774194vw
  }
}

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

.reason__card-icon {
  width: auto;
  height: 3.75vw
}

@media (max-width: 1020px) {
  .reason__card-icon {
    height: 4.8387096774vw
  }
}

@media (max-width: 768px) {
  .reason__card-icon {
    height: 9.6vw
  }
}

.reason__card-title h3 {
  font-size: 1.875vw;
  font-weight: 700;
  white-space: nowrap
}

@media (max-width: 1020px) {
  .reason__card-title h3 {
    font-size: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .reason__card-title h3 {
    font-size: 4.8vw;
    white-space: normal
  }
}

.reason__card-title p {
  font-size: 1.40625vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .reason__card-title p {
    font-size: 1.814516129vw
  }
}

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

.reason__card-desc {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 200%
}

@media (max-width: 1020px) {
  .reason__card-desc {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .reason__card-desc {
    font-size: 3.7333333333vw;
    line-height: 1.8
  }
}

.reason__card-tip {
  display: flex;
  align-items: center;
  gap: .625vw
}

@media (max-width: 1020px) {
  .reason__card-tip {
    gap: .8064516129vw
  }
}

@media (max-width: 768px) {
  .reason__card-tip {
    align-items: flex-start;
    gap: 1.6vw
  }
}

.reason__card-tip-icon {
  display: block;
  width: 2.265625vw;
  height: 1.875vw
}

@media (max-width: 1020px) {
  .reason__card-tip-icon {
    width: 2.9233870968vw;
    height: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .reason__card-tip-icon {
    width: 6.4vw;
    height: 5.3333333333vw
  }
}

.reason__card-tip-text {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .reason__card-tip-text {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .reason__card-tip-text {
    font-size: 3.7333333333vw;
    line-height: 1.6
  }
}

.reason__cta {
  text-align: center;
  margin-top: 6.25vw
}

@media (max-width: 1020px) {
  .reason__cta {
    margin-top: 6.4516129032vw
  }
}

@media (max-width: 768px) {
  .reason__cta {
    margin-top: 12.8vw
  }
}

.reason__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .9375vw;
  padding: 2.1875vw 5.625vw;
  font-size: 1.71875vw;
  font-weight: 700;
  color: var(--clr-white);
  background: var(--clr-blue);
  border-radius: 78.046875vw;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 32px #1a6fe880
}

.reason__cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px #1a6fe899
}

@media (max-width: 1020px) {
  .reason__cta-button {
    padding: 2.4193548387vw 5.6451612903vw;
    font-size: 2.0161290323vw;
    gap: 1.0080645161vw;
    border-radius: 100.7056451613vw
  }
}

@media (max-width: 768px) {
  .reason__cta-button {
    width: 100%;
    padding: 5.3333333333vw 8.5333333333vw;
    font-size: 4.5333333333vw;
    gap: 2.1333333333vw;
    border-radius: 266.4vw
  }
}

.reason__cta-arrow {
  font-style: normal;
  transition: transform .25s ease
}

.reason__cta-button:hover .reason__cta-arrow {
  transform: translate(4px)
}

.operation {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  background: var(--clr-surface);
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .operation {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .operation {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.operation__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5.46875vw
}

@media (max-width: 1020px) {
  .operation__inner {
    max-width: 118.9516129032vw;
    gap: 7.0564516129vw
  }
}

@media (max-width: 768px) {
  .operation__inner {
    max-width: 100%;
    gap: 7.4666666667vw
  }
}

.operation__header {
  text-align: center
}

.operation__title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -.02em;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25vw
}

@media (max-width: 1020px) {
  .operation__title {
    font-size: 3.6290322581vw;
    margin-bottom: 1.2096774194vw
  }
}

@media (max-width: 768px) {
  .operation__title {
    font-size: 5.8666666667vw;
    line-height: 1.2;
    letter-spacing: -.01em;
    margin-bottom: 2.1333333333vw
  }
}

.operation__title-line {
  display: block;
  color: var(--clr-black)
}

.operation__title-line--blue {
  color: var(--clr-blue)
}

.operation__subtitle {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.7;
  color: var(--clr-black);
  opacity: .7
}

@media (max-width: 1020px) {
  .operation__subtitle {
    font-size: 1.6129032258vw
  }
}

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

.operation__concept {
  width: 37.65625vw;
  height: 20.390625vw;
  display: block;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .operation__concept {
    width: 48.5887096774vw;
    height: 26.310483871vw
  }
}

@media (max-width: 768px) {
  .operation__concept {
    width: 100%;
    max-width: 90.6666666667vw;
    height: 58.6666666667vw
  }
}

.operation__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875vw;
  max-width: 85.9375vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .operation__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.0161290323vw;
    max-width: 100.8064516129vw
  }
}

@media (max-width: 768px) {
  .operation__steps {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3.2vw;
    max-width: 100%
  }
}

.operation__step img {
  width: 21.875vw;
  height: 14.375vw
}

@media (max-width: 1020px) {
  .operation__step img {
    width: 28.2258064516vw;
    height: 18.5483870968vw
  }
}

@media (max-width: 768px) {
  .operation__step img {
    width: 74.6666666667vw;
    height: 49.0666666667vw
  }
}

.operation__support {
  text-align: center
}

.operation__support-title {
  font-size: 2.8125vw;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 1.5625vw;
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .operation__support-title {
    font-size: 3.6290322581vw;
    margin-bottom: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .operation__support-title {
    font-size: 5.8666666667vw;
    margin-bottom: 3.2vw
  }
}

.operation__support-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5625vw;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .operation__support-list {
    gap: 2.0161290323vw;
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .operation__support-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1333333333vw;
    max-width: 100%
  }
}

.operation__support-item img {
  width: 14.0625vw;
  height: 11.328125vw
}

@media (max-width: 1020px) {
  .operation__support-item img {
    width: 18.1451612903vw;
    height: 14.6169354839vw
  }
}

@media (max-width: 768px) {
  .operation__support-item img {
    width: 48vw;
    height: 38.6666666667vw
  }
}

.case {
  position: relative;
  z-index: 1;
  padding: 9.375vw 0;
  background: var(--clr-white);
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .case {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .case {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.case__header {
  text-align: center;
  margin-bottom: 3.125vw;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .case__header {
    margin-bottom: 4.0322580645vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .case__header {
    margin-bottom: 6.4vw;
    gap: 1.6vw
  }
}

.case__title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em
}

@media (max-width: 1020px) {
  .case__title {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .case__title {
    font-size: 5.8666666667vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.case__desc {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.7;
  opacity: .65
}

@media (max-width: 1020px) {
  .case__desc {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .case__desc {
    font-size: 3.4666666667vw;
    line-height: 1.6
  }
}

.case__swiper-wrapper {
  position: relative
}

.case__swiper {
  overflow: hidden
}

.case__slide {
  width: 70.3125vw !important;
  height: 62.5vw !important
}

@media (max-width: 1020px) {
  .case__slide {
    width: 90.7258064516vw !important;
    height: 80.6451612903vw !important
  }
}

@media (max-width: 768px) {
  .case__slide {
    width: 85.3333333333vw !important;
    height: 206.6666666667vw !important
  }
}

.case__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  transition: opacity .3s ease
}

.case__nav:hover {
  opacity: .8
}

.case__nav img {
  width: 4.375vw;
  height: 4.453125vw;
  display: block
}

@media (max-width: 1020px) {
  .case__nav img {
    width: 5.6451612903vw;
    height: 5.7459677419vw
  }
}

@media (max-width: 768px) {
  .case__nav img {
    width: 8.5333333333vw;
    height: 8.8vw
  }
}

.case__nav--prev {
  left: 11.953125vw
}

@media (max-width: 1020px) {
  .case__nav--prev {
    left: 15.4233870968vw
  }
}

@media (max-width: 768px) {
  .case__nav--prev {
    left: -2.6666666667vw
  }
}

.case__nav--next {
  right: 11.953125vw
}

@media (max-width: 1020px) {
  .case__nav--next {
    right: 15.4233870968vw
  }
}

@media (max-width: 768px) {
  .case__nav--next {
    right: -2.6666666667vw
  }
}

.case__card {
  background: var(--clr-white);
  padding: 3.125vw;
  display: flex;
  flex-direction: column;
  gap: 2.34375vw;
  position: relative;
  z-index: 0;
  border: 2px solid var(--clr-black);
  box-shadow: 0 10px 0 0 var(--clr-black);
  border-radius: 1.5625vw
}

@media (max-width: 1020px) {
  .case__card {
    padding: 4.0322580645vw;
    gap: 3.0241935484vw;
    border-radius: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .case__card {
    padding: 4.2666666667vw;
    gap: 2.1333333333vw;
    border-radius: 4.2666666667vw
  }
}

.case__card-header {
  display: flex;
  align-items: center;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .case__card-header {
    gap: .5040322581vw
  }
}

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

.case__card-icon {
  width: 4.453125vw;
  height: 4.453125vw;
  display: block
}

@media (max-width: 1020px) {
  .case__card-icon {
    width: 5.7459677419vw;
    height: 5.7459677419vw
  }
}

@media (max-width: 768px) {
  .case__card-icon {
    width: 10.1333333333vw;
    height: 10.1333333333vw
  }
}

.case__card-category {
  display: flex;
  flex-direction: column;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .case__card-category {
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .case__card-category {
    gap: 1.3333333333vw
  }
}

.case__card-label {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .case__card-label {
    font-size: 1.6129032258vw
  }
}

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

.case__card-title {
  font-size: 1.875vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .case__card-title {
    font-size: 2.4193548387vw
  }
}

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

.case__card-compare {
  display: flex;
  gap: 1.5625vw;
  padding-bottom: 2.34375vw;
  border-bottom: 1px solid var(--clr-border)
}

@media (max-width: 1020px) {
  .case__card-compare {
    gap: 2.0161290323vw;
    padding-bottom: 3.0241935484vw
  }
}

@media (max-width: 768px) {
  .case__card-compare {
    gap: 2.1333333333vw;
    padding-bottom: 5.3333333333vw
  }
}

.case__card-before, .case__card-after {
  padding: 1.5625vw;
  border-radius: 1.5625vw;
  border: 1px solid var(--clr-border);
  display: flex;
  flex-direction: column;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .case__card-before, .case__card-after {
    padding: 2.0161290323vw;
    border-radius: 2.0161290323vw;
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .case__card-before, .case__card-after {
    padding: 2.1333333333vw;
    border-radius: 4.2666666667vw;
    gap: 1.3333333333vw
  }
}

.case__card-compare-icon {
  display: flex;
  align-items: center;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .case__card-compare-icon {
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .case__card-compare-icon {
    gap: 1.3333333333vw
  }
}

.case__card-compare-icon img {
  width: 2.96875vw;
  height: 2.96875vw;
  display: block
}

@media (max-width: 1020px) {
  .case__card-compare-icon img {
    width: 3.8306451613vw;
    height: 3.8306451613vw
  }
}

@media (max-width: 768px) {
  .case__card-compare-icon img {
    width: 6.4vw;
    height: 6.4vw
  }
}

.case__card-compare-label {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .case__card-compare-label {
    font-size: 1.6129032258vw
  }
}

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

.case__card-compare-text {
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 200%
}

@media (max-width: 1020px) {
  .case__card-compare-text {
    font-size: 1.4112903226vw
  }
}

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

.case__card-inquiry, .case__card-flow, .case__card-changes {
  display: flex;
  flex-direction: column;
  gap: 1.5625vw
}

@media (max-width: 1020px) {
  .case__card-inquiry, .case__card-flow, .case__card-changes {
    gap: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .case__card-inquiry, .case__card-flow, .case__card-changes {
    gap: 2.1333333333vw
  }
}

.case__card-section-header {
  display: flex;
  align-items: center;
  gap: .390625vw
}

@media (max-width: 1020px) {
  .case__card-section-header {
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .case__card-section-header {
    gap: 1.3333333333vw
  }
}

.case__card-section-header img {
  width: auto;
  height: 2.265625vw;
  display: block
}

@media (max-width: 1020px) {
  .case__card-section-header img {
    height: 2.9233870968vw
  }
}

@media (max-width: 768px) {
  .case__card-section-header img {
    height: 6.4vw
  }
}

.case__card-section-header span {
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .case__card-section-header span {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .case__card-section-header span {
    font-size: 3.7333333333vw
  }
}

.case__card-inquiry-box {
  padding: 1.5625vw;
  background: var(--clr-white);
  box-shadow: 0 0 10px #00000026;
  border-radius: 1.5625vw;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 200%;
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .case__card-inquiry-box {
    padding: 2.0161290323vw;
    border-radius: 2.0161290323vw;
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .case__card-inquiry-box {
    padding: 4.2666666667vw;
    border-radius: 4.2666666667vw;
    font-size: 3.7333333333vw
  }
}

.case__card-flow-steps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .case__card-flow-steps {
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .case__card-flow-steps {
    gap: 1.6vw
  }
}

.case__card-flow-steps span {
  font-size: 1.09375vw;
  font-weight: 700;
  padding: .78125vw;
  border: 1px solid var(--clr-border);
  background: var(--clr-white);
  border-radius: 1.5625vw
}

@media (max-width: 1020px) {
  .case__card-flow-steps span {
    font-size: 1.4112903226vw;
    padding: 1.0080645161vw;
    border-radius: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .case__card-flow-steps span {
    font-size: 3.2vw;
    padding: 2.1333333333vw;
    border-radius: 4.2666666667vw
  }
}

.case__flow-arrow {
  width: 1.5625vw;
  height: 1.5625vw;
  display: block;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width: 1020px) {
  .case__flow-arrow {
    width: 2.0161290323vw;
    height: 2.0161290323vw
  }
}

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

.case__card-changes-list {
  display: flex;
  flex-wrap: wrap;
  gap: .78125vw;
  margin-top: .78125vw
}

@media (max-width: 1020px) {
  .case__card-changes-list {
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .case__card-changes-list {
    gap: 2.1333333333vw
  }
}

.case__card-change-tag {
  display: inline-flex;
  align-items: center;
  gap: .390625vw;
  padding: .78125vw 1.5625vw;
  background: var(--clr-black);
  color: var(--clr-white);
  border-radius: 7.8125vw;
  font-size: 1.25vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .case__card-change-tag {
    gap: .5040322581vw;
    border-radius: 10.0806451613vw;
    padding: 1.0080645161vw 2.0161290323vw;
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .case__card-change-tag {
    gap: 1.3333333333vw;
    border-radius: 26.6666666667vw;
    padding: 2.1333333333vw 4.2666666667vw;
    font-size: 3.2vw
  }
}

.case__card-change-tag img {
  width: 2.03125vw;
  height: 1.875vw;
  display: block
}

@media (max-width: 1020px) {
  .case__card-change-tag img {
    width: 2.6209677419vw;
    height: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .case__card-change-tag img {
    width: 5.8666666667vw;
    height: 5.3333333333vw
  }
}

.faq {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  background: var(--clr-surface);
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .faq {
    padding: 10.0806451613vw 3.2258064516vw
  }
}

@media (max-width: 768px) {
  .faq {
    padding: 17.0666666667vw 5.3333333333vw
  }
}

.faq__inner {
  width: 100%;
  max-width: 92.1875vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .faq__inner {
    max-width: 118.9516129032vw
  }
}

@media (max-width: 768px) {
  .faq__inner {
    max-width: 100%
  }
}

.faq__header {
  text-align: center;
  margin-bottom: 3.125vw;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .faq__header {
    margin-bottom: 4.0322580645vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .faq__header {
    margin-bottom: 7.4666666667vw;
    gap: 1.6vw
  }
}

.faq__title {
  font-size: 3.90625vw;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .faq__title {
    font-size: 3.6290322581vw
  }
}

@media (max-width: 768px) {
  .faq__title {
    font-size: 5.8666666667vw;
    line-height: 1.2;
    letter-spacing: -.01em
  }
}

.faq__subtitle {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.7;
  color: var(--clr-black);
  opacity: .65
}

@media (max-width: 1020px) {
  .faq__subtitle {
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .faq__subtitle {
    font-size: 3.7333333333vw;
    line-height: 1.6
  }
}

.faq__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .faq__list {
    gap: 1.0080645161vw
  }
}

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

.faq__item {
  background: var(--clr-white);
  border-radius: 1.5625vw;
  overflow: hidden;
  border: 2px solid var(--clr-black);
  box-shadow: 0 5px 0 0 var(--clr-black);
  padding: 2.34375vw
}

@media (max-width: 1020px) {
  .faq__item {
    border-radius: 2.0161290323vw;
    padding: 3.0241935484vw;
    box-shadow: 0 .5040322581vw 0 0 var(--clr-black)
  }
}

@media (max-width: 768px) {
  .faq__item {
    border-radius: 4.2666666667vw;
    padding: 5.3333333333vw;
    box-shadow: 0 1.0666666667vw 0 0 var(--clr-black)
  }
}

.faq__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity .3s ease
}

.faq__question:hover {
  opacity: .7
}

.faq__question-head {
  display: flex;
  align-items: center;
  gap: .390625vw;
  font-size: 1.5625vw;
  font-weight: 700;
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .faq__question-head {
    font-size: 2.0161290323vw;
    gap: .5040322581vw
  }
}

@media (max-width: 768px) {
  .faq__question-head {
    font-size: 4.2666666667vw;
    gap: 1.6vw
  }
}

.faq__q-badge {
  width: 2.890625vw;
  height: 2.96875vw;
  display: block
}

@media (max-width: 1020px) {
  .faq__q-badge {
    width: 3.7298387097vw;
    height: 3.8306451613vw
  }
}

@media (max-width: 768px) {
  .faq__q-badge {
    width: 8vw;
    height: 8vw
  }
}

.faq__question-text {
  font-size: 1.5625vw;
  font-weight: 700
}

@media (max-width: 1020px) {
  .faq__question-text {
    font-size: 2.0161290323vw
  }
}

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

.faq__question-icon {
  flex-shrink: 0;
  position: relative;
  width: 2.1875vw;
  height: 2.1875vw;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (max-width: 1020px) {
  .faq__question-icon {
    width: 2.8225806452vw;
    height: 2.8225806452vw
  }
}

@media (max-width: 768px) {
  .faq__question-icon {
    width: 5.8666666667vw;
    height: 5.8666666667vw
  }
}

.faq__question-icon-open {
  position: absolute;
  width: 1.71875vw;
  height: 1.875vw;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform .3s ease
}

@media (max-width: 1020px) {
  .faq__question-icon-open {
    width: 2.2177419355vw;
    height: 2.4193548387vw
  }
}

@media (max-width: 768px) {
  .faq__question-icon-open {
    width: 4.8vw;
    height: 5.3333333333vw
  }
}

.faq__item.is-open .faq__question-icon-open {
  transform: rotate(180deg)
}

.faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows .35s ease-out
}

.faq__item.is-open .faq__answer {
  grid-template-rows: 1fr
}

.faq__answer-inner {
  padding: 1.796875vw 0 0 2.34375vw;
  display: flex;
  gap: .78125vw;
  border-top: 1px solid var(--clr-border);
  margin-top: 2.34375vw
}

@media (max-width: 1020px) {
  .faq__answer-inner {
    padding: 3.0241935484vw 0 0 3.0241935484vw;
    margin-top: 3.0241935484vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .faq__answer-inner {
    padding: 4.8vw 0 0;
    margin-top: 5.3333333333vw;
    gap: 2.1333333333vw
  }
}

.faq__answer-item {
  min-height: 0
}

.faq__a-badge {
  width: 2.890625vw;
  height: 2.96875vw;
  display: block
}

@media (max-width: 1020px) {
  .faq__a-badge {
    width: 3.7298387097vw;
    height: 3.8306451613vw
  }
}

@media (max-width: 768px) {
  .faq__a-badge {
    width: 8vw;
    height: 8vw
  }
}

.faq__answer-text {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 200%;
  color: var(--clr-black)
}

@media (max-width: 1020px) {
  .faq__answer-text {
    font-size: 1.6129032258vw;
    line-height: 1.9
  }
}

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

.faq__cta {
  text-align: center;
  margin-top: 3.125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .78125vw
}

@media (max-width: 1020px) {
  .faq__cta {
    margin-top: 4.0322580645vw;
    gap: 1.0080645161vw
  }
}

@media (max-width: 768px) {
  .faq__cta {
    margin-top: 8.5333333333vw;
    gap: 1.6vw
  }
}

.faq__cta-text {
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr-black);
  opacity: .65
}

@media (max-width: 1020px) {
  .faq__cta-text {
    font-size: 1.6129032258vw
  }
}

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

.faq__cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .9375vw;
  width: 100%;
  padding: 2.1875vw 5.625vw;
  font-size: 1.71875vw;
  font-weight: 700;
  color: var(--clr-white);
  background: var(--clr-blue);
  border-radius: 78.046875vw;
  transition: transform .25s ease, box-shadow .25s ease;
  text-decoration: none;
  box-shadow: 0 6px 32px #1a6fe880
}

.faq__cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px #1a6fe899
}

@media (max-width: 1020px) {
  .faq__cta-button {
    padding: 2.4193548387vw 6.0483870968vw;
    font-size: 2.0161290323vw;
    border-radius: 100.7056451613vw
  }
}

@media (max-width: 768px) {
  .faq__cta-button {
    padding: 5.3333333333vw 9.6vw;
    font-size: 4.2666666667vw;
    border-radius: 266.4vw;
    gap: 2.1333333333vw
  }
}

.faq__cta-arrow {
  font-style: normal;
  transition: transform .25s ease
}

.faq__cta-button:hover .faq__cta-arrow {
  transform: translate(4px)
}

@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 {
  flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  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 {
  scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  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: "";
  flex-shrink: 0;
  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 {
  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 {
  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: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
  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;
  transform-origin: 50%;
  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 {
  animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

  to {
    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: flex;
  align-items: 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;
  transform-origin: center
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  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;
  transition: .3s opacity;
  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 {
  transform: scale(.33);
  position: relative
}

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  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;
  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%;
  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%;
  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;
  transition: .2s transform, .2s top
}

.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%;
  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 {
  transition: .2s transform, .2s left
}

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

.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%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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
}