.keydata {
}

.keydata--in {
  display: flex;
  flex-wrap: wrap;
}

.keydata--label {
  margin-bottom: 12px;

  .keydata & {
    font-size:18px;
  }
}
.keydata--line {
  width:100%;
}
.keydata--value {
  .keydata & {
    font-size:70px;
  }
}


.keydata--item {
  &:nth-child(1) {
    padding-bottom:38px;
    padding-top:38px;
    margin-left:var(--mar);
    width: calc(var(--col)*3 + var(--gut)*2);
    text-align: right;
  }

  &:nth-child(2) {
    margin-left:calc(var(--col)*2 + var(--gut)*3);
    width: calc(var(--col)*7 + var(--gut)*6 + var(--mar));
    text-align: left;
  }

  &:nth-child(3) {
    margin-left:0;
    width: calc(var(--mar) + var(--col)*6 + var(--gut)*5);
    text-align: right;
    margin-right:50%;
    padding-bottom:8px;
  }

  &:nth-child(4) {
    padding-top:64px;
    margin-left:var(--mar);
    width: calc(var(--col)*4 + var(--gut)*3);
    text-align: right;
  }

  &:nth-child(5) {
    margin-left:calc(var(--gut)*4 + var(--col)*3);
    width: calc(var(--col)*5 + var(--gut)*4 + var(--mar));
  }
}