.home_overlap_content {
    width: 65%;
    height: 25%;
    padding: 2rem 1.5rem 3rem 1.5rem;
  }
  
  .home_overlap_title {
    font-size: 2rem;
    width: 100%;
    height: auto;
    padding:1rem,2rem;
  }
  
  .home_overlap_logo_box h2     {
    font-size: 2.5rem;
 }
.home_overlap_1 {
  width: 90%;
  height:60vw;
  padding: 1rem,2rem;
}

.home_overlap_Back_1,
.home_overlap_Front_1 {
  position: absolute;
}

.home_overlap_Back_1 {
  width: 70%;
  height: 70%;
  top: 0;
  right: 0;
  z-index: 1;
}

.home_overlap_Front_1 {
  width: 65%;
  height: 65%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.home_overlap_Back_1 img,
.home_overlap_Front_1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.home_overlap_content {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 55%;
  height:50%;
  z-index: 3;
}
	
	.home_overlap_content_short{
		width:10vw;
		height:100%;
	}
	.home_overlap_content_long{
		width:30vw;
		height:100%;
	}

.home_overlap_logo {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
	padding:0 5% 0 5%;
}

.home_overlap_text {
  line-height: 1.8vw;
  margin-bottom: 1vw;
  padding-left:1vw;
	}
	
.home_overlap_button {
  display: inline-block;
  padding: 1vw 2vw;
  border: 2px solid white;
  color: white;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.2vw;
  transition: all 0.3s ease;
  margin-top: 2.5vw;
}

.home_overlap_button:hover {
  background: white;
  color: #5ac4b3;
}

.home_overlap_button a{
	text-decoration: none;
}

.home_overlap_button_wrapper {
  text-align: right; 
  margin-top: 2vw;
  padding-right: 2vw;
  width: 100%;
}
  




	.Top_Works_overlap{
	  width: 90%;
	  height:43vw;
	}
	
	.top_works_backgroud_front{
	  width: 95%;
	  height: 90%;
	  top: 0;
	  right: 0;
	  z-index: 2;
	}
	
	.top_works_backgroud_back{
	  width: 95%;
	  height: 90%;
	  bottom: 0;
	  left: 0;
	  z-index: 1;
	}
	
	.top_works_backgroud_front img,
	.top_works_backgroud_back img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}
	
	.top_works_backgroud_front,
	.top_works_backgroud_back{
	   position: absolute;
	}
	
	.top_work_button{
		display: inline-block;
	  	padding: 2vw 5vw;
	  	border: 2px solid white;
	  	color: white;
	  	text-decoration: none;
	  	font-weight: bold;
	  	letter-spacing: 0.2vw;
	  	transition: all 0.3s ease;
	  	margin-top: 2.5vw;
		font-size:2vw !important;
	}
	
	.top_work_button:hover {
	  	background: white;
	  	color: #5ac4b3 !important;
	}

.top_work_button a{
	text-decoration: none;
}
	
	.top_works_content_overlap{
	  width:90%;
	  height:80%;
	  left:0;
	  top:0;
	  display:flex;
	  gap:2%;
	  z-index: 3;
	}
	
	
	.top_works_img_element{
	  padding : 3%;
	  width : 20vw;
	  height : auto;
	}
	
	.top_works_img_element_content{
	  padding:3%;
	  width:40%;
	  height:100%;
	  display:flex;
	  flex-direction:column;
	  gap:3%;
	}
	
	.top_works_img_element_background{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  bottom:0;
	}
	
	.top_works_img_element_background_top{
	  position:relative;
	  bottom:15%;
	}
	
	.top_work_img_conrtainer{
		display:flex;
		gap:2%;
		width;70%;
		height:70%;
	}
	
	.top_machine{
		width: 90%;
 		height:70vw;
		padding:1% 3% 1% 3%;
	}
	
	.top_machine_background_front{
		width: 92%;
		height: 95%;
  		top: 0;
  		left: 0;
  		z-index: 2;
	}
	.top_machine_background_back{
		width: 92%;
  		height: 95%;
  		bottom: 0;
  		right: 0;
  		z-index: 1;
	}
	.top_machine_background_front img,
	.top_machine_background_back img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.top_machine_background_front,
	.top_machine_background_back{
	   	position: absolute;
	}	
	
	.top_machine_container{
		display:flex;
		position:relative;
		width:90%;
		height:100%;
		top:2%;
		left:0;
		z-index:3;
		gap:10%;
	}
	
	.top_machine_img_container{
  		display: flex;
 		flex-direction: column;
		gap:5%;
		width:65%;
		height:100%;
	}
	.machine_img{
		width:100%;
		height:40%;
	}
	.machine_img img{
		width:100%;
		height:100%;
		display:block;
		object-fit: contain;
	}
	
	.top_machine_content_text{
		display:flex;
		flex-direction:column;
		width:100%;
		height:auto;
	}

	
	.top_machine_content{
    	display: flex;
    	flex-direction: column;
    	width: 35%;
    	height: 100%;
    	gap: 30%;
	}
	
	.top_machine_button_wrapper{
		width:100%;
		height:auto;
		text-align:center;
		justify-items:center;
		align-items:center;
	}
	
	.top_machine_button{
  		display: inline-block;
  		padding: 2vw 4vw;
  		border: 2px solid white;
  		color: white;
  		text-decoration: none;
  		font-weight: bold;
  		letter-spacing: 0.2vw;
  		transition: all 0.3s ease;
  		margin-top: 2.5vw;
	}

	.top_machine_button:hover {
	  background: white;
	  color: #5ac4b3;
	}

	.top_machine_button a{
		text-decoration: none;
	}
	
	
	.top_style{
		width:90%;
		height:45vw;
		padding:3%;
	}
	
	.top_style_front{
		z-index:2;
		top:0;
		left:0;
		width:87%;
		height:90%;
	}
	
	.top_style_back{
		z-index:1;
		bottom:0;
		right:0;
		width:87%;
		height:90%;
	}
	
	.top_style_front img,
	.top_style_back img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.top_style_front,
	.top_style_back{
	   	position: absolute;
	}	
	
	.top_style_container{
		display:flex;
		position:absolute;
		top:3vw;
		left:3vw;
		gap:3%;
		z-index:3;
		width:80%;
		height:70%;
	}
	
	.top_style_img{
		width:100%;
		height:100%;
	}
	
	.top_style_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.top_style_contents{
		width:35%;
		height:100%;
		display:flex;
		flex-direction:column;
		gap:30%;
	}
	
	.style_img_wrapper{
		width:65%;
		height:100%;
	}
	
	.style_button{
		display: inline-block;
  		padding: 2vw 4vw;
  		border: 2px solid white;
  		color: white;
  		text-decoration: none;
  		font-weight: bold;
  		letter-spacing: 0.2vw;
  		transition: all 0.3s ease;
  		margin-top: 2.5vw;
	}

	.style_button:hover {
	  	background: white;
	  	color: #5ac4b3;
	}
	
	.style_content_text{
		text-align:left;
	}
	
	.style_button_wrapper{
		width:100%;
		height:auto;
		text-align:center;
		justify-items:center;
		align-items:center;		
	}
	


@media (max-width:599px){
	.home_overlap_1 {
	  	width: 90%;
	  	height:65vw;
	  	padding: 1rem,2rem;
	}
	.home_overlap_Back_1,
	.home_overlap_Front_1 {
	  	position: absolute;
	}
	
	.home_overlap_Back_1 {
	  	width: 90%;
	  	height: 90%;
	  	top: 0;
	  	right: 0;
	  	z-index: 1;
	}
	
	.home_overlap_Front_1 {
	  	width: 90%;
	  	height: 90%;
	  	bottom: 0;
	  	left: 0;
	  	z-index: 2;
	}
	
	.home_overlap_Back_1 img,
	.home_overlap_Front_1 img {
	  	width: 100%;
	  	height: 100%;
	  	object-fit: contain;
	  	display: block;
	}
	 .home_overlap_content {
  	  	width: 65%;
  	  	height: 25%;
  	  	padding: 2rem 1.5rem 3rem 1.5rem;
  	}

	
	.home_overlap_content {
	  	width: 95%;
	  	height: 90%;
	  	bottom: 0;
	  	left: 0;
	  	z-index: 3;
	}
	
	.home_overlap_content_short{
		width:10vw;
		height:100%;
	}
	.home_overlap_content_long{
		width:30vw;
		height:100%;
	}

	.home_overlap_logo {
	  	display: flex;
	  	align-items: left;
		justify-content:flex-start;	
	}
	
	.home_overlap_text {
		width:100%;
	  	line-height: 4vw !important;
	  	margin-bottom: 1vw;
	  	padding-left:1vw;
		font-size:3vw !important;
		}
		
	.home_overlap_button {
	  	display: inline-block;
	  	padding: 3vw 10vw;
	  	border: 2px solid white;
	  	color: white;
	  	text-decoration: none;
	  	font-weight: bold;
	  	letter-spacing: 0.2vw;
	  	transition: all 0.3s ease;
	  	margin-top: 2.5vw;
		font-size:3vw !important;
	}
	
	.home_overlap_button:hover {
	  	background: white;
	  	color: #5ac4b3 !important;
	}
	
	.home_overlap_button_wrapper {
	  	text-align: right; 
	  	margin-top: 2vw;
	  	padding-right: 2vw;
	  	width: 100%;
	}
	
	
	
	
	
	
	.Top_Works_overlap{
	  width: 90%;
	  height:58vw;
	}
	
	.top_works_backgroud_front{
	  width: 95%;
	  height: 90%;
	  top: 0;
	  right: 0;
	  z-index: 2;
	}
	
	.top_works_backgroud_back{
	  width: 95%;
	  height: 90%;
	  bottom: 0;
	  left: 0;
	  z-index: 1;
	}
	
	.top_works_backgroud_front img,
	.top_works_backgroud_back img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}
	
	.top_works_backgroud_front,
	.top_works_backgroud_back{
	   position: absolute;
	}
	
	
	
	.top_works_content_overlap{
	  width:90%;
	  height:80%;
	  left:0;
	  top:0;
	  display:flex;
	  gap:0;
	  z-index: 3;
	}
	
	
	.top_works_img_element{
	    width : 33%;
		height:100%;
	  	padding:1%;
	}
	
	.top_works_img_element_content{
	  width:auto;
		min-width:30%;
		max-width:40%;
	  height:100%;
	  display:flex;
	  flex-direction:column;
	  justify-content:flex-start;
	  gap:0;
		padding-top:3%;
		padding-left:3%;
	}
	
	.top_works_img_element_background{
	  position:relative;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  display: block;
	  top:15%;
	}
	
	.top_works_img_element_background_top{
	  position:relative;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  display: block;
	  bottom:15%;
	}
	
	.top_work_img_conrtainer{
		display:flex;
		gap:0%;
		width:65%;
		height:100%;
	}
	
	.top_work_button{
		display: inline-block;
	  	padding: 2vw 5vw;
	  	border: 2px solid white;
	  	color: white;
	  	text-decoration: none;
	  	font-weight: bold;
	  	letter-spacing: 0.2vw;
	  	transition: all 0.3s ease;
	  	margin-top: 2.5vw;
		font-size:2vw !important;
	}
	
	.work_text{
		font-size:2.5vw !important;
		width:100% !important;
	}
	
	.top_work_button:hover {
	  	background: white;
	  	color: #5ac4b3 !important;
	}
	
	.machine_text{
		font-size:3vw !important;
		width:100% !important;
	}
	
	.top_machine_content{
    	display: flex;
    	flex-direction: column;
    	width: 40%;
    	height: 100%;
    	gap: 10%;
	}
	
	.top_machine_content_text{
		width:500px;
		height:auto
	}
	
	.top_machine_button{
  		display: inline-block;
  		padding: 2vw 5vw;
  		border: 2px solid white;
  		color: white;
  		text-decoration: none;
  		font-weight: bold;
  		letter-spacing: 0.2vw;
  		transition: all 0.3s ease;
  		margin-top: 2.5vw;
		font-size:3vw !important;
	}
	
	.top_machine_container{
		display:flex;
		position:relative;
		width:90%;
		height:100%;
		top:2%;
		left:0;
		z-index:3;
		gap:5%;
	}
	
	.top_machine_button:hover {
	  background: white;
	  color: #5ac4b3 !important;
	}	
	
	.top_style{
		width:90%;
		height:70vw;
		padding:3%;
	}
	
	.style_button{
		display: inline-block;
  		padding: 2vw 5vw;
  		border: 2px solid white;
  		color: white;
  		text-decoration: none;
  		font-weight: bold;
  		letter-spacing: 0.2vw;
  		transition: all 0.3s ease;
  		margin-top: 2.5vw;
		font-size:3vw !important;
	}
	
	.style_button hover{
		background: white;
	  	color: #5ac4b3 !important;
	}
	
	.style_text{
		font-size:2.5vw !important;
	}
	
	.style_content_text{
		width:800px;
		height:auto;
		padding:0 !important;
	}
	
	.top_style_container{
		display:flex;
		position:absolute;
		top:3vw;
		left:3vw;
		gap:3%;
		z-index:3;
		width:80%;
		height:70%;
	}
	
	.top_style_contents{
		width:35%;
		height:100%;
		display:flex;
		flex-direction:column;
		gap:10%;
	}
}