#toolview_monitor_description {
  margin-top: 5em;
}
.tool_detail dd .text-wrap .label-and-box .label sub.text02 {
  font-size: 100%;
}
input {
  color: #000;
  opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::placeholder {
  color: #caccc8;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .result_detail dd .text-wrap-result,
  .result_detail dd .text-wrap-result {
    width: 60%;
  }
  .mt2 > .text-wrap-result:last-child {
    margin-top: 2em;
  }
  .tool_detail dd .text-wrap-result02 .unit {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .tool_detail dd .text-wrap .label-and-box .label {
    width: 26vw;
    padding: 4% 0;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 1.2;
  }
  .tool_detail dd input[type="text"] {
    width: 26vw;
  }
  .tool_detail dd .text-wrap .unit {
    width: 10vw;
  }
  .result_detail dd .text-wrap-result label > div.monitor_text {
    width: 50vw;
    margin-right: 1em;
  }
  .result_detail dd .text-wrap-result label > div.monitor_text img {
    width: 100%;
  }
  .tool_detail p.text02,
  .result_detail dd .result_note {
    line-height: 1.4;
  }
  .h11 {
    height: 11vw;
  }
}
@media (min-width: 768px) {
  .result_detail dd .result_note {
    margin: 2em 3%;
    font-size: 13px;
    line-height: 1.6;
  }
  .tool_detail dd .text-wrap .label-and-box .label {
    font-size: 0.85em;
    font-weight: bold;
    padding: 0.5em;
    font-weight: bold;
    background-color: #e7380d;
    color: #fff;
    width: calc(75% - 4em);
    border-radius: 4px 0 0 4px;
    min-width: 110px;
    line-height: 1;
  }
  .tool_detail p.text02 {
    line-height: 1.6;
  }
  .tool_detail dd .text-wrap .label-and-box {
    max-width: 220px;
  }
  .result_detail label > div.monitor_text {
    width: 83px;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #zumen_parent {
    position: relative;
  }
  #zumen_parent .image-wrap {
    position: sticky;
    top: 10%;
  }
  .pcCol2_tool {
    align-items: stretch;
  }
}
#TminCheckText {
  margin: auto;
  color: #caccc8;
}
#TminCheck.ok {
  color: #6fba2c;
  font-weight: bold;
}

#TminCheck.ng {
  color: red;
  font-weight: bold;
}

.result_num {
  font-weight: bold;
  font-size: 1.25em;
}

.empty-input {
  color: #caccc8;
}
.empty-input::placeholder {
  color: #caccc8;
}

input::placeholder {
  text-align: center; /* placeholderのテキストを中央に */
}
#input-focus-circle {
  display: none; /* 初期状態では非表示 */
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(238, 171, 66, 0.3);
  opacity: 1;
  animation: Step1_toggleFade 2s infinite;
}
@keyframes Step1_toggleFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
#input-focus-circle.mass {
  top: 218px;
  left: 219px;
}
#input-focus-circle.x {
  top: 394px;
  left: 175px;
}
#input-focus-circle.y {
  top: 228px;
  left: 71px;
}
#input-focus-circle.x1 {
  top: 447px;
  left: 180px;
}
#input-focus-circle.y1 {
  top: 141px;
  left: 18px;
}
#input-focus-circle.thetaA {
  top: 545px;
  left: 248px;
}
#input-focus-circle.thetaB {
  top: 619px;
  left: 320px;
}
#input-focus-circle.t {
  top: 240px;
  left: 111px;
}
@media (max-width: 1130px) {
  #input-focus-circle.mass {
    top: 23.7%;
    left: 50.5%;
  }
  #input-focus-circle.x {
    top: 43.6%;
    left: 40.1%;
  }
  #input-focus-circle.y {
    top: 25%;
    left: 16%;
  }
  #input-focus-circle.x1 {
    top: 49.5%;
    left: 41%;
  }
  #input-focus-circle.y1 {
    top: 15.5%;
    left: 4%;
  }
  #input-focus-circle.thetaA {
    top: 60.5%;
    left: 56.5%;
  }
  #input-focus-circle.thetaB {
    top: 68.5%;
    left: 72%;
  }
  #input-focus-circle.t {
    top: 26.5%;
    left: 25%;
  }
}
@media (max-width: 767px) {
  .xy-image {
    display: none !important;
  }
  .result_detail dd .bgGray_02 .canvas canvas {
    padding: 4%;
  }
}