.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  background-color: transparent;
  line-height: 1.25;
  cursor: pointer;
  color: var(--s-keycolor);
  border: 2px solid var(--s-keycolor);
  padding: 5px 8px 2px;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.055em;
  transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}
.button:hover,
.button:focus {
  color: var(--s-btn-hover-color);
  background-color: var(--s-keycolor);
}
.button:active {
  background-color: var(--s-keycolor);
}
.columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(var(--spaceTotal) * 2);
  margin-bottom: calc(var(--spaceTotal) * 2);
}
.columns__column--two {
  width: 32.0754717%;
}
.columns__column--one {
  width: 65.37735849%;
}
.container--intro {
  margin-top: calc(var(--spaceTotal) * 4);
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  padding-left: max(var(--deskSpace), calc((100vw - 1060px) / 2));
  box-sizing: border-box;
  min-height: min((100vw/1024*350), 350px);
}
.container--intro .mood {
  right: 0;
  top: 0;
  width: min(calc(100vw - var(--deskSpace) - 520px), calc(100vw - ((100vw - 1060px) / 2) - 520px));
  height: 100%;
}
@media (max-width: 1180px) {
  .container--intro .mood {
    width: ;
  }
}
.container--intro .content {
  width: 485px;
  padding: 0;
}
.container--news {
  margin-top: calc(var(--spaceTotal) * 2);
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  padding-right: max(var(--deskSpace), calc((100vw - 1060px) / 2));
  box-sizing: border-box;
  min-height: min((100vw/1024*350), 350px);
}
.container--news .mood {
  right: 0;
  top: 0;
  width: min(calc(100vw - var(--deskSpace) - 645px), calc(100vw - ((100vw - 1060px) / 2) - 645px));
  height: 100%;
  max-height: 700px;
  aspect-ratio: 1;
}
@supports not (aspect-ratio: 1 / 1) {
  .container--news .mood:before {
    float: left;
    padding-top: 100%;
    content: '';
  }
  .container--news .mood:after {
    display: block;
    content: '';
    clear: both;
  }
}
@media (max-width: 1180px) {
  .container--news .mood {
    width: ;
  }
}
.container--news .content {
  width: 600px;
  padding: 0;
}
.section--footer {
  margin-top: calc(var(--spaceTotal) * 5);
}
.footarea {
  width: 102.63157895%;
  margin-left: -1.28205128%;
  display: flex;
  flex-wrap: wrap;
}
.footpart {
  margin-left: 1.28205128%;
  margin-right: 1.28205128%;
}
.footpart.footpart--slim {
  width: 47.43589744%;
}
.footpart.footpart--wide {
  width: 97.43589744%;
}
.area--one {
  width: 102.83018868%;
  margin-left: -1.41509434%;
}
.area--two {
  margin-bottom: calc(var(--spaceTotal) * -5);
}
.area--one .unit {
  width: 97.24770642%;
  margin-left: 1.37614679%;
  margin-right: 1.37614679%;
}
.area--one .unitOne--1-1-indent {
  padding-right: 42.20183486%;
  box-sizing: border-box;
}
.area--one .unitOne--1-2 {
  width: 47.24770642%;
}
.area--one .unitOne--1-3 {
  width: 30.55045872%;
}
.area--one .unitOne--1-4 {
  width: 22.20183486%;
}
.area--one .unitOne--2-3 {
  width: 63.94495413%;
}
.area--one .unitTwo {
  padding-left: 520px;
  box-sizing: border-box;
}
.area--one .unit--form {
  width: 47.24770642%;
}
.area--one .unit--form .unit__body {
  width: 105.82524272%;
  margin-left: -2.75229358%;
}
.area--one .unit--form .part {
  margin-left: 2.75229358%;
  margin-right: 2.75229358%;
  width: 94.49541284%;
}
.area--one .unit--form .part.partInput--slim {
  width: 44.40366972%;
}
.area--two .unitOne {
  padding-right: max(var(--deskSpace), calc((100vw - 1200px) / 2));
  padding-left: calc(100vw - ((100vw - 1200px) / 2) - 760px);
  min-height: min((100vw/1200*320), 320px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.area--two .unitOne .unit__background {
  position: absolute;
  width: calc(100vw - ((100vw - 1200px) / 2) - 760px);
}
.area--two .unitOne .unit__content {
  width: 760px;
  padding: 30px 100px 30px 45px;
}
/*# sourceMappingURL=./screen-large.css.map */