section.heatrepair1 {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.6;
	clip-path: inset(0%);
}
section.heatrepair1 .h_back_video {
	position: fixed;
	width: 100%;
	top: -20%;
	z-index: -1;
}
section.heatrepair1 .h_back_video video {
	width: 100%;
	max-width: 750px;
}
section.heatrepair1_top {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.488;
	margin-top: -27%;
}
section.heatrepair1_top .layer2 {
	top: 16%;
	opacity: 0;
}
section.heatrepair1_top .layer3 {
	width: 90.8%;
	height: auto;
	top: 49%;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
}
section.heatrepair1_top .layer4 {
	width: 86.6666%;
	height: auto;
	bottom: 16%;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
}
section.heatrepair1_middle {
	width:100%;
	aspect-ratio: 1 / 1.469;
}
section.heatrepair1_middle .layer1 {
	top: -13.6%;
}
section.heatrepair1_middle .layer2 {
	width:42.7%;
	height: auto;
	top: 36%;
	left: 5%;
}
section.heatrepair1_middle .layer3 {
	width:43.7%;
	height: auto;
	top: 36%;
	right: 5%;
}
section.heatrepair1_bottom {
	width:100%;
	aspect-ratio: 1 / 1.421;
}
section.heatrepair1_bottom .layer2 {
	width: 0.8%;
	height: auto;
	top: 47%;
	left: 13%;
	clip-path: inset(0 0 100% 0);
}
section.heatrepair1_bottom .layer3 {
	width: 0.8%;
	height: auto;
	top: 28%;
	right: 10%;
	clip-path: inset(0 0 100% 0);
}
section.heatrepair1_bottom .layer4 {
	width: 44.7%;
	height: auto;
	bottom: 16.8%;
	left: 3%;
	opacity: 0;
}
section.heatrepair1_bottom .layer5 {
	width: 44.7%;
	height: auto;
	bottom: 16.8%;
	right: 3%;
	opacity: 0;
}
.dotIn01 {
	animation: dotIn01Anime 1s ease-in-out forwards;
}
@keyframes dotIn01Anime {
	from {
    clip-path: inset(0 0 100% 0);
  }
	to {
    clip-path: inset(0);
  }
}
.dotIn02 {
	animation: dotIn02Anime 0.3s ease-in-out forwards;
}
@keyframes dotIn02Anime {
	from {
    clip-path: inset(0 0 100% 0);
  }
	to {
    clip-path: inset(0);
  }
}