@charset "UTF-8";
@font-face {
  font-family: 'BalanceGroovy Regular';
  src: url("../fonts/Balancegroovyregular-RpZzl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BalanceGroovy Groovy';
  src: url("../fonts/Balancegroovygroovy-BWwyl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* line 1, ../sass/index/i-effect.scss */
.i-eff {
  background-color: #a0d8f7;
  border-radius: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
}
/* line 9, ../sass/index/i-effect.scss */
.i-eff.i-eff-row .i-eff-wr {
  gap: calc(4vw * 9 / 16) calc(3vw * 9 / 16);
}
/* line 13, ../sass/index/i-effect.scss */
.i-eff.i-eff-row .i-eff-box {
  display: flex;
  align-items: center;
  gap: 1vw;
}
/* line 18, ../sass/index/i-effect.scss */
.i-eff.i-eff-row .i-eff-box svg {
  margin-bottom: 0;
}
/* line 22, ../sass/index/i-effect.scss */
.i-eff.i-eff-row .i-eff-box h4 {
  margin-bottom: 0;
  width: calc(100% - 80px - 1vw);
}
/* line 29, ../sass/index/i-effect.scss */
.i-eff .container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 44, ../sass/index/i-effect.scss */
.i-eff-left {
  position: relative;
  width: 60%;
}

/* line 49, ../sass/index/i-effect.scss */
.i-eff-right {
  position: relative;
  width: 30%;
}
/* line 53, ../sass/index/i-effect.scss */
.i-eff-right .sticky {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  aspect-ratio: 3 / 1;
}
/* line 68, ../sass/index/i-effect.scss */
.i-eff-right .img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 75, ../sass/index/i-effect.scss */
.i-eff-right .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 83, ../sass/index/i-effect.scss */
.i-eff-right svg {
  position: relative;
  width: 50%;
  height: auto;
  z-index: 2;
}

/* line 91, ../sass/index/i-effect.scss */
.i-eff-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(11vw * 9 / 16);
  gap: calc(8vw * 9 / 16) calc(3vw * 9 / 16);
}

/* line 99, ../sass/index/i-effect.scss */
.i-eff-box {
  width: calc(100% / 2 - calc(1.5vw * 9 / 16));
}
/* line 102, ../sass/index/i-effect.scss */
.i-eff-box svg {
  height: 80px;
  margin-bottom: 18px;
}
/* line 107, ../sass/index/i-effect.scss */
.i-eff-box h4 {
  margin-bottom: 11px;
}

/* line 112, ../sass/index/i-effect.scss */
.i-eff-contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 32px;
  border-radius: 20px;
  width: 100%;
  background-color: #74c2ed;
  margin-top: calc(10vw * 9 / 16);
}

/* line 127, ../sass/index/i-effect.scss */
.i-eff-contact-ul li {
  position: relative;
  padding-left: 1em;
}
/* line 131, ../sass/index/i-effect.scss */
.i-eff-contact-ul li:after {
  content: '•';
  position: absolute;
  left: -.1em;
  top: 0;
  line-height: 0.8em;
  font-size: clamp(24px, 2.5vw, 48px);
}

/* line 143, ../sass/index/i-effect.scss */
.i-eff-contact-title {
  font-size: clamp(24px, 2.5vw, 48px);
  display: block;
  line-height: 1.2;
  text-transform: initial;
}
/* line 149, ../sass/index/i-effect.scss */
.i-eff-contact-title small {
  display: block;
  font-size: .8em;
}

/* line 155, ../sass/index/i-effect.scss */
.i-eff-contact-flex {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}
/* line 160, ../sass/index/i-effect.scss */
.i-eff-contact-flex .i-eff-contact-title {
  margin-top: 20px;
}
/* line 163, ../sass/index/i-effect.scss */
.i-eff-contact-flex .i-eff-contact-title:first-child {
  margin-top: 0;
}
/* line 168, ../sass/index/i-effect.scss */
.i-eff-contact-flex .i-eff-contact-title-small {
  padding-left: 20px;
}
/* line 172, ../sass/index/i-effect.scss */
.i-eff-contact-flex ~ .site-btn {
  position: sticky;
  top: 100px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 180, ../sass/index/i-effect.scss */
  .i-eff {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  /* line 186, ../sass/index/i-effect.scss */
  .i-eff-box svg {
    height: 70px;
    min-width: 70px;
    margin-bottom: 15px;
  }
  /* line 192, ../sass/index/i-effect.scss */
  .i-eff-box h4 {
    margin-bottom: 10px;
  }

  /* line 197, ../sass/index/i-effect.scss */
  .i-eff-contact {
    padding: 25px;
    border-radius: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 207, ../sass/index/i-effect.scss */
  .i-eff {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* line 214, ../sass/index/i-effect.scss */
  .i-eff.i-eff-row .i-eff-box {
    width: 100%;
  }

  /* line 221, ../sass/index/i-effect.scss */
  .i-eff-box svg {
    height: 60px;
    min-width: 60px;
    margin-bottom: 15px;
  }
  /* line 227, ../sass/index/i-effect.scss */
  .i-eff-box h4 {
    margin-bottom: 10px;
  }

  /* line 232, ../sass/index/i-effect.scss */
  .i-eff-contact {
    padding: 25px;
    border-radius: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 243, ../sass/index/i-effect.scss */
  .i-eff {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  /* line 248, ../sass/index/i-effect.scss */
  .i-eff-left {
    width: 100%;
  }

  /* line 252, ../sass/index/i-effect.scss */
  .i-eff-right {
    width: 100%;
    margin-top: 30px;
  }
  /* line 256, ../sass/index/i-effect.scss */
  .i-eff-right svg {
    width: calc(100% / 3);
  }

  /* line 262, ../sass/index/i-effect.scss */
  .i-eff-box svg {
    height: 60px;
    min-width: 60px;
    margin-bottom: 15px;
  }
  /* line 268, ../sass/index/i-effect.scss */
  .i-eff-box h4 {
    margin-bottom: 10px;
  }

  /* line 273, ../sass/index/i-effect.scss */
  .i-eff-contact {
    padding: 25px;
    border-radius: 15px;
  }
  /* line 277, ../sass/index/i-effect.scss */
  .i-eff-contact.no-mar-top {
    flex-wrap: wrap;
  }

  /* line 283, ../sass/index/i-effect.scss */
  .i-eff-contact-flex {
    max-width: 100%;
    width: 100%;
  }
  /* line 287, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title {
    margin-top: 20px;
  }
  /* line 290, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title:first-child {
    margin-top: 0;
  }
  /* line 295, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title-small {
    padding-left: 0px;
  }
  /* line 299, ../sass/index/i-effect.scss */
  .i-eff-contact-flex ~ .site-btn {
    position: relative;
    width: 100%;
    top: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 311, ../sass/index/i-effect.scss */
  .i-eff {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* line 317, ../sass/index/i-effect.scss */
  .i-eff.i-eff-row .i-eff-wr {
    gap: calc(8vw * 9 / 16) calc(3vw * 9 / 16);
  }
  /* line 321, ../sass/index/i-effect.scss */
  .i-eff.i-eff-row .i-eff-box {
    gap: 4vw;
  }
  /* line 324, ../sass/index/i-effect.scss */
  .i-eff.i-eff-row .i-eff-box h4 {
    width: calc(100% - 60px - 3vw);
  }

  /* line 331, ../sass/index/i-effect.scss */
  .i-eff-contact-ul {
    text-align: left;
  }
  /* line 336, ../sass/index/i-effect.scss */
  .i-eff-contact-ul li:after {
    line-height: 0.95em;
  }

  /* line 344, ../sass/index/i-effect.scss */
  .i-eff-left {
    width: 100%;
  }

  /* line 348, ../sass/index/i-effect.scss */
  .i-eff-right {
    width: 100%;
    margin-top: 30px;
  }
  /* line 352, ../sass/index/i-effect.scss */
  .i-eff-right svg {
    width: calc(100% / 3);
  }

  /* line 357, ../sass/index/i-effect.scss */
  .i-eff-box {
    width: 100%;
  }
  /* line 360, ../sass/index/i-effect.scss */
  .i-eff-box svg {
    height: 60px;
    min-width: 60px;
    margin-bottom: 15px;
  }
  /* line 366, ../sass/index/i-effect.scss */
  .i-eff-box h4 {
    margin-bottom: 10px;
  }

  /* line 371, ../sass/index/i-effect.scss */
  .i-eff-contact {
    padding: 20px;
    border-radius: 15px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
  }

  /* line 382, ../sass/index/i-effect.scss */
  .i-eff-contact-flex {
    max-width: 100%;
    width: 100%;
  }
  /* line 386, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title {
    margin-top: 20px;
  }
  /* line 389, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title:first-child {
    margin-top: 0;
  }
  /* line 394, ../sass/index/i-effect.scss */
  .i-eff-contact-flex .i-eff-contact-title-small {
    padding-left: 0px;
  }
  /* line 398, ../sass/index/i-effect.scss */
  .i-eff-contact-flex ~ .site-btn {
    position: relative;
    width: 100%;
    top: 0;
  }
}
/* line 1, ../sass/index/i-scroll.scss */
.i-scroll {
  position: relative;
  height: 800vh;
}

/* line 6, ../sass/index/i-scroll.scss */
.i-scroll-sticky {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding: 32px;
}

/* line 16, ../sass/index/i-scroll.scss */
.i-scroll-title {
  width: calc(62.5vw * 9 / 16);
  transform: translateX(122%);
  padding-top: calc(16.5vw * 9 / 16);
}

/* line 22, ../sass/index/i-scroll.scss */
.i-scroll-titlewr {
  display: flex;
  width: 100%;
  position: relative;
}

/* line 28, ../sass/index/i-scroll.scss */
.i-scoll-title-photo {
  position: absolute;
  top: calc(11.5vw * 9 / 16);
  width: calc(29.5vw * 9 / 16);
  height: calc(29.5vw * 9 / 16);
  position: absolute;
  top: 50%;
  margin-top: calc(-12.5vw * 9 / 16);
  margin-left: calc(-13.5vw * 9 / 16);
  left: calc(50% - calc(29.5vw * 9 / 16));
  left: 50%;
  transform: translateX(calc(52.5vw * 9 / 16));
  transform: translateX(calc(68.5vw * 9 / 16));
}
/* line 43, ../sass/index/i-scroll.scss */
.i-scoll-title-photo .img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}
/* line 55, ../sass/index/i-scroll.scss */
.i-scoll-title-photo .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 62, ../sass/index/i-scroll.scss */
.i-scoll-title-photo .img.active {
  opacity: 1;
}

/* line 68, ../sass/index/i-scroll.scss */
.i-scroll-title-h4 {
  font-size: clamp(78px, 8.2vw, 156px);
  font-size: clamp(78px, 8.2vw, 137px);
  text-transform: initial;
  line-height: .8;
}

/* line 75, ../sass/index/i-scroll.scss */
.i-scroll-title-p {
  margin-top: calc(2.5vw * 9 / 16);
}

/* line 79, ../sass/index/i-scroll.scss */
.i-scroll-linewwr {
  position: relative;
}
/* line 81, ../sass/index/i-scroll.scss */
.i-scroll-linewwr:after {
  content: '';
  position: absolute;
  top: calc(23vw * 9 / 16);
  left: 0;
  width: 100%;
  height: calc(2vw * 9 / 16);
  background-image: url(../img/2205199_dot_hide_menu_more_icon.svg);
  background-position: center center;
  background-repeat: space;
  background-size: 2vw 1.8vw;
  pointer-events: none;
  transform: translateY(-50%);
}

/* line 98, ../sass/index/i-scroll.scss */
.i-scroll-line {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: calc(20vw * 9 / 16);
  height: calc(40vw * 9 / 16);
  position: relative;
  margin-top: calc(-6.5vw * 9 / 16);
  will-change: transform;
  /* Optimize for animation */
  width: calc(185vw * 9 / 16);
  width: calc(365vw * 9 / 16);
}

/* line 111, ../sass/index/i-scroll.scss */
.i-scroll-line-box {
  width: calc(61vw * 9 / 16);
  min-width: calc(61vw * 9 / 16);
  display: flex;
  align-items: flex-end;
  margin-right: calc(17.5vw * 9 / 16);
  margin-right: calc(15.5vw * 9 / 16);
  gap: 1vw;
}
/* line 121, ../sass/index/i-scroll.scss */
.i-scroll-line-box:nth-child(2n) {
  top: calc(17.5vw * 9 / 16);
  position: relative;
}
/* line 126, ../sass/index/i-scroll.scss */
.i-scroll-line-box b {
  font-size: calc(4vw * 9 / 16);
  display: block;
}
/* line 131, ../sass/index/i-scroll.scss */
.i-scroll-line-box p {
  font-size: calc(2.4vw * 9 / 16);
  font-size: calc(2.2vw * 9 / 16);
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 138, ../sass/index/i-scroll.scss */
  .i-scroll-title-h4 {
    font-size: clamp(68px, 7vw, 130px);
  }

  /* line 141, ../sass/index/i-scroll.scss */
  .i-scroll-line-box b {
    font-size: calc(3.5vw * 9 / 16);
  }

  /* line 144, ../sass/index/i-scroll.scss */
  .i-scroll-line-box p {
    font-size: calc(2vw * 9 / 16);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 151, ../sass/index/i-scroll.scss */
  .i-scroll-title-h4 {
    font-size: clamp(58px, 6.5vw, 110px);
  }

  /* line 154, ../sass/index/i-scroll.scss */
  .i-scroll-title-p {
    margin-top: calc(2vw * 9 / 16);
  }

  /* line 157, ../sass/index/i-scroll.scss */
  .i-scroll-line-box b {
    font-size: calc(3vw * 9 / 16);
  }

  /* line 160, ../sass/index/i-scroll.scss */
  .i-scroll-line-box p {
    font-size: calc(2vw * 9 / 16);
  }

  /* line 164, ../sass/index/i-scroll.scss */
  .i-scroll-line {
    padding-bottom: calc(15vw * 9 / 16);
  }

  /* line 168, ../sass/index/i-scroll.scss */
  .i-scroll-sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 178, ../sass/index/i-scroll.scss */
  .i-scroll-title-h4 {
    font-size: clamp(48px, 5.5vw, 90px);
  }

  /* line 181, ../sass/index/i-scroll.scss */
  .i-scroll-title-p {
    margin-top: calc(1.8vw * 9 / 16);
    font-size: 13px;
  }

  /* line 186, ../sass/index/i-scroll.scss */
  .i-scoll-title-photo {
    width: calc(35vw * 9 / 16);
    height: calc(35vw * 9 / 16);
  }

  /* line 190, ../sass/index/i-scroll.scss */
  .i-scroll-line-box b {
    font-size: calc(2.8vw * 9 / 16);
  }

  /* line 193, ../sass/index/i-scroll.scss */
  .i-scroll-line-box p {
    font-size: calc(2.2vw * 9 / 16);
  }

  /* line 197, ../sass/index/i-scroll.scss */
  .i-scroll-line {
    padding-bottom: calc(13vw * 9 / 16);
  }

  /* line 201, ../sass/index/i-scroll.scss */
  .i-scroll-sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 212, ../sass/index/i-scroll.scss */
  .i-scroll {
    height: calc((383vw * 9 / 16) * 3.4);
  }

  /* line 216, ../sass/index/i-scroll.scss */
  .i-scroll-title-h4 {
    font-size: clamp(48px, 5.5vw, 90px);
    transform: translateX(calc(-159vw * 9 / 16));
  }

  /* line 220, ../sass/index/i-scroll.scss */
  .i-scroll-title-p {
    margin-top: calc(1.8vw * 9 / 16);
    font-size: 13px;
    transform: translateX(calc(-159vw * 9 / 16));
    padding-right: 11vw;
  }

  /* line 227, ../sass/index/i-scroll.scss */
  .i-scoll-title-photo {
    width: calc(60vw * 9 / 16);
    height: calc(60vw * 9 / 16);
    margin-top: calc(-28.5vw * 9 / 16);
    margin-left: calc(-28.5vw * 9 / 16);
  }

  /* line 233, ../sass/index/i-scroll.scss */
  .i-scroll-line-box b {
    font-size: calc(8.8vw * 9 / 16);
  }

  /* line 236, ../sass/index/i-scroll.scss */
  .i-scroll-line-box p {
    font-size: calc(6.2vw * 9 / 16);
  }

  /* line 240, ../sass/index/i-scroll.scss */
  .i-scroll-title {
    width: calc(130vw * 9 / 16);
    min-width: calc(130vw * 9 / 16);
    padding-left: 8vw;
  }

  /* line 248, ../sass/index/i-scroll.scss */
  .i-scroll-linewwr:after {
    top: calc(52vw * 9 / 16);
    left: -15px;
    width: calc(100% + 30px);
  }

  /* line 255, ../sass/index/i-scroll.scss */
  .i-scroll-line {
    padding-bottom: calc(55vw * 9 / 16);
    height: calc(110vw * 9 / 16);
  }

  /* line 260, ../sass/index/i-scroll.scss */
  .i-scroll-line-box {
    width: calc(160vw * 9 / 16);
    min-width: calc(160vw * 9 / 16);
    margin-right: calc(17.5vw * 9 / 16);
    margin-right: calc(24.5vw * 9 / 16);
    gap: 3vw;
  }
  /* line 269, ../sass/index/i-scroll.scss */
  .i-scroll-line-box:nth-child(2n) {
    top: calc(47.5vw * 9 / 16);
  }
  /* line 273, ../sass/index/i-scroll.scss */
  .i-scroll-line-box:nth-child(2) {
    top: calc(40.5vw * 9 / 16);
  }

  /* line 278, ../sass/index/i-scroll.scss */
  .i-scroll-sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(383vw * 9 / 16);
  }
}
/* line 1, ../sass/index/i-slider.scss */
.i-slider {
  position: relative;
  overflow: hidden;
  contain: layout;
}
/* line 8, ../sass/index/i-slider.scss */
.i-slider.no-slider .left {
  width: 100%;
}
/* line 12, ../sass/index/i-slider.scss */
.i-slider.no-slider .right {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 21, ../sass/index/i-slider.scss */
.i-slider.no-slider .right .swiper-slide {
  width: calc(100% / 4 - 15px);
}
/* line 24, ../sass/index/i-slider.scss */
.i-slider.no-slider .right .swiper-slide .site-text {
  margin-top: 40px;
}
/* line 31, ../sass/index/i-slider.scss */
.i-slider .container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  position: initial;
}
/* line 46, ../sass/index/i-slider.scss */
.i-slider .left {
  position: initial;
  width: calc(41% - 18px);
}
/* line 51, ../sass/index/i-slider.scss */
.i-slider .pattern {
  position: absolute;
  bottom: -1%;
  left: -2%;
  width: 120%;
  opacity: 0.05;
  width: calc(36% - 18px);
  pointer-events: none;
}
/* line 61, ../sass/index/i-slider.scss */
.i-slider .right-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
/* line 66, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right-wrap-title {
  width: 100%;
}
/* line 69, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right-wrap-title small {
  display: block;
  display: block;
  font-size: 1.2em;
}
/* line 78, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right:nth-child(1) {
  width: calc(60% - 20px);
  align-self: baseline;
}
/* line 82, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right:nth-child(1) .swiper-slide {
  width: calc(100% / 3 - 14px);
}
/* line 87, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right:nth-child(2) {
  width: 40%;
  align-self: baseline;
}
/* line 91, ../sass/index/i-slider.scss */
.i-slider .right-wrap .right:nth-child(2) .swiper-slide {
  width: 100% !important;
}
/* line 98, ../sass/index/i-slider.scss */
.i-slider .right {
  position: relative;
  counter-reset: section;
  width: 60%;
  margin-right: -32px;
}
/* line 104, ../sass/index/i-slider.scss */
.i-slider .right .swiper {
  padding-right: 32px;
}
/* line 109, ../sass/index/i-slider.scss */
.i-slider .swiper-slide {
  position: relative;
  height: auto;
  background: #a0d8f7;
  width: 400px;
  border-radius: 30px;
  padding: 30px 25px;
}
/* line 117, ../sass/index/i-slider.scss */
.i-slider .swiper-slide:before {
  counter-increment: section;
  content: "00" counter(section);
}
/* line 122, ../sass/index/i-slider.scss */
.i-slider .swiper-slide .icon {
  position: relative;
  margin-top: 80px;
  height: 90px;
  margin-bottom: 26px;
}
/* line 128, ../sass/index/i-slider.scss */
.i-slider .swiper-slide .icon img, .i-slider .swiper-slide .icon svg {
  display: block;
  height: 100%;
  width: auto;
}
/* line 135, ../sass/index/i-slider.scss */
.i-slider .swiper-slide .title {
  margin-top: 70px;
  line-height: 0.95;
  font-size: clamp(24px, 2.5vw, 48px);
}
/* line 141, ../sass/index/i-slider.scss */
.i-slider .swiper-slide .site-text {
  margin-top: 5px;
}
/* line 146, ../sass/index/i-slider.scss */
.i-slider .swiper-nav {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0 15px;
  margin-top: calc(7vw * 9 /16);
}
/* line 157, ../sass/index/i-slider.scss */
.i-slider .swiper-button-prev, .i-slider .swiper-button-next {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
  margin: 0;
  transform: none;
  width: 50px;
  height: 50px;
  border-radius: 7px;
  background: #263688;
}
/* line 178, ../sass/index/i-slider.scss */
.i-slider .swiper-button-prev:after, .i-slider .swiper-button-next:after {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
@media (hover: hover) {
  /* line 185, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:hover, .i-slider .swiper-button-next:hover {
    background: #a0d8f7;
  }
  /* line 188, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:hover:after, .i-slider .swiper-button-next:hover:after {
    color: #343434;
  }
}
/* line 195, ../sass/index/i-slider.scss */
.i-slider .swiper-button-next {
  justify-content: flex-end;
  width: 100px;
  padding-right: 20px;
}
@media (hover: hover) {
  /* line 202, ../sass/index/i-slider.scss */
  .i-slider .swiper-pagination {
    display: none;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 214, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right {
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* line 219, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide {
    width: calc(100% / 4 - 15px);
  }
  /* line 222, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide .site-text {
    margin-top: 30px;
  }
  /* line 229, ../sass/index/i-slider.scss */
  .i-slider .pattern {
    bottom: -1%;
    left: -9%;
    width: calc(42% - 18px);
  }
  /* line 235, ../sass/index/i-slider.scss */
  .i-slider .right {
    margin-right: -25px;
  }
  /* line 241, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide {
    width: 350px;
    border-radius: 25px;
    padding: 25px 20px;
  }
  /* line 246, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .icon {
    margin-top: 60px;
    height: 75px;
    margin-bottom: 10px;
  }
  /* line 252, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .title {
    margin-top: 70px;
  }
  /* line 257, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev, .i-slider .swiper-button-next {
    width: 46px;
    height: 46px;
  }
  /* line 261, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:after, .i-slider .swiper-button-next:after {
    font-size: 18px;
  }
  /* line 266, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-next {
    width: 86px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 281, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right {
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* line 286, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide {
    width: calc(100% / 4 - 15px);
  }
  /* line 289, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide .site-text {
    margin-top: 30px;
  }
  /* line 296, ../sass/index/i-slider.scss */
  .i-slider .pattern {
    bottom: -1%;
    left: -9%;
    width: calc(42% - 18px);
  }
  /* line 302, ../sass/index/i-slider.scss */
  .i-slider .right {
    margin-right: -25px;
  }
  /* line 312, ../sass/index/i-slider.scss */
  .i-slider .right-wrap .right:nth-child(1) .swiper-slide {
    width: calc(100% / 2 - 10px);
  }
  /* line 321, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide {
    width: 320px;
    border-radius: 25px;
    padding: 20px 18px;
  }
  /* line 326, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .icon {
    margin-top: 50px;
    height: 65px;
    margin-bottom: 10px;
  }
  /* line 332, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .title {
    margin-top: 45px;
  }
  /* line 337, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev, .i-slider .swiper-button-next {
    width: 46px;
    height: 46px;
  }
  /* line 341, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:after, .i-slider .swiper-button-next:after {
    font-size: 18px;
  }
  /* line 346, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-next {
    width: 86px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 361, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right {
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* line 366, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide {
    width: calc(100% / 3 - 14px);
  }
  /* line 369, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide .site-text {
    margin-top: 30px;
  }
  /* line 376, ../sass/index/i-slider.scss */
  .i-slider .pattern {
    bottom: -1%;
    left: -9%;
    width: calc(42% - 18px);
  }
  /* line 382, ../sass/index/i-slider.scss */
  .i-slider .left {
    width: 100%;
  }
  /* line 392, ../sass/index/i-slider.scss */
  .i-slider .right-wrap .right:nth-child(1) .swiper-slide {
    width: calc(100% / 2 - 10px);
  }
  /* line 401, ../sass/index/i-slider.scss */
  .i-slider .right {
    margin-right: 0;
    width: 100%;
    margin-top: 30px;
  }
  /* line 406, ../sass/index/i-slider.scss */
  .i-slider .right .swiper {
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 0 15px;
  }
  /* line 413, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide {
    width: 320px;
    border-radius: 25px;
    padding: 20px 18px;
  }
  /* line 418, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .icon {
    margin-top: 50px;
    height: 65px;
    margin-bottom: 10px;
  }
  /* line 424, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .title {
    margin-top: 45px;
  }
  /* line 429, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev, .i-slider .swiper-button-next {
    width: 46px;
    height: 46px;
  }
  /* line 433, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:after, .i-slider .swiper-button-next:after {
    font-size: 18px;
  }
  /* line 438, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-next {
    width: 86px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 453, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right {
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 458, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide {
    width: 100%;
  }
  /* line 461, ../sass/index/i-slider.scss */
  .i-slider.no-slider .right .swiper-slide .site-text {
    margin-top: 25px;
  }
  /* line 468, ../sass/index/i-slider.scss */
  .i-slider .pattern {
    bottom: -1%;
    left: -9%;
    width: calc(42% - 18px);
  }
  /* line 474, ../sass/index/i-slider.scss */
  .i-slider .left {
    width: 100%;
  }
  /* line 478, ../sass/index/i-slider.scss */
  .i-slider .right-wrap {
    flex-wrap: wrap;
  }
  /* line 481, ../sass/index/i-slider.scss */
  .i-slider .right-wrap .right {
    width: 100% !important;
  }
  /* line 486, ../sass/index/i-slider.scss */
  .i-slider .right-wrap .right:nth-child(1) .swiper-slide {
    width: 100% !important;
  }
  /* line 495, ../sass/index/i-slider.scss */
  .i-slider .right {
    margin-right: 0;
    width: 100%;
    margin-top: 20px;
  }
  /* line 500, ../sass/index/i-slider.scss */
  .i-slider .right .swiper {
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 0 15px;
  }
  /* line 507, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide {
    width: 320px;
    border-radius: 25px;
    padding: 20px 18px;
  }
  /* line 512, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .icon {
    margin-top: 50px;
    height: 65px;
    margin-bottom: 10px;
  }
  /* line 518, ../sass/index/i-slider.scss */
  .i-slider .swiper-slide .title {
    margin-top: 45px;
  }
  /* line 523, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev, .i-slider .swiper-button-next {
    width: 46px;
    height: 46px;
  }
  /* line 527, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-prev:after, .i-slider .swiper-button-next:after {
    font-size: 18px;
  }
  /* line 532, ../sass/index/i-slider.scss */
  .i-slider .swiper-button-next {
    width: 86px;
    padding-right: 15px;
  }
  /* line 537, ../sass/index/i-slider.scss */
  .i-slider .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
  }
}
/* line 1, ../sass/index/i-upbox.scss */
.i-upbox {
  position: relative;
  padding-top: calc(10vw * 9 / 16);
  padding-bottom: calc(10vw * 9 / 16);
}

/* line 7, ../sass/index/i-upbox.scss */
.i-upbox-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(7.4vw * 9 / 16);
}

/* line 15, ../sass/index/i-upbox.scss */
.i-upbox-list-item {
  display: flex;
  flex-direction: column;
  width: 32%;
  width: 24%;
  position: relative;
  background: #a0d8f7;
  border-radius: 30px;
  padding: 30px 25px;
  justify-content: space-between;
  gap: 15px 0;
  overflow: hidden;
}
/* line 28, ../sass/index/i-upbox.scss */
.i-upbox-list-item .num {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: calc(7.4vw * 9 / 16);
}
/* line 39, ../sass/index/i-upbox.scss */
.i-upbox-list-item i {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 500;
}
/* line 51, ../sass/index/i-upbox.scss */
.i-upbox-list-item .model {
  font-size: 36px;
  font-weight: 500;
  min-height: 85px;
  display: flex;
  align-items: center;
}
/* line 59, ../sass/index/i-upbox.scss */
.i-upbox-list-item h4 {
  line-height: 0.95;
  font-size: clamp(20px, 2.2vw, 36px);
  position: relative;
  z-index: 2;
  max-width: 90%;
}
/* line 66, ../sass/index/i-upbox.scss */
.i-upbox-list-item h4.min {
  max-width: 70%;
}
/* line 71, ../sass/index/i-upbox.scss */
.i-upbox-list-item p {
  position: relative;
  z-index: 2;
}
/* line 76, ../sass/index/i-upbox.scss */
.i-upbox-list-item .img {
  position: absolute;
  bottom: 0;
  right: -2%;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  overflow: hidden;
}
/* line 89, ../sass/index/i-upbox.scss */
.i-upbox-list-item .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 99, ../sass/index/i-upbox.scss */
.i-upbox-img {
  width: 100%;
}
/* line 102, ../sass/index/i-upbox.scss */
.i-upbox-img .img {
  display: block;
  width: 100%;
  margin-top: -10vw;
}
/* line 107, ../sass/index/i-upbox.scss */
.i-upbox-img .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 117, ../sass/index/i-upbox.scss */
  .i-upbox-list-item {
    border-radius: 25px;
    padding: 25px 20px;
  }
  /* line 121, ../sass/index/i-upbox.scss */
  .i-upbox-list-item i {
    width: 70px;
    height: 70px;
    font-size: 32px;
  }
  /* line 127, ../sass/index/i-upbox.scss */
  .i-upbox-list-item .model {
    font-size: 32px;
    min-height: 70px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 138, ../sass/index/i-upbox.scss */
  .i-upbox-list-item {
    border-radius: 20px;
    padding: 20px 15px;
  }
  /* line 142, ../sass/index/i-upbox.scss */
  .i-upbox-list-item i {
    width: 50px;
    height: 50px;
    font-size: 28px;
  }
  /* line 148, ../sass/index/i-upbox.scss */
  .i-upbox-list-item .model {
    font-size: 28px;
    min-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 159, ../sass/index/i-upbox.scss */
  .i-upbox-list {
    gap: 15px;
  }

  /* line 163, ../sass/index/i-upbox.scss */
  .i-upbox-list-item {
    width: calc((100% - 15px) / 2);
    border-radius: 20px;
    padding: 20px 15px;
  }
  /* line 168, ../sass/index/i-upbox.scss */
  .i-upbox-list-item i {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
  /* line 174, ../sass/index/i-upbox.scss */
  .i-upbox-list-item .model {
    font-size: 24px;
    min-height: 50px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 185, ../sass/index/i-upbox.scss */
  .i-upbox-list {
    gap: 15px;
  }

  /* line 189, ../sass/index/i-upbox.scss */
  .i-upbox-list-item {
    width: 100%;
    border-radius: 20px;
    padding: 20px 15px;
    gap: 10px 0;
  }
  /* line 196, ../sass/index/i-upbox.scss */
  .i-upbox-list-item .img {
    right: 0;
  }
  /* line 200, ../sass/index/i-upbox.scss */
  .i-upbox-list-item i {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
  /* line 206, ../sass/index/i-upbox.scss */
  .i-upbox-list-item .model {
    font-size: 22px;
    min-height: 50px;
  }
}
/* line 1, ../sass/index/i-one.scss */
.i-one {
  position: relative;
}

/* line 5, ../sass/index/i-one.scss */
.i-one-img {
  display: block;
  width: 100%;
  position: relative;
}
/* line 12, ../sass/index/i-one.scss */
.i-one-img.no-gradient:after {
  display: none;
}
/* line 17, ../sass/index/i-one.scss */
.i-one-img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #D2ECFC;
  background: -webkit-linear-gradient(0deg, #d2ecfc 0%, rgba(210, 236, 252, 0) 60%);
  background: -moz-linear-gradient(0deg, #d2ecfc 0%, rgba(210, 236, 252, 0) 60%);
  background: linear-gradient(0deg, #d2ecfc 0%, rgba(210, 236, 252, 0) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D2ECFC", endColorstr="#D2ECFC", GradientType=0);
}
/* line 33, ../sass/index/i-one.scss */
.i-one-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 41, ../sass/index/i-one.scss */
.i-one-title {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2;
  font-size: clamp(48px, 6.2vw, 110px);
  text-transform: initial;
  line-height: 1;
  width: 100%;
  text-align: center;
  padding: 0 10vw;
}
/* line 55, ../sass/index/i-one.scss */
.i-one-title i {
  display: inline-block;
  transform: translateY(20px);
  /* изначально немного ниже */
  opacity: 0;
  /* изначально прозрачный */
  transition: transform 0.6s ease, opacity 0.6s ease;
}

/* line 63, ../sass/index/i-one.scss */
.i-one-title.i-one-animate i {
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 69, ../sass/index/i-one.scss */
  .i-one-title {
    top: 145px;
    padding: 0px 7vw;
    font-size: clamp(48px, 5.8vw, 110px);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 77, ../sass/index/i-one.scss */
  .i-one-title {
    top: 145px;
    padding: 0px 7vw;
    font-size: clamp(48px, 5.8vw, 110px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 85, ../sass/index/i-one.scss */
  .i-one-title {
    top: 145px;
    padding: 0px 7vw;
    font-size: clamp(48px, 5.8vw, 110px);
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 94, ../sass/index/i-one.scss */
  .i-one-img {
    height: 190vw;
  }

  /* line 97, ../sass/index/i-one.scss */
  .i-one-title {
    top: 120px;
    padding: 0px 7vw;
    font-size: clamp(32px, 5.8vw, 110px);
  }
}
@font-face {
  font-family: 'BalanceGroovy Regular';
  src: url("../fonts/Balancegroovyregular-RpZzl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BalanceGroovy Groovy';
  src: url("../fonts/Balancegroovygroovy-BWwyl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, ../sass/contacts.scss */
.Contacts {
  position: relative;
}
/* line 6, ../sass/contacts.scss */
.Contacts .container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 21, ../sass/contacts.scss */
.ContactsL {
  position: relative;
  width: calc(50% - 32px);
}
/* line 25, ../sass/contacts.scss */
.ContactsL .info-top {
  position: relative;
  margin-top: calc(14vw * 9 / 16);
}
/* line 29, ../sass/contacts.scss */
.ContactsL .info-top .mail {
  text-decoration: underline;
}
@media (hover: hover) {
  /* line 35, ../sass/contacts.scss */
  .ContactsL .info-top .mail:hover, .ContactsL .info-top .phone:hover, .ContactsL .info-top .adr:hover {
    text-decoration: none;
    color: #263688;
  }
}
/* line 43, ../sass/contacts.scss */
.ContactsL.ContactsIndex {
  min-height: 70vh;
  padding: calc(14vw * 9 / 16) 0;
  display: flex;
  flex-direction: column;
  gap: 2vh;
  align-items: center;
  justify-content: center;
  align-items: flex-start;
}
/* line 54, ../sass/contacts.scss */
.ContactsL .title {
  line-height: 0.95;
  font-size: clamp(24px, 2.5vw, 48px);
}
/* line 59, ../sass/contacts.scss */
.ContactsL .result {
  margin-top: calc(14vw * 9 / 16);
}

/* line 64, ../sass/contacts.scss */
.ContactTPL {
  position: relative;
  background-color: #a0d8f7;
  border-radius: 10px;
  padding: calc(1.7vw * 9 / 16);
  margin-top: 10px;
}
/* line 71, ../sass/contacts.scss */
.ContactTPL .who {
  margin-bottom: 10px;
}
@media (hover: hover) {
  /* line 77, ../sass/contacts.scss */
  .ContactTPL a:hover {
    text-decoration: none;
    color: #263688;
  }
}

/* line 85, ../sass/contacts.scss */
.ContactsR {
  position: relative;
  width: 50%;
}
/* line 89, ../sass/contacts.scss */
.ContactsR #map {
  position: sticky;
  overflow: hidden;
  top: 10px;
  border-radius: 10px;
  height: 100%;
  max-height: calc(100vh - 20px);
}
/* line 98, ../sass/contacts.scss */
.ContactsR .circle-marker {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #263688;
  box-shadow: 0 0 20px -8px #000000;
}
/* line 108, ../sass/contacts.scss */
.ContactsR .marker-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 121, ../sass/contacts.scss */
  .ContactsL {
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) and (max-height: 729px) {
  /* line 127, ../sass/contacts.scss */
  .ContactsL .info-top {
    margin-top: calc(8vw * 9 / 16);
  }
  /* line 131, ../sass/contacts.scss */
  .ContactsL .result {
    margin-top: calc(8vw * 9 / 16);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 142, ../sass/contacts.scss */
  .ContactsL {
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-height: 729px) {
  /* line 149, ../sass/contacts.scss */
  .ContactsL .info-top {
    margin-top: calc(8vw * 9 / 16);
  }
  /* line 153, ../sass/contacts.scss */
  .ContactsL .result {
    margin-top: calc(8vw * 9 / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 163, ../sass/contacts.scss */
  .ContactsR {
    width: 100%;
  }
  /* line 166, ../sass/contacts.scss */
  .ContactsR #map {
    max-height: initial;
    height: 700px;
    margin-top: 15px;
  }

  /* line 173, ../sass/contacts.scss */
  .ContactsL {
    width: 100%;
  }
  /* line 176, ../sass/contacts.scss */
  .ContactsL.ContactsIndex {
    min-height: auto;
    padding: calc(9vw * 9 / 16) 0 calc(14vw * 9 / 16) 0;
    order: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-height: 729px) {
  /* line 186, ../sass/contacts.scss */
  .ContactsL .info-top {
    margin-top: calc(8vw * 9 / 16);
  }
  /* line 190, ../sass/contacts.scss */
  .ContactsL .result {
    margin-top: calc(8vw * 9 / 16);
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 200, ../sass/contacts.scss */
  .ContactsR {
    width: 100%;
  }
  /* line 203, ../sass/contacts.scss */
  .ContactsR #map {
    max-height: initial;
    height: 115vw;
    margin-top: 15px;
  }
  /* line 210, ../sass/contacts.scss */
  .ContactsR .circle-marker {
    width: 44px;
    height: 44px;
    border-width: 1px;
  }
  /* line 216, ../sass/contacts.scss */
  .ContactsR .marker-label {
    font-size: 8px;
  }

  /* line 223, ../sass/contacts.scss */
  .ContactTPL {
    padding: 15px;
  }

  /* line 227, ../sass/contacts.scss */
  .ContactsL {
    width: 100%;
  }
  /* line 230, ../sass/contacts.scss */
  .ContactsL.ContactsIndex {
    min-height: auto;
    padding: calc(9vw * 9 / 16) 0 calc(14vw * 9 / 16) 0;
    order: 2;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) and (max-height: 729px) {
  /* line 240, ../sass/contacts.scss */
  .ContactsL .info-top {
    margin-top: calc(8vw * 9 / 16);
  }
  /* line 244, ../sass/contacts.scss */
  .ContactsL .result {
    margin-top: calc(8vw * 9 / 16);
  }
}
/* line 1, ../sass/terminal/terminal-road.scss */
.terminal-road {
  position: relative;
  overflow: hidden;
}

/* line 6, ../sass/terminal/terminal-road.scss */
.terminal-road-wr {
  position: relative;
}

/* line 10, ../sass/terminal/terminal-road.scss */
.terminal-road-box {
  width: clamp(100px, 24vw, 460px);
  height: clamp(100px, 24vw, 460px);
  border-radius: 50%;
  overflow: hidden;
  margin: 0 clamp(5px, 1vw, 20px);
  display: inline-flex;
}
/* line 18, ../sass/terminal/terminal-road.scss */
.terminal-road-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}