#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: 618px;
  left: 331px;
}
#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: 76%;
	}
	#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%;
	}
}