:root {
  --sectionSpace: 150px;
  --smallSpace: 50px;
}
@media (max-width: 859px) {
  :root {
    --sectionSpace: 100px;
    --smallSpace: 30px;
  }
}
:root {
  --deskWidth: 1122px;
  --deskSpace: 50px;
  --deskMaxWidth: calc(100vw - (2 * var(--deskSpace)));
}
@media (max-width: 859px) {
  :root {
    --deskSpace: 20px;
  }
}
:root {
  --spacePart: 12px;
}
@media (max-width: 1221px) {
  :root {
    --spacePart: 12px;
  }
}
@media (max-width: 859px) {
  :root {
    --spacePart: 12px;
  }
}
:root {
  --spaceUnit: 38px;
}
@media (max-width: 1221px) {
  :root {
    --spaceUnit: 38px;
  }
}
@media (max-width: 859px) {
  :root {
    --spaceUnit: 18px;
  }
}
:root {
  --spaceTotal: 50px;
}
@media (max-width: 1221px) {
  :root {
    --spaceTotal: 50px;
  }
}
@media (max-width: 859px) {
  :root {
    --spaceTotal: 30px;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.section--three .subcontent.subcontent--1 {
  width: calc((100%/1122*657) - 15px);
}
.section--three .subcontent.subcontent--2 {
  width: calc((100%/1122*465) - 15px);
}
.area--one .flat .part {
  width: calc((100%/1122*672) - 30px);
}
.area--one .flat .part.tiny:first-child {
  width: 40.10695187%;
}
/*# sourceMappingURL=./screen-large.css.map */