/* -----------------------
  height
----------------------- */
.height {
  position: relative;
  background: url(../img/height_bg.png) no-repeat center top / 100%;
}

.height .height_01 {
  position: relative;
  z-index: 2;
}

.height .height_pic li {
  position: absolute;
}

.height .height_pic li:first-child {
  top: min(calc(28 / 750 * 100vw), 28px);
  left: 0;
  width: min(calc(247 / 750 * 100vw), 247px);
}

.height .height_pic li:nth-child(2) {
  top: min(calc(25 / 750 * 100vw), 25px);
  right: min(calc(38 / 750 * 100vw), 38px);
  width: min(calc(275 / 750 * 100vw), 275px);
}

.height .height_pic li:nth-child(3) {
  top: min(calc(287 / 750 * 100vw), 287px);
  left: 0;
  width: min(calc(205 / 750 * 100vw), 205px);
}

.height .height_pic li:nth-child(4) {
  top: min(calc(198 / 750 * 100vw), 198px);
  right: 0;
  width: min(calc(247 / 750 * 100vw), 247px);
}

.height .height_pic li:nth-child(5) {
  top: min(calc(465 / 750 * 100vw), 465px);
  left: min(calc(44 / 750 * 100vw), 44px);
  width: min(calc(224 / 750 * 100vw), 224px);
  z-index: 0;
}

.height .height_pic li:nth-child(6) {
  top: min(calc(453 / 750 * 100vw), 463px);
  right: min(calc(37 / 750 * 100vw), 37px);
  width: min(calc(278 / 750 * 100vw), 278px);
}

.height_sub {
  position: relative;
}

.height_sub::after{
  content: '';
  position: absolute;
  width: min(calc(25 / 750 * 100vw), 25px);
  height: min(calc(374 / 750 * 100vw), 374px);
  bottom: max(calc(-23 / 750 * 100vw), -23px);
  right: min(calc(28 / 750 * 100vw), 28px);
  background: url(../img/height_e.png) no-repeat center top / min(calc(25 / 750 * 100vw), 25px);
}
.height_model01 {
  position: absolute;
  top: 0;
}

.height_model02 {
  position: absolute;
  bottom: 0;
}