@charset "UTF-8";

.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
}

.contact {
  position: relative;
  z-index: 1;
  padding: 9.375vw 3.125vw;
  font-family: LINE Seed JP, Inter, sans-serif;
  background: url(/assets/img/img_contact_bg.png) no-repeat center bottom/contain var(--clr-white);
  color: var(--clr-black)
}

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

@media (max-width: 768px) {
  .contact {
    padding: 17.0666666667vw 5.3333333333vw;
    background-size: cover;
    background-position: center top
  }
}

.contact__inner {
  width: 100%;
  max-width: 61.40625vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .contact__inner {
    max-width: 86.6935483871vw
  }
}

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

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

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

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

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

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

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

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

.contact__cases {
  text-align: center;
  margin-bottom: 3.125vw
}

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

.contact__cases-title {
  display: inline-flex;
  align-items: center;
  gap: .46875vw;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-black)
}

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

@media (max-width: 768px) {
  .contact__cases-title {
    gap: 1.6vw;
    font-size: 4.8vw
  }
}

.contact__cases-icon {
  width: 2.96875vw;
  height: 2.96875vw
}

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

.contact__cases-list {
  margin: 1.5625vw auto 0;
  display: flex;
  justify-content: space-between;
  max-width: 57.03125vw
}

@media (max-width: 1020px) {
  .contact__cases-list {
    max-width: 100%;
    gap: 1.2096774194vw
  }
}

@media (max-width: 768px) {
  .contact__cases-list {
    margin-top: 3.7333333333vw;
    flex-direction: column;
    align-items: center;
    gap: 2.6666666667vw
  }
}

.contact__cases-item {
  width: 17.96875vw;
  height: 6.484375vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAACwCAYAAACCTF6IAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAd6SURBVHgB7d0/VhtZFsDhiztxiFdgsQLjbDKKzCFeAe0VNF4BInI4eAXIKxhSRxIrMF4BYgXQ2WRMPf3pEUJCVyCdA6rvO+dZdlHGkc+PW1V62oqnq+q1W6+90ev2aAHAS3Fbr/5o/a5Xb7SWthXLKUH8q15HIY4AvE79GEbzZPT7lGwwSxyPYxhKANgUnUiG849YrETyPzG8BAsAm6TcUjyo19/1unzsxEUT5r9jzlS5vb0dBwcHsbe3F7u7u9FqtQbHAOCluL29jX6/H5eXl3FxcRHn5+eDY3Oc1uvrvC/OC2Yp38ypsoTx6OgoDg8PBRKAV6fT6cTJyckgpDOUKXM/hg8L3TMvmL9iOKb+o8Tx+Ph4EEsAeO1OT0/j69eZA2UvhtG8Z1YwH1yGLVNlt9sdvALApihT5v7+/qxp88Hl2TdTJ/wZU7Es9yfFEoBNNB4IS+umHMVUDycnzFa9uqPXe99ILAHYZHMmzXIfc2f0em/CbMdELMs9S7EEoAnGA+LUw6zjPQgGxu/DbNXrbPKsb9++xadPnwIAmqDE8u3bt/Hz58/Jw/+q1/d6/Xd8SbZTr8PxV0tpr66uAgCaZmdnZ/rSbNkJqD2+JLs3+ZV2ux0A0EQz3j5Z9lAfPPRTxfBhn4Eykt7c3AQANFHZCahMmVM7Au2XCbOaPFK2uwOAphpv/TpltwTz3ptPqqoKAGiysk/6lKoE8/3kkQ8fPgQANNmMjQw+lGC2Jo943yUATTejhdvloZ+7ySN3d3cBAE23tXV/u/U3AQAsJJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQIJgAkCCYAJAgmACQ8CCYt7e3AQBNNquFD4LZ7/cDAJpsVgsfBPP3798BAE12eXn54NiDYPZ6vQCAJru4uHhwbKted5MHtre34+rqavAKAE307t27B/cxZz708+PHjwCAJup0OjMf+nkwYRatVmswZQJA0+zs7OQe+inKid+/fw8AaJLSvnnvFpk5YRblHuavX78G0yYAbLoSyo8fP87dj2DuTj/lL+zv73tfJgAbr7SuNO+xzXtKMG8f+wafP38WTQA2VrJ1t+WSbDnj/WNnlcuy3W7X5VkANsp4skwMhpdlwrzMfMNyXdeDQABsitK00rbkVdTrEsxe5sxyXffo6GjwuK33aQLwGpWWlVCWlpWmLfGBI5flkmxVr24sqTxFe3BwEFVVxe7ubrx//97uQAC8KCWI19fXg71hy9av5+fnT/1Urv2t0W9u6qV2sAbr3m5yiXswwNP067UzfluJm5OwJuNLQOtSbpGIJaxVr/wynjDLj743AazFOqfMedt4ASuzU6/+eMIsF3RNmbAm65oyyybRYglr1YnhJdl/Jsyi/Oh7Fe5lwlqsY8o0XcJa9eu1P3q9tzVemTJPAliLVU+ZpktYu9LE/vgPWzNOOK3XXwGs3CqnTNMlrFX56fZo8sCszdfLCb0AVm5VU6bpEtaq7IB3NH1wa87J5cffspnBbgArtYop03QJa3NRr4OY8cEk8z7eq5z4MTw5Cyv33CnTdAlrU/5jVjHnU7y2YrE/63Vcr1YAK1E++adMmU9huoSVGz/0evrYSW9isU4MH6u14zqsSAneUz7EwHQJK1emyrIxwemiEzMT5qRWvdr12gsTJzzLU6ZM0yWsxHizntOYc/l1lmWDOakarfJgUCuGH0Jt0wNYQpkYDw8P0+d++fIlgKWUIP4dwydfexOvwAvSrtfdY6ueMu+yyrmLvt/o3wSAV2X8oQaPRq6eHBfG8uzsLBPLcn23FQDwCrVjBVOm6RKATZeaMs/Pz587XZbVCgB4xdqxIHZVVT13ujwLAHjlUlNmt9s1XQLQeO14wpRpugSgaZaeMk2XADRVO5aYMk2XADRVeso0XQLQdO1ITJmmSwCarhW5ydF0CUDjdeL5sTRdArDxWmG6BICUTpguAWChVpguASClE6ZLAFioFaZLAEg5D9MlACxUhekSAFK6YboEgIWqMF0CQMpjU6bpEgBGqjBdAkDKrCnTdAkAU6owXQJAyuSU2QsAYKYq/h/MKgCAucqU2QvgRfkjgJfmOobB7AfwYvwPkzMXZWy558kAAAAASUVORK5CYII=) no-repeat left top/17.96875vw 6.484375vw;
  font-size: 1.25vw;
  font-weight: 700;
  color: var(--clr-black);
  padding-top: 1.5625vw
}

@media (max-width: 1020px) {
  .contact__cases-item {
    width: 33.33%;
    height: 9.6774193548vw;
    background-size: 100% 100%;
    font-size: 1.5120967742vw;
    padding-top: 1.814516129vw
  }
}

@media (max-width: 768px) {
  .contact__cases-item {
    width: 100%;
    max-width: 85.3333333333vw;
    height: 19.2vw;
    background-size: 100% 100%;
    font-size: 3.7333333333vw;
    padding-top: 4.2666666667vw
  }
}

.contact__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .78125vw
}

.contact__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
}

.contact__form {
  padding: 3.125vw 2.34375vw 2.03125vw;
  border-radius: 1.71875vw;
  background: var(--clr-white);
  display: flex;
  flex-direction: column;
  gap: 2.34375vw;
  border: 2px solid var(--clr-black);
  box-shadow: 0 5px 0 0 var(--clr-black)
}

@media (max-width: 1020px) {
  .contact__form {
    padding: 3.6290322581vw 2.4193548387vw 2.4193548387vw;
    gap: 2.4193548387vw
  }
}

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

.contact__fields {
  display: flex;
  flex-direction: column;
  gap: 2.03125vw
}

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

.contact__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.03125vw
}

@media (max-width: 1020px) {
  .contact__row {
    gap: 2.0161290323vw
  }
}

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

.contact__row.-single {
  grid-template-columns: 1fr
}

.contact__field {
  display: flex;
  flex-direction: column;
  gap: .9375vw
}

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

.contact__label {
  display: inline-flex;
  align-items: center;
  gap: .15625vw;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--clr-black)
}

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

.contact__required {
  color: var(--clr-error)
}

.contact__input, .contact__textarea {
  width: 100%;
  border: 1px solid var(--clr-border);
  border-radius: .78125vw;
  background: var(--clr-surface);
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 150%;
  color: var(--clr-black);
  transition: border-color .2s ease, background .2s ease
}

.contact__input::-moz-placeholder, .contact__textarea::-moz-placeholder {
  color: var(--clr-placeholder)
}

.contact__input::placeholder, .contact__textarea::placeholder {
  color: var(--clr-placeholder)
}

.contact__input:focus, .contact__textarea:focus {
  outline: none;
  border-color: var(--clr-blue);
  background: var(--clr-white)
}

.contact__input {
  padding: .78125vw 1.5625vw
}

@media (max-width: 768px) {
  .contact__input {
    padding: 2.6666666667vw 3.2vw;
    font-size: 4vw
  }
}

.contact__textarea {
  min-height: 23.4375vw;
  resize: vertical;
  padding: 1.40625vw
}

@media (max-width: 768px) {
  .contact__textarea {
    min-height: 48vw;
    padding: 3.2vw;
    font-size: 4vw
  }
}

.contact__submit {
  margin: 0 auto;
  width: 28.125vw;
  height: 5.3125vw;
  border-radius: 7.8125vw;
  background: var(--clr-blue);
  color: var(--clr-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .625vw;
  font-size: 1.25vw;
  font-weight: 700;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 32px #1a6fe880
}

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

@media (max-width: 1020px) {
  .contact__submit {
    width: 36.2903225806vw;
    height: 6.4516129032vw;
    font-size: 1.6129032258vw
  }
}

@media (max-width: 768px) {
  .contact__submit {
    width: 100%;
    max-width: 85.3333333333vw;
    height: 13.8666666667vw;
    font-size: 4vw;
    gap: 1.6vw
  }
}

.contact__submit-icon {
  width: 2.34375vw;
  height: 2.34375vw
}

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

.contact__note {
  margin-top: .625vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .15625vw;
  color: var(--clr-black)
}

@media (max-width: 768px) {
  .contact__note {
    margin-top: 1.0666666667vw;
    gap: .5333333333vw
  }
}

.contact__note-main {
  font-size: 1.25vw;
  font-weight: 700
}

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

.contact__note-sub {
  font-size: 1.25vw;
  font-weight: 500
}

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

.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)
}

.page--thanks .layout, .page--thanks .layout__main, .page--thanks body {
  background: var(--clr-dark)
}

.page--thanks .header__cta {
  display: none
}

.thanks {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.375vw 3.125vw;
  background: var(--clr-dark)
}

@media (max-width: 768px) {
  .thanks {
    padding: 21.3333333333vw 5.3333333333vw;
    align-items: center;
    justify-content: center;
    text-align: center
  }
}

.thanks__inner {
  width: 100%;
  max-width: 50vw;
  margin: 0 auto;
  padding: 5vw 4.375vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875vw
}

@media (max-width: 1020px) {
  .thanks__inner {
    max-width: 60.4838709677vw;
    padding: 5.6451612903vw 4.0322580645vw;
    gap: 2.0161290323vw
  }
}

@media (max-width: 768px) {
  .thanks__inner {
    max-width: 100%;
    padding: 12.8vw 6.4vw;
    gap: 4.2666666667vw
  }
}

.thanks__logo {
  width: 7.5vw;
  height: auto
}

@media (max-width: 1020px) {
  .thanks__logo {
    width: 8.064516129vw
  }
}

@media (max-width: 768px) {
  .thanks__logo {
    width: 17.0666666667vw
  }
}

.thanks__title {
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -.02em;
  color: var(--clr-white)
}

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

@media (max-width: 768px) {
  .thanks__title {
    font-size: 5.8666666667vw;
    line-height: 1.5
  }
}

.thanks__text {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.8;
  color: var(--clr-white);
  opacity: .65
}

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

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

.thanks__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.25vw 3.75vw;
  border-radius: 78.046875vw;
  background: var(--clr-blue);
  color: var(--clr-white);
  text-decoration: none;
  font-size: 1.25vw;
  font-weight: 700;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 32px #1a6fe880
}

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

@media (max-width: 1020px) {
  .thanks__button {
    padding: 1.4112903226vw 4.0322580645vw;
    font-size: 1.5120967742vw;
    border-radius: 100.7056451613vw
  }
}

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

body {
  background: #000
}

img {
  width: 100%;
  height: auto
}

.only-sp {
  display: none
}

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

.only-pc {
  display: block
}

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