*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
}

iframe {
  max-width: 100%;
  vertical-align: middle;
}

picture {
  display: block;
  max-width: 100%;
}

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

: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;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      -ms-scroll-snap-type: none;
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-centered-offset-before);
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-centered-offset-before);
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

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

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: -webkit-calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

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

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: -webkit-calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }
}

.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: -webkit-calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}

/* Common Styles */
.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%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.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, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      -webkit-transition: 200ms top, 200ms -webkit-transform;
      transition: 200ms top, 200ms -webkit-transform;
      transition: 200ms transform, 200ms top;
      transition: 200ms transform, 200ms top, 200ms -webkit-transform;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      -webkit-transition: 200ms left, 200ms -webkit-transform;
      transition: 200ms left, 200ms -webkit-transform;
      transition: 200ms transform, 200ms left;
      transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }
  }
}

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

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.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;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: -webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: -webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      -webkit-filter: blur(50px);
      filter: blur(50px);
    }
  }
}

.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}

/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

/* Flip slide shadows end */
.swiper-creative {
  .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards {
  .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-primary: #004898;
  --color-secondary: #06B1B7;
  --color-yellow: #FFF600;
  --color-blue: #134379;
  --color-gray-1: #F7F7F7;
  --color-gray-2: #F5F5F5;
  --problem-ttl-height: 20;
}

html {
  font-size: 10px;
}

body {
  background-color: var(--color-white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-primary);
  line-height: 1.2;
}
body.of-hidden {
  overflow: hidden;
}

.container {
  display: block;
  max-width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 1650px;
  }
}

.section {
  padding: 130px 0;
}
@media only screen and (max-width: 1199px) {
  .section {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 991px) {
  .section {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section {
    padding: 80px 0;
  }
}

.heading {
  color: var(--color-primary);
  text-align: center;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1599px) {
  .heading {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .heading {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .heading {
    margin-bottom: 40px;
  }
}
.heading:has(.heading__desc) .heading__jp {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1599px) {
  .heading:has(.heading__desc) .heading__jp {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .heading:has(.heading__desc) .heading__jp {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .heading:has(.heading__desc) .heading__jp {
    margin-bottom: 16px;
  }
}
.heading.--white {
  color: var(--color-white);
}
.heading .bg {
  color: var(--color-yellow);
}
.heading.--solution .heading__jp {
  font-size: 6rem;
}
@media only screen and (max-width: 1599px) {
  .heading.--solution .heading__jp {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 991px) {
  .heading.--solution .heading__jp {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .heading.--solution .heading__jp {
    font-size: 2.2rem;
  }
}
.heading.--solution .heading__jp .bg {
  font-size: 6.4rem;
}
@media only screen and (max-width: 1599px) {
  .heading.--solution .heading__jp .bg {
    font-size: 5.4rem;
  }
}
@media only screen and (max-width: 991px) {
  .heading.--solution .heading__jp .bg {
    font-size: 4.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .heading.--solution .heading__jp .bg {
    font-size: 2.6rem;
  }
}
.heading__eng {
  font-family: "futura-pt", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 2.56px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 1599px) {
  .heading__eng {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 991px) {
  .heading__eng {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .heading__eng {
    font-size: 1.6rem;
    letter-spacing: 1.28px;
  }
}
.heading__jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 5.12px;
}
@media only screen and (max-width: 1599px) {
  .heading__jp {
    font-size: 5.4rem;
  }
}
@media only screen and (max-width: 991px) {
  .heading__jp {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .heading__jp {
    font-size: 2.4rem;
    letter-spacing: 1.92px;
  }
}
.heading__desc {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.44px;
}
@media only screen and (max-width: 767px) {
  .heading__desc {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}

.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media only screen and (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  -webkit-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}
.header.-bg {
  background-color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .header.-bg {
    background-color: var(--color-white);
  }
}
.header:has(.hamburger.is-open) {
  background-color: var(--color-white);
}
.header__wrapper {
  padding: 24px 24px 24px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1599px) {
  .header__wrapper {
    padding: 20px;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header__wrapper {
    padding: 16px;
    gap: 0;
  }
}
.header__logo {
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
@media only screen and (max-width: 1199px) {
  .header__logo {
    max-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    position: relative;
    z-index: 10;
    max-width: 188px;
  }
}
.header__logo:hover {
  opacity: 0.7;
}

.hamburger {
  display: none;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 25px;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .hamburger {
    display: block;
  }
}
.hamburger::before, .hamburger::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  background-color: var(--color-primary);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  z-index: 10;
}
.hamburger::before {
  top: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
.hamburger::after {
  bottom: 0;
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
}
.hamburger span {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--color-primary);
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
.hamburger.is-open::before {
  -webkit-transform: rotate(-45deg) translate(-5.18px, -3.08px);
  -ms-transform: rotate(-45deg) translate(-5.18px, -3.08px);
  transform: rotate(-45deg) translate(-5.18px, -3.08px);
}
.hamburger.is-open::after {
  -webkit-transform: rotate(45deg) translate(-3.7px, 3.5px);
  -ms-transform: rotate(45deg) translate(-3.7px, 3.5px);
  transform: rotate(45deg) translate(-3.7px, 3.5px);
}
.hamburger.is-open span {
  opacity: 0;
}

@media only screen and (max-width: 991px) {
  .nav {
    opacity: 0;
    visibility: hidden;
    background-color: var(--color-white);
    position: fixed;
    top: 57px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100vh - 57px);
    height: calc(100vh - 57px);
    height: -webkit-calc(100dvh - 57px);
    height: calc(100dvh - 57px);
    z-index: 2;
    padding: 44px 16px 20px;
    overflow-y: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
}
.nav.is-open {
  opacity: 1;
  visibility: visible;
}
.nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .nav__wrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .nav__wrapper {
    display: block;
    padding: 0 15px;
  }
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .nav__list {
    display: block;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .nav__item {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .nav__item:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
.nav__link {
  color: var(--color-primary);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out;
}
@media only screen and (max-width: 991px) {
  .nav__link {
    font-size: 2.4rem;
    padding: 4px;
  }
}
.nav__link:hover {
  color: var(--color-secondary);
}
.nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .nav__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .nav__buttons .btn-primary {
    width: 100%;
  }
}

.footer {
  background-color: var(--color-blue);
  padding: 64px 0;
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 60px 16px 40px 16px;
  }
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
}
@media only screen and (max-width: 991px) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__top-logo {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .footer__top-logo img {
    max-width: 287px;
  }
}
.footer__top-logo:hover {
  opacity: 0.8;
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 46px;
}
@media only screen and (max-width: 991px) {
  .footer__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    gap: 16px;
  }
}
.footer__link {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-white);
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .footer__link {
    padding: 4px;
  }
}
.footer__link:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.footer__link:hover::after {
  text-decoration: unset;
}
.footer__link:not(:last-child) {
  position: relative;
}
.footer__link:not(:last-child)::after {
  content: "/";
  font-size: 1.4rem;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
  .footer__link:not(:last-child)::after {
    content: none;
  }
}
.footer__copyright {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-white);
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .footer__copyright {
    width: auto;
  }
}

.cta__wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 39.247px;
  background: -webkit-linear-gradient(355deg, rgba(0, 72, 152, 0.4) -0.36%, rgba(6, 177, 183, 0.4) 100%), url(../img/cta-bg-pc.jpg) lightgray 50%/cover no-repeat;
  background: linear-gradient(95deg, rgba(0, 72, 152, 0.4) -0.36%, rgba(6, 177, 183, 0.4) 100%), url(../img/cta-bg-pc.jpg) lightgray 50%/cover no-repeat;
  background-blend-mode: normal, multiply;
  position: relative;
  padding: 69px 15px 96px;
}
@media only screen and (max-width: 767px) {
  .cta__wrapper {
    padding: 60px 15px;
    border-radius: 20px;
    background: -webkit-linear-gradient(355deg, rgba(0, 72, 152, 0.4) -0.36%, rgba(6, 177, 183, 0.4) 100%), url(../img/cta-bg-sp.jpg) lightgray 50%/cover no-repeat;
    background: linear-gradient(95deg, rgba(0, 72, 152, 0.4) -0.36%, rgba(6, 177, 183, 0.4) 100%), url(../img/cta-bg-sp.jpg) lightgray 50%/cover no-repeat;
    background-blend-mode: normal, multiply;
  }
}
.cta__title {
  color: #FFF;
  text-align: center;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 6.079px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1199px) {
  .cta__title {
    font-size: 6.5rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .cta__title {
    font-size: 5.5rem;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .cta__title {
    font-size: 4.8rem;
    letter-spacing: 3.84px;
    margin-bottom: 8px;
  }
}
.cta__desc {
  color: #FFF;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 2.56px;
}
@media only screen and (max-width: 1199px) {
  .cta__desc {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 991px) {
  .cta__desc {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cta__desc {
    font-size: 1.7rem;
    letter-spacing: 1.36px;
  }
}
.cta__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 25px;
  margin-top: 56px;
}
@media only screen and (max-width: 767px) {
  .cta__btns {
    margin-top: 32px;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.cta__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 499px;
  padding: 32px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  border-radius: 50px;
  background: #FFF;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .cta__btn {
    padding: 20px 0;
    border-radius: 58px;
    gap: 8px;
  }
}
.cta__btn:first-child .cta__btn-text {
  color: var(--color-primary);
}
.cta__btn:first-child .cta__btn-img svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta__btn:first-child .cta__btn-img svg path {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--color-primary);
}
.cta__btn:first-child:hover {
  background-color: var(--color-primary);
}
.cta__btn:first-child:hover .cta__btn-img svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cta__btn:first-child:hover .cta__btn-img svg path {
  fill: var(--color-white);
}
.cta__btn:last-child .cta__btn-text {
  color: var(--color-secondary);
}
.cta__btn:last-child .cta__btn-img svg path {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--color-secondary);
}
.cta__btn:last-child:hover {
  background-color: var(--color-secondary);
}
.cta__btn:last-child:hover .cta__btn-img svg path {
  fill: var(--color-white);
}
.cta__btn-text {
  display: inline-block;
  font-family: "Source Sans 3", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 120%;
}
@media only screen and (max-width: 1199px) {
  .cta__btn-text {
    font-size: 3rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 991px) {
  .cta__btn-text {
    font-size: 2.5rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .cta__btn-text {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
.cta__btn-img {
  height: auto;
}
.cta__btn-img svg {
  width: 40px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .cta__btn-img svg {
    width: 20px;
    height: 18px;
  }
}
.cta__btn:hover .cta__btn-text {
  color: var(--color-white);
}

.gallary {
  background-color: var(--color-gray-2);
}
.gallary__block {
  max-width: 1200px;
  margin: 0 auto 130px;
}
@media only screen and (max-width: 1199px) {
  .gallary__block {
    margin: 0 auto 110px;
  }
}
@media only screen and (max-width: 991px) {
  .gallary__block {
    margin: 0 auto 90px;
  }
}
@media only screen and (max-width: 767px) {
  .gallary__block {
    margin: 0 auto 80px;
  }
}
.gallary .gallary__swiper {
  margin-bottom: 32px;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .gallary .gallary__swiper {
    border-radius: 8px;
    margin-bottom: 8px;
  }
}
.gallary .gallary__swiper .swiper-slide img {
  aspect-ratio: 1200/689;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .gallary .gallary__swiper .swiper-slide img {
    aspect-ratio: 343/220;
    border-radius: 8px;
  }
}
.gallary .gallary__swiper-thumb .swiper-slide {
  cursor: pointer;
  position: relative;
}
.gallary .gallary__swiper-thumb .swiper-slide::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .gallary .gallary__swiper-thumb .swiper-slide::before {
    border-radius: 8px;
  }
}
.gallary .gallary__swiper-thumb .swiper-slide-thumb-active::before {
  content: none;
}
.gallary .gallary__swiper-thumb .swiper-slide img {
  aspect-ratio: 180/180;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .gallary .gallary__swiper-thumb .swiper-slide img {
    aspect-ratio: 68/68;
    border-radius: 8px;
  }
}

.faq__block {
  max-width: 1200px;
  margin: 0 auto 100px;
}
@media only screen and (max-width: 767px) {
  .faq__block {
    margin-bottom: 40px;
  }
}
.faq__box {
  background-color: var(--color-gray-2);
  border-radius: 24px;
  padding: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .faq__box {
    padding: 16px;
    border-radius: 16px;
  }
}
.faq__box:not(:last-child) {
  margin-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .faq__box:not(:last-child) {
    margin-bottom: 16px;
  }
}
.faq__qus {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq__qus:hover {
  opacity: 0.8;
}
.faq__qus-text {
  color: var(--color-primary);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 30.8px;
  letter-spacing: 1.76px;
  text-indent: -23px;
  margin-left: 23px;
}
@media only screen and (max-width: 767px) {
  .faq__qus-text {
    font-size: 1.6rem;
  }
}
.faq__qus-text span {
  font-size: 2.2rem;
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .faq__qus-text span {
    font-size: 1.8rem;
  }
}
.faq__ans {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.faq__ans-text {
  padding-top: 16px;
  color: var(--color-primary);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 25.2px;
  letter-spacing: 1.44px;
  text-indent: -23px;
  margin-left: 23px;
}
@media only screen and (max-width: 767px) {
  .faq__ans-text {
    font-size: 1.4rem;
    letter-spacing: 1.12px;
    line-height: 19.6px;
    padding-top: 8px;
  }
}
.faq__ans-text span {
  font-size: 2.2rem;
  margin-right: 8px;
  color: var(--color-secondary);
}
@media only screen and (max-width: 767px) {
  .faq__ans-text span {
    font-size: 1.8rem;
  }
}
.faq__que-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  cursor: pointer;
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .faq__que-icon svg {
    width: 18px;
    height: 18px;
  }
}
.faq__que-icon .faq__icon-vertical {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.faq__que-icon--active .faq__icon-vertical {
  rotate: 180deg;
  opacity: 0;
}
.faq__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 280px;
  height: 64px;
  margin: 0 auto;
  padding: 12px 24px 12px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: 58px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq__btn span {
  font-family: "Source Sans 3", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq__btn::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath d='M22.4395 0H2.56052C1.14688 0 0 1.11297 0 2.48364V15.5164C0 16.8876 1.14742 18 2.56052 18H22.4395C23.8526 18 25 16.887 25 15.5164V2.48364C25 1.11244 23.8526 0 22.4395 0ZM1.12501 2.35691C1.22232 1.53981 1.7236 1.12676 2.62994 1.12146C3.58276 1.11456 9.9649 1.10555 21.7764 1.09282C22.9309 1.09123 23.8526 1.20152 23.8635 2.43698C23.8635 2.48152 23.8433 2.52447 23.8067 2.55257C21.0625 4.71064 17.8044 7.29396 14.0325 10.3031C13.7827 10.5008 13.458 10.6965 13.1388 10.9229C13.0748 10.9674 13.001 10.9977 12.9239 11.012C12.4779 11.0958 12.0137 10.9531 11.5327 10.5809C7.71269 7.63066 4.28957 4.99378 1.26113 2.6724C1.16218 2.59764 1.11244 2.47833 1.12556 2.35744L1.12501 2.35691ZM1.05504 15.0837V4.12154C1.05504 4.02716 1.1671 3.97573 1.24199 4.03246L7.99477 9.25266C8.05162 9.2972 8.05326 9.37885 7.9986 9.42552L1.24746 15.1675C1.17202 15.2316 1.05449 15.1802 1.05449 15.0837H1.05504ZM23.4032 16.5434C23.1665 16.7804 22.8872 16.9013 22.5625 16.9104C21.8977 16.9284 18.5501 16.93 12.5199 16.9157C6.4882 16.9013 3.14051 16.8838 2.47743 16.8621C2.15271 16.8531 1.87174 16.7285 1.63668 16.492C1.56124 16.4135 1.56671 16.2889 1.6498 16.2195L8.86723 10.1498C8.94431 10.0857 9.0602 10.0841 9.13892 10.1482C9.74078 10.6292 10.3946 11.1329 11.0954 11.6578C11.5321 11.9855 12.0116 12.1494 12.5309 12.1509C13.0502 12.1525 13.5296 11.9908 13.968 11.6647C14.6727 11.143 15.3281 10.6429 15.9338 10.1636C16.0125 10.101 16.1284 10.1032 16.2055 10.1673L23.3917 16.2709C23.4743 16.3419 23.4798 16.465 23.4027 16.5434H23.4032ZM23.9411 15.1102C23.9411 15.1919 23.84 15.2364 23.776 15.1834L17.0397 9.46104C16.9937 9.4218 16.9937 9.35234 17.0413 9.31522L23.7793 3.95081C23.8438 3.90096 23.9411 3.9455 23.9411 4.02557V15.1107V15.1102Z' fill='white'/%3E%3C/svg%3E");
  width: 25px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq__btn:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-white);
}
.faq__btn:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath d='M22.4395 0H2.56052C1.14688 0 0 1.11297 0 2.48364V15.5164C0 16.8876 1.14742 18 2.56052 18H22.4395C23.8526 18 25 16.887 25 15.5164V2.48364C25 1.11244 23.8526 0 22.4395 0ZM1.12501 2.35691C1.22232 1.53981 1.7236 1.12676 2.62994 1.12146C3.58276 1.11456 9.9649 1.10555 21.7764 1.09282C22.9309 1.09123 23.8526 1.20152 23.8635 2.43698C23.8635 2.48152 23.8433 2.52447 23.8067 2.55257C21.0625 4.71064 17.8044 7.29396 14.0325 10.3031C13.7827 10.5008 13.458 10.6965 13.1388 10.9229C13.0748 10.9674 13.001 10.9977 12.9239 11.012C12.4779 11.0958 12.0137 10.9531 11.5327 10.5809C7.71269 7.63066 4.28957 4.99378 1.26113 2.6724C1.16218 2.59764 1.11244 2.47833 1.12556 2.35744L1.12501 2.35691ZM1.05504 15.0837V4.12154C1.05504 4.02716 1.1671 3.97573 1.24199 4.03246L7.99477 9.25266C8.05162 9.2972 8.05326 9.37885 7.9986 9.42552L1.24746 15.1675C1.17202 15.2316 1.05449 15.1802 1.05449 15.0837H1.05504ZM23.4032 16.5434C23.1665 16.7804 22.8872 16.9013 22.5625 16.9104C21.8977 16.9284 18.5501 16.93 12.5199 16.9157C6.4882 16.9013 3.14051 16.8838 2.47743 16.8621C2.15271 16.8531 1.87174 16.7285 1.63668 16.492C1.56124 16.4135 1.56671 16.2889 1.6498 16.2195L8.86723 10.1498C8.94431 10.0857 9.0602 10.0841 9.13892 10.1482C9.74078 10.6292 10.3946 11.1329 11.0954 11.6578C11.5321 11.9855 12.0116 12.1494 12.5309 12.1509C13.0502 12.1525 13.5296 11.9908 13.968 11.6647C14.6727 11.143 15.3281 10.6429 15.9338 10.1636C16.0125 10.101 16.1284 10.1032 16.2055 10.1673L23.3917 16.2709C23.4743 16.3419 23.4798 16.465 23.4027 16.5434H23.4032ZM23.9411 15.1102C23.9411 15.1919 23.84 15.2364 23.776 15.1834L17.0397 9.46104C16.9937 9.4218 16.9937 9.35234 17.0413 9.31522L23.7793 3.95081C23.8438 3.90096 23.9411 3.9455 23.9411 4.02557V15.1107V15.1102Z' fill='%23004898'/%3E%3C/svg%3E");
}

.price {
  background-color: var(--color-gray-2);
}
.price__block {
  max-width: 1044px;
  margin: 0 auto;
}
.price__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 44px;
}
@media only screen and (max-width: 767px) {
  .price__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.price__col {
  width: -webkit-calc(50% - 22px);
  width: calc(50% - 22px);
  padding: 40px;
  border-radius: 24px;
  background-color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .price__col {
    width: 100%;
    padding: 24px;
  }
}
.price__col:nth-of-type(odd) {
  color: var(--color-secondary);
}
.price__col:nth-of-type(odd) .price__link {
  background-color: var(--color-secondary);
}
.price__col:nth-of-type(odd) .price__link:hover {
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  background-color: var(--color-white);
}
.price__col:nth-of-type(odd) .price__link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4395 0H2.56052C1.14688 0 0 1.11297 0 2.48364V15.5164C0 16.8876 1.14742 18 2.56052 18H22.4395C23.8526 18 25 16.887 25 15.5164V2.48364C25 1.11244 23.8526 0 22.4395 0ZM1.12501 2.35691C1.22232 1.53981 1.7236 1.12676 2.62994 1.12146C3.58276 1.11456 9.9649 1.10555 21.7764 1.09282C22.9309 1.09123 23.8526 1.20152 23.8635 2.43698C23.8635 2.48152 23.8433 2.52447 23.8067 2.55257C21.0625 4.71064 17.8044 7.29396 14.0325 10.3031C13.7827 10.5008 13.458 10.6965 13.1388 10.9229C13.0748 10.9674 13.001 10.9977 12.9239 11.012C12.4779 11.0958 12.0137 10.9531 11.5327 10.5809C7.71269 7.63066 4.28957 4.99378 1.26113 2.6724C1.16218 2.59764 1.11244 2.47833 1.12556 2.35744L1.12501 2.35691ZM1.05504 15.0837V4.12154C1.05504 4.02716 1.1671 3.97573 1.24199 4.03246L7.99477 9.25266C8.05162 9.2972 8.05326 9.37885 7.9986 9.42552L1.24746 15.1675C1.17202 15.2316 1.05449 15.1802 1.05449 15.0837H1.05504ZM23.4032 16.5434C23.1665 16.7804 22.8872 16.9013 22.5625 16.9104C21.8977 16.9284 18.5501 16.93 12.5199 16.9157C6.4882 16.9013 3.14051 16.8838 2.47743 16.8621C2.15271 16.8531 1.87174 16.7285 1.63668 16.492C1.56124 16.4135 1.56671 16.2889 1.6498 16.2195L8.86723 10.1498C8.94431 10.0857 9.0602 10.0841 9.13892 10.1482C9.74078 10.6292 10.3946 11.1329 11.0954 11.6578C11.5321 11.9855 12.0116 12.1494 12.5309 12.1509C13.0502 12.1525 13.5296 11.9908 13.968 11.6647C14.6727 11.143 15.3281 10.6429 15.9338 10.1636C16.0125 10.101 16.1284 10.1032 16.2055 10.1673L23.3917 16.2709C23.4743 16.3419 23.4798 16.465 23.4027 16.5434H23.4032ZM23.9411 15.1102C23.9411 15.1919 23.84 15.2364 23.776 15.1834L17.0397 9.46104C16.9937 9.4218 16.9937 9.35234 17.0413 9.31522L23.7793 3.95081C23.8438 3.90096 23.9411 3.9455 23.9411 4.02557V15.1107V15.1102Z' fill='%2306B1B7'/%3E%3C/svg%3E%0A");
}
.price__col:nth-of-type(odd) .price__ul li {
  list-style: none;
}
.price__col:nth-of-type(odd) .price__ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14C8.41925 14 9.3295 13.8189 10.1788 13.4672C11.0281 13.1154 11.7997 12.5998 12.4497 11.9497C13.0998 11.2997 13.6154 10.5281 13.9672 9.67878C14.3189 8.8295 14.5 7.91925 14.5 7C14.5 6.08075 14.3189 5.1705 13.9672 4.32122C13.6154 3.47194 13.0998 2.70026 12.4497 2.05025C11.7997 1.40024 11.0281 0.884626 10.1788 0.532843C9.3295 0.18106 8.41925 -1.36979e-08 7.5 0C5.64348 2.76642e-08 3.86301 0.737498 2.55025 2.05025C1.2375 3.36301 0.5 5.14348 0.5 7C0.5 8.85652 1.2375 10.637 2.55025 11.9497C3.86301 13.2625 5.64348 14 7.5 14ZM7.31956 9.83111L11.2084 5.16444L10.0138 4.16889L6.66933 8.18144L4.93878 6.45011L3.839 7.54989L6.17233 9.88322L6.77433 10.4852L7.31956 9.83111Z' fill='%2306B1B7'/%3E%3C/svg%3E");
}
.price__col:nth-of-type(even) {
  color: var(--color-primary);
}
.price__col:nth-of-type(even) .price__link {
  background-color: var(--color-primary);
}
.price__col:nth-of-type(even) .price__link:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-white);
}
.price__col:nth-of-type(even) .price__link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath d='M22.4395 0H2.56052C1.14688 0 0 1.11297 0 2.48364V15.5164C0 16.8876 1.14742 18 2.56052 18H22.4395C23.8526 18 25 16.887 25 15.5164V2.48364C25 1.11244 23.8526 0 22.4395 0ZM1.12501 2.35691C1.22232 1.53981 1.7236 1.12676 2.62994 1.12146C3.58276 1.11456 9.9649 1.10555 21.7764 1.09282C22.9309 1.09123 23.8526 1.20152 23.8635 2.43698C23.8635 2.48152 23.8433 2.52447 23.8067 2.55257C21.0625 4.71064 17.8044 7.29396 14.0325 10.3031C13.7827 10.5008 13.458 10.6965 13.1388 10.9229C13.0748 10.9674 13.001 10.9977 12.9239 11.012C12.4779 11.0958 12.0137 10.9531 11.5327 10.5809C7.71269 7.63066 4.28957 4.99378 1.26113 2.6724C1.16218 2.59764 1.11244 2.47833 1.12556 2.35744L1.12501 2.35691ZM1.05504 15.0837V4.12154C1.05504 4.02716 1.1671 3.97573 1.24199 4.03246L7.99477 9.25266C8.05162 9.2972 8.05326 9.37885 7.9986 9.42552L1.24746 15.1675C1.17202 15.2316 1.05449 15.1802 1.05449 15.0837H1.05504ZM23.4032 16.5434C23.1665 16.7804 22.8872 16.9013 22.5625 16.9104C21.8977 16.9284 18.5501 16.93 12.5199 16.9157C6.4882 16.9013 3.14051 16.8838 2.47743 16.8621C2.15271 16.8531 1.87174 16.7285 1.63668 16.492C1.56124 16.4135 1.56671 16.2889 1.6498 16.2195L8.86723 10.1498C8.94431 10.0857 9.0602 10.0841 9.13892 10.1482C9.74078 10.6292 10.3946 11.1329 11.0954 11.6578C11.5321 11.9855 12.0116 12.1494 12.5309 12.1509C13.0502 12.1525 13.5296 11.9908 13.968 11.6647C14.6727 11.143 15.3281 10.6429 15.9338 10.1636C16.0125 10.101 16.1284 10.1032 16.2055 10.1673L23.3917 16.2709C23.4743 16.3419 23.4798 16.465 23.4027 16.5434H23.4032ZM23.9411 15.1102C23.9411 15.1919 23.84 15.2364 23.776 15.1834L17.0397 9.46104C16.9937 9.4218 16.9937 9.35234 17.0413 9.31522L23.7793 3.95081C23.8438 3.90096 23.9411 3.9455 23.9411 4.02557V15.1107V15.1102Z' fill='%23004898'/%3E%3C/svg%3E");
}
.price__col:nth-of-type(even) .price__ul li {
  list-style: none;
}
.price__col:nth-of-type(even) .price__ul li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14C8.41925 14 9.3295 13.8189 10.1788 13.4672C11.0281 13.1154 11.7997 12.5998 12.4497 11.9497C13.0998 11.2997 13.6154 10.5281 13.9672 9.67878C14.3189 8.8295 14.5 7.91925 14.5 7C14.5 6.08075 14.3189 5.1705 13.9672 4.32122C13.6154 3.47194 13.0998 2.70026 12.4497 2.05025C11.7997 1.40024 11.0281 0.884626 10.1788 0.532843C9.3295 0.18106 8.41925 -1.36979e-08 7.5 0C5.64348 2.76642e-08 3.86301 0.737498 2.55025 2.05025C1.2375 3.36301 0.5 5.14348 0.5 7C0.5 8.85652 1.2375 10.637 2.55025 11.9497C3.86301 13.2625 5.64348 14 7.5 14ZM7.31956 9.83111L11.2084 5.16444L10.0138 4.16889L6.66933 8.18144L4.93878 6.45011L3.839 7.54989L6.17233 9.88322L6.77433 10.4852L7.31956 9.83111Z' fill='%23004898'/%3E%3C/svg%3E");
}
.price__title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 2.24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .price__title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .price__title {
    font-size: 2rem;
  }
}
.price__amount {
  font-size: 6.5rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 32px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .price__amount {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .price__amount {
    font-size: 4rem;
    margin-bottom: 24px;
  }
}
.price__amount-span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2.5rem;
  line-height: 110%;
  letter-spacing: 2px;
  margin-right: 10px;
}
@media only screen and (max-width: 991px) {
  .price__amount-span {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .price__amount-span {
    font-size: 1.6rem;
  }
}
.price__desc {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 32px;
  min-height: 75px;
}
@media only screen and (max-width: 767px) {
  .price__desc {
    font-size: 1.4rem;
    margin-bottom: 24px;
    min-height: initial;
  }
}
.price__link {
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding: 12px 24px 12px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 58px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.price__link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath d='M22.4395 0H2.56052C1.14688 0 0 1.11297 0 2.48364V15.5164C0 16.8876 1.14742 18 2.56052 18H22.4395C23.8526 18 25 16.887 25 15.5164V2.48364C25 1.11244 23.8526 0 22.4395 0ZM1.12501 2.35691C1.22232 1.53981 1.7236 1.12676 2.62994 1.12146C3.58276 1.11456 9.9649 1.10555 21.7764 1.09282C22.9309 1.09123 23.8526 1.20152 23.8635 2.43698C23.8635 2.48152 23.8433 2.52447 23.8067 2.55257C21.0625 4.71064 17.8044 7.29396 14.0325 10.3031C13.7827 10.5008 13.458 10.6965 13.1388 10.9229C13.0748 10.9674 13.001 10.9977 12.9239 11.012C12.4779 11.0958 12.0137 10.9531 11.5327 10.5809C7.71269 7.63066 4.28957 4.99378 1.26113 2.6724C1.16218 2.59764 1.11244 2.47833 1.12556 2.35744L1.12501 2.35691ZM1.05504 15.0837V4.12154C1.05504 4.02716 1.1671 3.97573 1.24199 4.03246L7.99477 9.25266C8.05162 9.2972 8.05326 9.37885 7.9986 9.42552L1.24746 15.1675C1.17202 15.2316 1.05449 15.1802 1.05449 15.0837H1.05504ZM23.4032 16.5434C23.1665 16.7804 22.8872 16.9013 22.5625 16.9104C21.8977 16.9284 18.5501 16.93 12.5199 16.9157C6.4882 16.9013 3.14051 16.8838 2.47743 16.8621C2.15271 16.8531 1.87174 16.7285 1.63668 16.492C1.56124 16.4135 1.56671 16.2889 1.6498 16.2195L8.86723 10.1498C8.94431 10.0857 9.0602 10.0841 9.13892 10.1482C9.74078 10.6292 10.3946 11.1329 11.0954 11.6578C11.5321 11.9855 12.0116 12.1494 12.5309 12.1509C13.0502 12.1525 13.5296 11.9908 13.968 11.6647C14.6727 11.143 15.3281 10.6429 15.9338 10.1636C16.0125 10.101 16.1284 10.1032 16.2055 10.1673L23.3917 16.2709C23.4743 16.3419 23.4798 16.465 23.4027 16.5434H23.4032ZM23.9411 15.1102C23.9411 15.1919 23.84 15.2364 23.776 15.1834L17.0397 9.46104C16.9937 9.4218 16.9937 9.35234 17.0413 9.31522L23.7793 3.95081C23.8438 3.90096 23.9411 3.9455 23.9411 4.02557V15.1107V15.1102Z' fill='white'/%3E%3C/svg%3E");
  width: 24px;
  height: 17px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.price__link span {
  font-family: "Source Sans 3", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .price__link span {
    font-size: 1.7rem;
  }
}
.price__link:hover {
  background-color: var(--color-white);
}
.price__inner {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #DBDBDB;
}
@media only screen and (max-width: 767px) {
  .price__inner {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.price__plan {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.44px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .price__plan {
    font-size: 1.5rem;
    letter-spacing: 1.2px;
    margin-bottom: 8px;
  }
}
.price__ul li {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 1.44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .price__ul li {
    font-size: 1.3rem;
    letter-spacing: 1.04px;
  }
}
.price__ul li:not(:last-child) {
  margin-bottom: 8px;
}
.price__ul li::before {
  content: "";
  width: 21px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .price__ul li::before {
    width: 15px;
    height: 14px;
  }
}
.price__note {
  margin-top: 32px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  .price__note {
    font-size: 1.1rem;
    margin-top: 24px;
  }
}

.voice__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .voice__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
.voice__col {
  width: -webkit-calc(33.3333333333% - 40px);
  width: calc(33.3333333333% - 40px);
}
@media only screen and (max-width: 991px) {
  .voice__col {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .voice__col {
    width: 100%;
    padding: 0 19px;
  }
}
.voice__col:nth-of-type(1) {
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .voice__col:nth-of-type(1) {
    margin-top: 0;
  }
}
.voice__col:nth-of-type(2) {
  margin-top: 80px;
}
@media only screen and (max-width: 1399px) {
  .voice__col:nth-of-type(2) {
    margin-top: 0;
  }
}
.voice__col:nth-of-type(3) {
  margin-top: 120px;
}
@media only screen and (max-width: 1399px) {
  .voice__col:nth-of-type(3) {
    margin-top: 0;
  }
}
.voice__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-left: 19px;
}
@media only screen and (max-width: 767px) {
  .voice__top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .voice__top {
    margin-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.voice__note {
  color: var(--color-primary);
  font-family: "futura-pt", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 2.56px;
  -webkit-transform: rotate(-90deg) translateX(-50%);
  -ms-transform: rotate(-90deg) translateX(-50%);
  transform: rotate(-90deg) translateX(-50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  white-space: nowrap;
  position: absolute;
  left: -5px;
  top: 44px;
}
@media only screen and (max-width: 767px) {
  .voice__note {
    font-size: 1.3rem;
    letter-spacing: 2.08px;
    position: absolute;
    left: -17px;
  }
}
.voice__img {
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .voice__img {
    width: 100%;
  }
}
.voice__img img {
  border-radius: 20px;
  aspect-ratio: 480/324;
}
@media only screen and (max-width: 767px) {
  .voice__img img {
    aspect-ratio: 305/205;
    width: 100%;
  }
}
.voice__content {
  padding-left: 22px;
}
@media only screen and (max-width: 767px) {
  .voice__content {
    padding-left: 0;
  }
}
.voice__title {
  color: var(--color-primary);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 140%;
  -ms-flex-item-align: center;
  align-self: center;
  letter-spacing: 1.7px;
  text-align: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .voice__title {
    font-size: 2rem;
    letter-spacing: 1.6px;
    width: 100%;
    margin: 16px auto;
  }
}
.voice__desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1.28px;
  color: var(--color-primary);
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .voice__desc {
    font-size: 1.4rem;
    letter-spacing: 1.12px;
  }
}
.voice__link {
  color: var(--color-primary);
  font-family: "futura-pt", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}
.voice__link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Crect width='35' height='35' rx='17.5' fill='%23004898'/%3E%3Cpath d='M10.5 17.6943H24.1111' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0554 23.1389L24.4999 17.6944L19.0554 12.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 35px;
  height: 35px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.voice__link:hover {
  opacity: 0.8;
}
.voice__link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Crect x='0.5' y='0.5' width='34' height='34' rx='17' fill='white'/%3E%3Crect x='0.5' y='0.5' width='34' height='34' rx='17' stroke='%23004898'/%3E%3Cpath d='M10.5 17.6943H24.1111' stroke='%23004898' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0554 23.1389L24.4999 17.6944L19.0554 12.25' stroke='%23004898' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 80px;
  color: var(--color-white);
  font-family: "Source Sans 3", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  width: 280px;
  height: 72px;
  border: 1px solid;
  -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out;
  transition: background-color 0.4s ease-out, color 0.4s ease-out;
}
@media only screen and (max-width: 767px) {
  .btn-primary {
    font-size: 1.8rem;
    height: 48px;
    font-size: 1.6rem;
    gap: 8px;
  }
}
.btn-primary::before {
  content: "";
  display: block;
  background-color: var(--color-white);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}
.btn-primary--sm {
  width: 176px;
  height: 56px;
}
.btn-primary--info {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  line-height: 1;
}
.btn-primary--info::before {
  width: 25px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5567 1.32628C20.3472 0.503112 19.6453 -0.0024288 18.7762 0.00372483C17.0791 0.014612 15.4266 0.0146088 13.8177 0.0004081C12.9804 -0.00574553 12.3949 0.0576855 12.0611 0.191172C11.4315 0.443944 10.9594 0.818844 10.6458 1.31823C10.6191 1.36131 10.5591 1.36414 10.5291 1.32438C10.1531 0.836353 9.6918 0.467614 9.14847 0.216735C8.82874 0.0690479 8.25775 -0.00100734 7.43735 0.00514628C5.78155 0.0160335 4.09059 0.0160335 2.36541 0.00514628C2.0049 0.00372621 1.48407 0.110234 1.25107 0.256501C0.503337 0.725597 0.410517 1.207 0.40911 2.13667C0.397859 8.97287 0.401147 13.0527 0.415211 14.38C0.416617 14.5817 0.431142 14.8236 0.454582 15.1066C0.45927 15.1558 0.468653 15.2051 0.484592 15.2515C0.739619 16.0079 1.31249 16.3861 2.20368 16.3861C5.94235 16.3861 7.87193 16.3847 7.99335 16.3828C8.77109 16.3719 9.3599 16.548 9.78932 17.1392C9.84745 17.2202 9.95949 17.4332 10.1245 17.7763C10.1465 17.8223 10.1826 17.8639 10.2267 17.8937C10.7447 18.2483 11.0124 17.6315 11.2342 17.2769C11.2482 17.2547 11.2642 17.2325 11.2815 17.2116C11.7775 16.6138 12.4905 16.3279 13.4174 16.3534C14.2265 16.3743 15.6512 16.3818 17.6895 16.3771C18.8404 16.3757 19.4967 16.3359 19.6618 16.2597C20.2993 15.9672 20.6111 15.4048 20.597 14.5731C20.5956 14.5206 20.5956 10.517 20.597 2.56032C20.597 1.84035 20.583 1.42852 20.5562 1.32533L20.5567 1.32628ZM10.0556 15.9587C10.0556 15.97 10.0523 15.9795 10.0462 15.9809C10.0429 15.9823 10.0401 15.9856 10.035 15.9904C10.0129 16.0188 9.97028 16.024 9.94356 15.9998C9.71854 15.8043 9.44475 15.6472 9.12035 15.5279C8.91407 15.4531 8.60232 15.4152 8.18837 15.4167C4.20404 15.4214 2.0996 15.4228 1.87599 15.4228C1.85723 15.4228 1.83989 15.4181 1.82255 15.41C1.4747 15.2463 1.29843 14.9793 1.29515 14.612C1.28249 12.8492 1.2778 8.63584 1.28108 1.97099C1.28108 1.0683 1.75503 0.963221 2.56418 0.966535C5.46042 0.974582 7.0881 0.974579 7.4472 0.963218C8.79172 0.922036 9.71243 1.26522 10.0509 2.5892C10.0603 2.62754 10.065 2.66541 10.065 2.70375L10.0556 15.9582V15.9587ZM19.7002 14.8538C19.6988 15.1066 19.5727 15.286 19.3209 15.3944C19.2802 15.4119 19.2342 15.4214 19.1888 15.4214C16.33 15.4228 14.3625 15.4214 13.287 15.4167C12.3897 15.4119 11.7775 15.544 11.1512 16.0827C11.0738 16.148 10.9576 16.0936 10.9576 15.9923C10.9669 14.3265 10.9702 10.2022 10.9655 3.61828C10.9655 3.01901 11.0429 2.5518 11.1953 2.21335C11.5651 1.39965 12.2435 0.98925 13.2336 0.984517C15.9475 0.968423 17.6741 0.96085 18.4157 0.96227C19.1887 0.96227 19.7176 1.07824 19.719 1.94117C19.7204 6.30267 19.7143 10.6069 19.7002 14.8538Z' fill='white'/%3E%3Cpath d='M3.50215 3.95117H8.27841C8.53507 3.95117 8.74394 4.13801 8.74394 4.36856V4.41184C8.74394 4.64196 8.53555 4.82922 8.27841 4.82922H3.50215C3.24549 4.82922 3.03662 4.64238 3.03662 4.41184V4.36856C3.03662 4.13844 3.24501 3.95117 3.50215 3.95117Z' fill='white'/%3E%3Cpath d='M17.9283 3.95117L13.1673 3.95835C12.9065 3.95877 12.6948 4.14629 12.6948 4.37731V4.41152C12.6948 4.64254 12.9084 4.82964 13.1687 4.82922L17.9297 4.82203C18.1905 4.82161 18.4021 4.6341 18.4021 4.40308V4.36886C18.4021 4.13784 18.1886 3.95075 17.9283 3.95117Z' fill='white'/%3E%3Cpath d='M3.45118 8.78039L8.33276 8.76514C8.56076 8.76427 8.74538 8.59747 8.74393 8.39102V8.27386C8.74201 8.06785 8.55738 7.90104 8.32938 7.90235L3.44781 7.9176C3.2198 7.91847 3.03518 8.08528 3.03663 8.29172V8.40888C3.03856 8.61488 3.22318 8.78169 3.45118 8.78039Z' fill='white'/%3E%3Cpath d='M17.9457 7.91036L13.1532 7.90234C12.9004 7.9019 12.6948 8.09157 12.6948 8.32756V8.34537C12.6948 8.58047 12.8985 8.77149 13.1513 8.77238L17.9438 8.78039C18.1966 8.78084 18.4021 8.59116 18.4021 8.35517V8.33736C18.4021 8.10227 18.1985 7.91125 17.9457 7.91036Z' fill='white'/%3E%3Cpath d='M13.1854 10.9756H17.9111C18.1819 10.9756 18.4021 11.1676 18.4021 11.4048V11.4244C18.4021 11.6612 18.1824 11.8536 17.9111 11.8536H13.1854C12.9146 11.8536 12.6948 11.6616 12.6948 11.4248V11.4052C12.6948 11.1685 12.9146 10.9764 13.1854 10.9764V10.9756Z' fill='white'/%3E%3Cpath d='M8.26202 10.9756L3.51662 10.9826C3.25028 10.983 3.03662 11.1683 3.03662 11.3969V11.441C3.03662 11.6691 3.25218 11.8545 3.51853 11.8536L8.26394 11.8466C8.53029 11.8462 8.74394 11.6609 8.74394 11.4323V11.3883C8.74394 11.1601 8.52837 10.9748 8.26202 10.9756Z' fill='white'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5567 1.32628C20.3472 0.503112 19.6453 -0.0024288 18.7762 0.00372483C17.0791 0.014612 15.4266 0.0146088 13.8177 0.0004081C12.9804 -0.00574553 12.3949 0.0576855 12.0611 0.191172C11.4315 0.443944 10.9594 0.818844 10.6458 1.31823C10.6191 1.36131 10.5591 1.36414 10.5291 1.32438C10.1531 0.836353 9.6918 0.467614 9.14847 0.216735C8.82874 0.0690479 8.25775 -0.00100734 7.43735 0.00514628C5.78155 0.0160335 4.09059 0.0160335 2.36541 0.00514628C2.0049 0.00372621 1.48407 0.110234 1.25107 0.256501C0.503337 0.725597 0.410517 1.207 0.40911 2.13667C0.397859 8.97287 0.401147 13.0527 0.415211 14.38C0.416617 14.5817 0.431142 14.8236 0.454582 15.1066C0.45927 15.1558 0.468653 15.2051 0.484592 15.2515C0.739619 16.0079 1.31249 16.3861 2.20368 16.3861C5.94235 16.3861 7.87193 16.3847 7.99335 16.3828C8.77109 16.3719 9.3599 16.548 9.78932 17.1392C9.84745 17.2202 9.95949 17.4332 10.1245 17.7763C10.1465 17.8223 10.1826 17.8639 10.2267 17.8937C10.7447 18.2483 11.0124 17.6315 11.2342 17.2769C11.2482 17.2547 11.2642 17.2325 11.2815 17.2116C11.7775 16.6138 12.4905 16.3279 13.4174 16.3534C14.2265 16.3743 15.6512 16.3818 17.6895 16.3771C18.8404 16.3757 19.4967 16.3359 19.6618 16.2597C20.2993 15.9672 20.6111 15.4048 20.597 14.5731C20.5956 14.5206 20.5956 10.517 20.597 2.56032C20.597 1.84035 20.583 1.42852 20.5562 1.32533L20.5567 1.32628ZM10.0556 15.9587C10.0556 15.97 10.0523 15.9795 10.0462 15.9809C10.0429 15.9823 10.0401 15.9856 10.035 15.9904C10.0129 16.0188 9.97028 16.024 9.94356 15.9998C9.71854 15.8043 9.44475 15.6472 9.12035 15.5279C8.91407 15.4531 8.60232 15.4152 8.18837 15.4167C4.20404 15.4214 2.0996 15.4228 1.87599 15.4228C1.85723 15.4228 1.83989 15.4181 1.82255 15.41C1.4747 15.2463 1.29843 14.9793 1.29515 14.612C1.28249 12.8492 1.2778 8.63584 1.28108 1.97099C1.28108 1.0683 1.75503 0.963221 2.56418 0.966535C5.46042 0.974582 7.0881 0.974579 7.4472 0.963218C8.79172 0.922036 9.71243 1.26522 10.0509 2.5892C10.0603 2.62754 10.065 2.66541 10.065 2.70375L10.0556 15.9582V15.9587ZM19.7002 14.8538C19.6988 15.1066 19.5727 15.286 19.3209 15.3944C19.2802 15.4119 19.2342 15.4214 19.1888 15.4214C16.33 15.4228 14.3625 15.4214 13.287 15.4167C12.3897 15.4119 11.7775 15.544 11.1512 16.0827C11.0738 16.148 10.9576 16.0936 10.9576 15.9923C10.9669 14.3265 10.9702 10.2022 10.9655 3.61828C10.9655 3.01901 11.0429 2.5518 11.1953 2.21335C11.5651 1.39965 12.2435 0.98925 13.2336 0.984517C15.9475 0.968423 17.6741 0.96085 18.4157 0.96227C19.1887 0.96227 19.7176 1.07824 19.719 1.94117C19.7204 6.30267 19.7143 10.6069 19.7002 14.8538Z' fill='white'/%3E%3Cpath d='M3.50215 3.95117H8.27841C8.53507 3.95117 8.74394 4.13801 8.74394 4.36856V4.41184C8.74394 4.64196 8.53555 4.82922 8.27841 4.82922H3.50215C3.24549 4.82922 3.03662 4.64238 3.03662 4.41184V4.36856C3.03662 4.13844 3.24501 3.95117 3.50215 3.95117Z' fill='white'/%3E%3Cpath d='M17.9283 3.95117L13.1673 3.95835C12.9065 3.95877 12.6948 4.14629 12.6948 4.37731V4.41152C12.6948 4.64254 12.9084 4.82964 13.1687 4.82922L17.9297 4.82203C18.1905 4.82161 18.4021 4.6341 18.4021 4.40308V4.36886C18.4021 4.13784 18.1886 3.95075 17.9283 3.95117Z' fill='white'/%3E%3Cpath d='M3.45118 8.78039L8.33276 8.76514C8.56076 8.76427 8.74538 8.59747 8.74393 8.39102V8.27386C8.74201 8.06785 8.55738 7.90104 8.32938 7.90235L3.44781 7.9176C3.2198 7.91847 3.03518 8.08528 3.03663 8.29172V8.40888C3.03856 8.61488 3.22318 8.78169 3.45118 8.78039Z' fill='white'/%3E%3Cpath d='M17.9457 7.91036L13.1532 7.90234C12.9004 7.9019 12.6948 8.09157 12.6948 8.32756V8.34537C12.6948 8.58047 12.8985 8.77149 13.1513 8.77238L17.9438 8.78039C18.1966 8.78084 18.4021 8.59116 18.4021 8.35517V8.33736C18.4021 8.10227 18.1985 7.91125 17.9457 7.91036Z' fill='white'/%3E%3Cpath d='M13.1854 10.9756H17.9111C18.1819 10.9756 18.4021 11.1676 18.4021 11.4048V11.4244C18.4021 11.6612 18.1824 11.8536 17.9111 11.8536H13.1854C12.9146 11.8536 12.6948 11.6616 12.6948 11.4248V11.4052C12.6948 11.1685 12.9146 10.9764 13.1854 10.9764V10.9756Z' fill='white'/%3E%3Cpath d='M8.26202 10.9756L3.51662 10.9826C3.25028 10.983 3.03662 11.1683 3.03662 11.3969V11.441C3.03662 11.6691 3.25218 11.8545 3.51853 11.8536L8.26394 11.8466C8.53029 11.8462 8.74394 11.6609 8.74394 11.4323V11.3883C8.74394 11.1601 8.52837 10.9748 8.26202 10.9756Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media only screen and (max-width: 767px) {
  .btn-primary--info::before {
    width: 20px;
    height: 18px;
  }
}
.btn-primary--info:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
}
.btn-primary--info:hover::before {
  background-color: var(--color-primary);
}
.btn-primary--mail {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.btn-primary--mail::before {
  width: 25px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3366 0.098643C18.0933 -0.0201734 17.4238 -0.0232901 17.224 0.0448832C12.828 1.53184 7.34353 3.40291 0.769845 5.65653C0.614764 5.71028 0.325535 5.85481 0.234456 5.9187C0.192609 5.94714 0.158568 5.98376 0.133132 6.02505C-0.218876 6.5903 0.179492 6.91871 0.71776 7.19763C1.71101 7.70874 3.34427 8.57279 5.61919 9.78666C5.70863 9.83497 5.76075 9.92846 5.75213 10.0247C5.62249 11.4922 5.57447 12.9807 5.60729 14.4918C5.60894 14.5428 5.62659 14.5911 5.65818 14.632C5.9027 14.9351 6.22065 14.9932 6.61287 14.8077C6.62641 14.8007 6.63829 14.7921 6.64854 14.7824L9.04984 12.4201C9.07815 12.3917 9.12451 12.3862 9.1602 12.4061C9.2242 12.4415 9.27794 12.4883 9.32266 12.5479C9.75672 13.1186 10.4833 14.0859 11.5049 15.4501C11.7301 15.7516 11.9344 15.9219 12.1149 15.9573C13.1262 16.1615 13.4409 15.6133 13.7765 14.7407C15.356 10.6445 16.9983 6.52018 18.7005 2.36901C19.0123 1.60975 19.3077 0.573131 18.3366 0.100203V0.098643ZM8.59937 11.6531L6.61984 13.5693C6.56609 13.6215 6.47213 13.5833 6.475 13.5097L6.6227 10.3839C6.62434 10.3457 6.66906 10.3231 6.70476 10.3414L8.54684 11.3173C8.67649 11.3854 8.70193 11.5525 8.59895 11.6531H8.59937ZM18.1278 1.33356C18.0219 1.65495 17.9144 1.95374 17.8041 2.22721C16.323 5.9113 14.6746 10.0496 12.8624 14.6414C12.7906 14.8241 12.7221 14.9515 12.6553 15.0208C12.5494 15.1326 12.3615 15.1213 12.2704 14.9982C11.3038 13.6823 10.3044 12.3453 9.27098 10.9873C9.23365 10.939 9.06667 10.7691 8.7684 10.4774C8.72984 10.4392 8.6847 10.4065 8.63711 10.3796L7.11708 9.55798C7.03503 9.51279 7.02599 9.40216 7.1023 9.3484L15.4762 3.27358C15.6658 3.13606 15.697 2.87856 15.5464 2.70286L15.5271 2.67755C15.3868 2.49913 15.1197 2.46367 14.9335 2.59807L6.19561 8.91911C6.10002 8.98845 5.97201 8.99702 5.8674 8.9417L1.28514 6.51395C1.22237 6.48123 1.22976 6.39202 1.29704 6.36943C10.8808 3.10178 16.2697 1.26928 17.4615 0.872702C17.6437 0.811931 17.8033 0.814659 17.9403 0.878547C18.1073 0.956459 18.1877 1.1489 18.1282 1.33317L18.1278 1.33356Z' fill='white'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3366 0.098643C18.0933 -0.0201734 17.4238 -0.0232901 17.224 0.0448832C12.828 1.53184 7.34353 3.40291 0.769845 5.65653C0.614764 5.71028 0.325535 5.85481 0.234456 5.9187C0.192609 5.94714 0.158568 5.98376 0.133132 6.02505C-0.218876 6.5903 0.179492 6.91871 0.71776 7.19763C1.71101 7.70874 3.34427 8.57279 5.61919 9.78666C5.70863 9.83497 5.76075 9.92846 5.75213 10.0247C5.62249 11.4922 5.57447 12.9807 5.60729 14.4918C5.60894 14.5428 5.62659 14.5911 5.65818 14.632C5.9027 14.9351 6.22065 14.9932 6.61287 14.8077C6.62641 14.8007 6.63829 14.7921 6.64854 14.7824L9.04984 12.4201C9.07815 12.3917 9.12451 12.3862 9.1602 12.4061C9.2242 12.4415 9.27794 12.4883 9.32266 12.5479C9.75672 13.1186 10.4833 14.0859 11.5049 15.4501C11.7301 15.7516 11.9344 15.9219 12.1149 15.9573C13.1262 16.1615 13.4409 15.6133 13.7765 14.7407C15.356 10.6445 16.9983 6.52018 18.7005 2.36901C19.0123 1.60975 19.3077 0.573131 18.3366 0.100203V0.098643ZM8.59937 11.6531L6.61984 13.5693C6.56609 13.6215 6.47213 13.5833 6.475 13.5097L6.6227 10.3839C6.62434 10.3457 6.66906 10.3231 6.70476 10.3414L8.54684 11.3173C8.67649 11.3854 8.70193 11.5525 8.59895 11.6531H8.59937ZM18.1278 1.33356C18.0219 1.65495 17.9144 1.95374 17.8041 2.22721C16.323 5.9113 14.6746 10.0496 12.8624 14.6414C12.7906 14.8241 12.7221 14.9515 12.6553 15.0208C12.5494 15.1326 12.3615 15.1213 12.2704 14.9982C11.3038 13.6823 10.3044 12.3453 9.27098 10.9873C9.23365 10.939 9.06667 10.7691 8.7684 10.4774C8.72984 10.4392 8.6847 10.4065 8.63711 10.3796L7.11708 9.55798C7.03503 9.51279 7.02599 9.40216 7.1023 9.3484L15.4762 3.27358C15.6658 3.13606 15.697 2.87856 15.5464 2.70286L15.5271 2.67755C15.3868 2.49913 15.1197 2.46367 14.9335 2.59807L6.19561 8.91911C6.10002 8.98845 5.97201 8.99702 5.8674 8.9417L1.28514 6.51395C1.22237 6.48123 1.22976 6.39202 1.29704 6.36943C10.8808 3.10178 16.2697 1.26928 17.4615 0.872702C17.6437 0.811931 17.8033 0.814659 17.9403 0.878547C18.1073 0.956459 18.1877 1.1489 18.1282 1.33317L18.1278 1.33356Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media only screen and (max-width: 767px) {
  .btn-primary--mail::before {
    width: 20px;
    height: 18px;
  }
}
.btn-primary--mail:hover {
  background-color: var(--color-white);
  color: var(--color-secondary);
}
.btn-primary--mail:hover::before {
  background-color: var(--color-secondary);
}

.hero__wrapper {
  position: relative;
  padding: 240px 0 72px 40px;
  max-width: -webkit-calc(50% + 880px + 40px);
  max-width: calc(50% + 880px + 40px);
  margin-left: auto;
}
@media only screen and (max-width: 1599px) {
  .hero__wrapper {
    padding-left: 16px;
    padding: 160px 0 72px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__wrapper {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
}
.hero__content {
  max-width: -webkit-calc(50% - 153px);
  max-width: calc(50% - 153px);
}
@media only screen and (max-width: 1919px) {
  .hero__content {
    max-width: -webkit-calc(50% - 50px);
    max-width: calc(50% - 50px);
  }
}
@media only screen and (max-width: 1599px) {
  .hero__content {
    max-width: -webkit-calc(50% + 20px);
    max-width: calc(50% + 20px);
  }
}
@media only screen and (max-width: 767px) {
  .hero__content {
    max-width: 100%;
    padding: 0 16px;
  }
}
.hero__ttl {
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-bottom: 64px;
  text-shadow: 2px 2px 2px #fff;
}
@media only screen and (max-width: 1399px) {
  .hero__ttl {
    font-size: 5.6rem;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__ttl {
    font-size: 4.4rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero__ttl {
    font-size: 3.8rem;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__ttl {
    font-size: 3.6rem;
    margin-bottom: 12px;
  }
}
.hero__ttl-fs {
  font-size: 6.8rem;
}
@media only screen and (max-width: 1399px) {
  .hero__ttl-fs {
    font-size: 5.2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__ttl-fs {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero__ttl-fs {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero__ttl-fs {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero__ttl-ls {
    letter-spacing: 0.04em;
  }
}
.hero__text {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1399px) {
  .hero__text {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__text {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero__text {
    font-size: 1.5rem;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__text {
    font-size: 1.3rem;
    margin-bottom: 16px;
  }
}
.hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .hero__buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
  }
}
.hero__img {
  max-width: -webkit-calc(50% + 140px);
  max-width: calc(50% + 140px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 1919px) {
  .hero__img {
    max-width: -webkit-calc(50% + 35px);
    max-width: calc(50% + 35px);
  }
}
@media only screen and (max-width: 1599px) {
  .hero__img {
    max-width: -webkit-calc(50% - 35px);
    max-width: calc(50% - 35px);
  }
}
@media only screen and (max-width: 767px) {
  .hero__img {
    max-width: 100%;
    padding-left: 16px;
    position: static;
    z-index: 0;
    margin-bottom: 24px;
  }
}
.hero__img img,
.hero__img picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 0 0 80px;
}

.section-problem__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
}
@media only screen and (max-width: 1399px) {
  .section-problem__cards {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .section-problem__cards {
    display: block;
  }
}
.section-problem-card {
  background-color: var(--color-gray-1);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 24px);
  flex: 0 0 -webkit-calc(25% - 24px);
  flex: 0 0 calc(25% - 24px);
  max-width: -webkit-calc(25% - 24px);
  max-width: calc(25% - 24px);
  width: 100%;
  padding: 40px;
  border-radius: 24px;
}
@media only screen and (max-width: 1599px) {
  .section-problem-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-problem-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 18px);
    flex: 0 0 -webkit-calc(25% - 18px);
    flex: 0 0 calc(25% - 18px);
    max-width: -webkit-calc(25% - 18px);
    max-width: calc(25% - 18px);
  }
}
@media only screen and (max-width: 1199px) {
  .section-problem-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 -webkit-calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    max-width: -webkit-calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .section-problem-card {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    padding: 24px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-problem-card:not(:last-of-type) {
    margin-bottom: 16px;
  }
}
.section-problem-card__ttl {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 24px;
  min-height: var(--problem-ttl-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .section-problem-card__ttl {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-problem-card__ttl {
    min-height: auto;
    font-size: 2.4rem;
    margin-bottom: 16px;
  }
}
.section-problem-card__desc {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1399px) {
  .section-problem-card__desc {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-problem-card__desc {
    font-size: 1.4rem;
    margin-bottom: 16px;
  }
}
.section-problem-card__img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.section-feature {
  background-color: var(--color-gray-1);
}
.section-feature__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
  padding-right: 80px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1599px) {
  .section-feature__row {
    padding-right: 0;
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-feature__row {
    gap: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__row {
    display: block;
    padding: 0;
    gap: 0;
  }
}
.section-feature__row:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 60px;
  padding-right: 0;
  padding-left: 80px;
}
@media only screen and (max-width: 1599px) {
  .section-feature__row:nth-of-type(even) {
    padding-left: 0;
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-feature__row:nth-of-type(even) {
    gap: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__row:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    gap: 0;
  }
}
.section-feature__row:nth-of-type(even) .section-feature__content {
  max-width: 100%;
}
.section-feature__row:not(:last-of-type) {
  margin-bottom: 40px;
}
.section-feature__img {
  max-width: 760px;
}
@media only screen and (max-width: 1399px) {
  .section-feature__img {
    max-width: 520px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-feature__img {
    max-width: 420px;
  }
}
@media only screen and (max-width: 991px) {
  .section-feature__img {
    max-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__img {
    max-width: 100%;
  }
}
.section-feature__img img {
  width: 100%;
  border-radius: 40px;
  aspect-ratio: 760/480;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .section-feature__img img {
    border-radius: 20px;
    aspect-ratio: 343/230;
  }
}
.section-feature__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 657px;
}
@media only screen and (max-width: 767px) {
  .section-feature__content {
    margin-top: -35px;
  }
}
.section-feature__count {
  margin-bottom: 32px;
  position: relative;
  padding-left: 41px;
}
@media only screen and (max-width: 1399px) {
  .section-feature__count {
    margin-bottom: 24px;
    padding-left: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__count {
    margin-bottom: 8px;
  }
}
.section-feature__count-text {
  font-family: "futura-pt", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  -webkit-transform: rotate(-90deg) translateX(-50%);
  -ms-transform: rotate(-90deg) translateX(-50%);
  transform: rotate(-90deg) translateX(-50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 50%;
}
@media only screen and (max-width: 991px) {
  .section-feature__count-text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__count-text {
    font-size: 1.2rem;
  }
}
.section-feature__count-number {
  font-size: 7.4rem;
  font-weight: 700;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .section-feature__count-number {
    font-size: 6.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__count-number {
    font-size: 6.4rem;
    line-height: 1;
  }
}
.section-feature__ttl {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1399px) {
  .section-feature__ttl {
    font-size: 3.2rem;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .section-feature__ttl {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__ttl {
    font-size: 2.4rem;
    margin-bottom: 16px;
  }
}
.section-feature__desc {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media only screen and (max-width: 1399px) {
  .section-feature__desc {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__desc {
    font-size: 1.4rem;
  }
}

.section-solution {
  position: relative;
  isolation: isolate;
  background-image: url(../img/solution/solution-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .section-solution {
    margin-bottom: 80px;
  }
}
.section-solution::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  backdrop-filter: blur(12px);
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 119, 152, 0.2)), to(rgba(0, 119, 152, 0.2))), lightgray 50%/cover no-repeat, #FFF;
  background: -webkit-linear-gradient(bottom, rgba(0, 119, 152, 0.2) 0%, rgba(0, 119, 152, 0.2) 100%), lightgray 50%/cover no-repeat, #FFF;
  background: linear-gradient(0deg, rgba(0, 119, 152, 0.2) 0%, rgba(0, 119, 152, 0.2) 100%), lightgray 50%/cover no-repeat, #FFF;
}
.section-solution__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 68px;
  gap: 40px;
}
@media only screen and (max-width: 1599px) {
  .section-solution__cards {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .section-solution__cards {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution__cards {
    display: block;
    padding: 0;
  }
}
.section-solution-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 20px);
  flex: 0 0 -webkit-calc(50% - 20px);
  flex: 0 0 calc(50% - 20px);
  background-color: var(--color-gray-2);
  padding: 60px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
}
@media only screen and (max-width: 1399px) {
  .section-solution-card {
    padding: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-solution-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 -webkit-calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    display: block;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution-card:not(:last-of-type) {
    margin-bottom: 16px;
  }
}
.section-solution-card:last-of-type {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 20px + 48px);
  flex: 0 0 -webkit-calc(50% - 20px + 48px);
  flex: 0 0 calc(50% - 20px + 48px);
}
@media only screen and (max-width: 767px) {
  .section-solution-card:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}
.section-solution-card__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}
@media only screen and (max-width: 1199px) {
  .section-solution-card__icon {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution-card__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin-bottom: 0;
  }
}
.section-solution-card__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.section-solution-card__ttl {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1399px) {
  .section-solution-card__ttl {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution-card__ttl {
    font-size: 2.2rem;
    margin-bottom: 16px;
  }
}
.section-solution-card__desc {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media only screen and (max-width: 1399px) {
  .section-solution-card__desc {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-solution-card__desc {
    font-size: 1.4rem;
  }
}

.section-flow {
  position: relative;
  isolation: isolate;
}
.section-flow::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: url(../img/flow/flow-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
}
.section-flow::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  backdrop-filter: blur(12px);
  z-index: -1;
  background-color: rgba(0, 119, 152, 0.2);
}
.section-flow-steps {
  max-width: 1008px;
  padding: 0 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 45px;
}
@media only screen and (max-width: 1199px) {
  .section-flow-steps {
    gap: 45px;
    padding: 0 52px;
  }
}
@media only screen and (max-width: 767px) {
  .section-flow-steps {
    display: block;
    padding: 0;
    max-width: 343px;
  }
}
.section-flow-steps__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.3333333333% - 30px);
  flex: 0 0 -webkit-calc(33.3333333333% - 30px);
  flex: 0 0 calc(33.3333333333% - 30px);
  padding-top: 28px;
}
@media only screen and (max-width: 1199px) {
  .section-flow-steps__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.3333333333% - 30px);
    flex: 0 0 -webkit-calc(33.3333333333% - 30px);
    flex: 0 0 calc(33.3333333333% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding-top: 18px;
  }
}
.section-flow-steps__item:nth-child(6n+1)::after, .section-flow-steps__item:nth-child(6n+2)::after, .section-flow-steps__item:nth-child(6n+3)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='47' viewBox='0 0 32 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.79276 47L32 23.5013L7.79276 0L0 8.10797L15.8568 23.5013L0 38.8946L7.79276 47Z' fill='white'/%3E%3C/svg%3E%0A");
  left: -webkit-calc(100% + 10px);
  left: calc(100% + 10px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .section-flow-steps__item:nth-child(6n+1)::after, .section-flow-steps__item:nth-child(6n+2)::after, .section-flow-steps__item:nth-child(6n+3)::after {
    left: -webkit-calc(100% + 7px);
    left: calc(100% + 7px);
  }
}
.section-flow-steps__item:nth-child(6n+4)::after, .section-flow-steps__item:nth-child(6n+5)::after, .section-flow-steps__item:nth-child(6n+6)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='47' viewBox='0 0 32 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.79276 47L32 23.5013L7.79276 0L0 8.10797L15.8568 23.5013L0 38.8946L7.79276 47Z' fill='white'/%3E%3C/svg%3E%0A");
  right: -webkit-calc(100% + 10px);
  right: calc(100% + 10px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .section-flow-steps__item:nth-child(6n+4)::after, .section-flow-steps__item:nth-child(6n+5)::after, .section-flow-steps__item:nth-child(6n+6)::after {
    right: -webkit-calc(100% + 7px);
    right: calc(100% + 7px);
  }
}
.section-flow-steps__item::after {
  content: "";
  display: block;
  width: 32px;
  height: 47px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 42%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__item::after {
    width: 27px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='18' viewBox='0 0 27 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.281248 4.38343L13.4993 18L26.7187 4.38343L22.158 -1.99356e-07L13.4993 8.91947L4.84056 -9.56326e-07L0.281248 4.38343Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    top: -webkit-calc(100% + 4px) !important;
    top: calc(100% + 4px) !important;
    left: 50% !important;
    right: unset !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }
}
.section-flow-steps__item:not(:last-of-type) {
  margin-bottom: 18px;
}
.section-flow-steps__num {
  font-size: 6.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1399px) {
  .section-flow-steps__num {
    font-size: 4.8rem;
    top: 10px;
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__num {
    font-size: 3.6rem;
    letter-spacing: 0;
    top: 0;
    left: 0;
  }
}
.section-flow-steps__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__img {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__img img {
    max-width: 90px;
  }
}
.section-flow-steps__text {
  text-align: center;
  color: var(--color-white);
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media only screen and (max-width: 1399px) {
  .section-flow-steps__text {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__text {
    text-align: start;
    font-size: 2.2rem;
  }
}
.section-flow-steps__text .--sm {
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .section-flow-steps__text .--sm {
    font-size: 2rem;
  }
}
/*# sourceMappingURL=app.css.map */