.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  display: inline-block;
  line-height: 1.47058824;
  cursor: pointer;
  font-weight: bold;
  color: var(--s-btncolor);
  appearance: none;
  padding-left: 70px;
  border-radius: 0;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  background-size: 50px 2px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(var(--s-btncolor), var(--s-btncolor));
  transition: all 0.4s;
}
@media (max-width: 1279px) {
  .button {
    font-size: 16px;
    line-height: 1.3125;
    padding-left: 62px;
    background-size: 45px 2px;
  }
}
@media (max-width: 767px) {
  .button {
    font-size: 13px;
    line-height: 1.30769231;
    padding-left: 44px;
    background-size: 33px 1px;
  }
}
.button:hover,
.button:focus {
  background-color: rgba(0, 0, 0, 0);
  background-size: 85px 2px;
  padding-left: 105px;
}
@media (max-width: 1279px) {
  .button:hover,
  .button:focus {
    padding-left: 82px;
    background-size: 65px 2px;
  }
}
@media (max-width: 767px) {
  .button:hover,
  .button:focus {
    padding-left: 64px;
    background-size: 53px 1px;
  }
}
.button:active {
  background-color: rgba(0, 0, 0, 0);
}
.button-hover {
  background-color: rgba(0, 0, 0, 0);
  background-size: 85px 2px;
  padding-left: 105px;
}
@media (max-width: 1279px) {
  .button-hover {
    padding-left: 82px;
    background-size: 65px 2px;
  }
}
@media (max-width: 767px) {
  .button-hover {
    padding-left: 64px;
    background-size: 53px 1px;
  }
}
.button2 {
  display: inline-block;
  background-color: #9da791;
  line-height: 1.47058824;
  cursor: pointer;
  font-weight: bold;
  color: #FFFFFF;
  appearance: none;
  padding: 25px;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s;
}
@media (max-width: 1279px) {
  .button2 {
    font-size: 16px;
    line-height: 1.3125;
    padding: 15px 25px;
  }
}
@media (max-width: 767px) {
  .button2 {
    font-size: 13px;
    line-height: 1.30769231;
  }
}
.button3 {
  display: inline-block;
  background-color: #E53E59;
  font-size: 15px;
  line-height: 1.4;
  cursor: pointer;
  font-weight: bold;
  color: #FFFFFF;
  appearance: none;
  padding: 3px 10px;
  border-radius: 1000px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s;
}
.button3:hover,
.button3:focus {
  background-color: #FFFFFF;
  color: #E53E59;
}
div.navi {
  float: left;
}
div.navi > .item {
  float: left;
}
div.navi > .item > .menu {
  display: block;
}
@media (min-width: 1280px) {
  .togglenavigation,
  .mobile-navigation {
    display: none;
  }
}
.navigation {
  display: flex;
  align-items: center;
  gap: 43px;
}
div.sub1 {
  display: flex;
  align-items: center;
  gap: 34px;
}
div.sub1 > .item > .menu {
  padding: 1px 0;
  font-size: 15px;
  line-height: 2.66666667;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  background: linear-gradient(#FFFFFF, #FFFFFF);
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-position: 60% 100%;
  transition: all 0.4s;
  font-weight: bold;
}
div.sub1 > .item > .menu:hover,
div.sub1 > .item > .menu:focus {
  background-size: 60% 2px;
}
div.sub1 > .item > .menu.path {
  background-size: 60% 2px;
}
.layout3 #head {
  width: 58%;
}
.layout5 #head {
  width: 75%;
}
#view.layout6 #head {
  margin-top: -105px;
}
.container--illustration {
  min-height: 100vh;
  padding-top: 158px;
  box-sizing: border-box;
}
.container--illustration .illustration {
  width: 460px;
}
.aside {
  position: sticky;
  float: right;
  top: 0;
  margin-right: calc((100vw - var(--deskWidth)) / 2 *-1);
  padding-left: calc(var(--spaceTotal) + 5px);
  padding-right: calc(var(--spaceTotal) + 5px);
}
.aside--offer {
  width: 434px;
  padding-top: calc(var(--spaceTotal) + 5px);
  padding-bottom: calc(var(--spaceTotal) + 10px);
}
.aside--download {
  width: 238px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.about-content {
  width: calc((100% / 578) * 333);
}
.about-image {
  width: calc((100% / 289) * 133);
}
.area--one {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.layout3 .area--one {
  width: calc(58% - 30px);
}
.layout5 .area--one {
  width: calc(75% - 30px);
}
.area--one .unit {
  margin-left: 15px;
  margin-right: 15px;
}
.area--one .unitOne--1-1 {
  width: calc(100% - 30px);
}
.area--one .unitOne--1-2 {
  width: calc(50% - 113px);
  margin-right: 98px;
}
.area--one .unitOne--1-2offset {
  margin-top: calc(var(--spaceUnit) + 94px);
}
.area--one .unitOne--1-3 {
  width: calc((100% / 3) - 30px);
}
.layout3 .area--one .unitOne--1-3 {
  width: calc(50% - 30px);
}
.area--one .unitOne--indentLeft {
  width: calc(100% - 195px);
  padding-left: 159px;
}
.area--one .unitOne--indentRight {
  width: calc(100% - 159px);
  padding-right: 159px;
}
.area--one .unitOne--indentLeftRight {
  width: calc(100% - 226px);
  padding-left: 159px;
  padding-right: 159px;
}
.area--one .unitOne .part--indentLeft {
  width: calc(100% - 98px);
  margin-left: 98px;
  margin-right: 0;
}
.area--one .unitOne .part--indentRight {
  width: calc(100% - 98px);
  margin-right: 98px;
  margin-left: 0;
}
.area--one .unitTwo {
  width: calc(50% - 30px);
}
.area--one .unitTwo .unit__background {
  width: calc((100% - 60px) / 3);
  margin-right: 20px;
}
.area--one .unitTwo .unit__content {
  width: calc((100% / 3) * 2);
  padding-left: 35px;
}
.area--one .unitTwo--alignLeft {
  margin-right: calc(50% + 15px);
}
.area--one .unitTwo--alignRight {
  margin-left: calc(50% - 85px);
  margin-right: 115px;
}
.area--one .unitThree--1-1 {
  width: calc((100% - 30px) / 289 * 191);
  margin-left: calc(((100% - 30px) / 289 * 49) + 15px);
  margin-right: calc(((100% - 30px) / 289 * 49) + 15px);
  min-height: 213px;
  padding: 52px 46px;
}
.layout3 .area--one .unitThree--1-1 {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.area--one .unitThree--1-3 {
  width: calc((100% / 3) - 30px);
  min-height: 474px;
  padding: 43px 35px;
}
.area--one .unitThree--1-3 .unit__body {
  min-height: 388px;
}
.layout3 .area--one .unitThree--1-3 {
  width: calc(50% - 30px);
}
.area--one .unitFive {
  width: calc((100% - 30px) / 289 * 191);
  margin-left: calc((100% / 1186) * 113);
  margin-right: calc((100% / 1186) * 309);
}
.layout3 .area--one .unitFive {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.area--one .unitSix {
  width: calc(100% / 12 * 10);
}
.area--one .unitSix--imageLeft .unit__background {
  margin-right: 57px;
}
.area--one .unitSix--imageRight .unit__background {
  margin-left: 57px;
}
.area--one .unitSix .unit__background {
  width: calc(50% - 57px);
}
.area--two {
  padding: 0;
}
.aside--offer .areaAside .part.link:last-child {
  position: absolute;
  left: 0;
  top: calc(100% + 20px);
}
.part--contact:before {
  width: 34px;
  height: 30px;
}
/*# sourceMappingURL=./screen-large.css.map */