html {
  height: 100%;
}
body {
  font-family: "ＭＳ Ｐゴシック ",sans-serif;
  position: relative;
  height: calc(100vh - 2px);
  width: calc(100vw - 2px);
  margin: 0 auto;
  border: 1px solid #C8C8C8;
}

.arrow {
  position: absolute;
  height: 100%;
  width: 100%;
}

.text1 {
  position: absolute;
  top: 50svh;
  left: calc(10vw + 5px);
}

.text2 {
  position: absolute;
  top: 50svh;
  left: calc(10vw + 100px + 5px);
}