html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.layout {
  display: grid;
  grid-template-columns: 200px 1fr; /* 左170px、右は可変 */
  height: 100vh;
}

/* 左側の4段構成 最初のpxが一番上のフレームの高さ 次が言語 最後が→HOME */
.left {
  display: grid;
  grid-template-rows: 213px 50px 1fr 52px;
  height: 100%;
}

.left iframe,
.window iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.left iframe,
.window iframe {
  border: 1px solid #666;
  box-sizing: border-box;
}

.left > div {
  border-bottom: 1px solid #666;
}

.window {
  border-left: 1px solid #666;
}