@charset "UTF-8";

/**/
div.session {
    margin-top: 4px;
    margin-right: 4px;
    font-size: 12px;
    text-align: right;
}

/**/
div.record {
  max-width: 600px;
  margin: auto;
}

/* ===== SCALE ===== */

div.outer {
  position: relative;
}
/**/
p.label-x {
  font-size: 14px;
  line-height: 1.12;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  position: absolute;
  margin: 0;
  padding: 0;
}
p.label-y {
  font-size: 14px;
  line-height: 1.12;
  margin: 0 auto 4px;
  position: absolute;
}
p.label-y3 {
  font-size: 14px;
  text-align: end;
  position: absolute;
  margin: 0;
  padding: 0;
}
/**/
div.scale-square {
  border: 1px solid #9d9c9a;
  background: #fffef0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
div.scale-base {
  margin: 40px 30px;
  position: relative;
}
div.scale-base3 {
  margin: 20px 30px;
  position: relative;
}
div.scale-quadrant {
  position: absolute;
}
/**/
img.scope {
  position: absolute;
  width: 72px;
  height: 72px;
}
/**/
div.aha {
  margin-top: 40px;
}
div.memo {
  margin: 0 50px;
  height: 50px;
}
button.submit {
  margin: 20px;
}