﻿/* Reset style */

/* feature area */
.hero_img{
  background:url(images/heroimage.jpg) no-repeat center center / cover;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature_area {
  display: flex; 	
  justify-content: center;
  align-items: center;
  width:100%;  		
}
.feature_area h1{
	margin: 0;
	text-align:center;
	font-size:3rem;
	color:#FFF;
    text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.56);
}


#usedfacility_cnt01{
	margin-bottom:8rem;
}
#usedfacility_cnt01_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	flex-direction:column;	
}
#usedfacility_cnt01_inner p{
	font-size:1.3rem;
	line-height:170%;
}
#usedfacility_cnt01 h3::before {
	top:calc(75% - 1px);
}
#usedfacility_cnt01_inner h4{
	font-size:1.2rem;
	margin:3rem 0 1rem 0 ;
}

#usedfacility_cnt02{
	margin-bottom:8rem;
}
#usedfacility_cnt02_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}

#usedfacility_cnt03{
	margin-bottom:2rem;
}
#usedfacility_cnt03_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
#importexport_cnt04{
	margin-bottom:2rem;
}
#importexport_cnt04_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
/* Responsive style */
@media screen and (max-width: 992px) {
	h1 a {
		position: relative;
		z-index: 1;
	}
	.feature_area h1{
		position:relative;	
		top:40%;
		left:50%;
		width:100%;
		text-align:center;
		transform:translate(-50%,-50%);
		font-size:2.3rem;
		color:#FFF;
		  text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.56);
	}
	#usedfacility_cnt01{
		margin:15px;
	}
	#usedfacility_cnt01_inner{
		width:100%;
		margin:0 auto;
		display:flex;
		flex-direction:column;	
	}
	#usedfacility_cnt01_inner p {
		font-size: 1rem;
		line-height: 150%;
	}
	#usedfacility_cnt01_inner h3 {
		font-size: 1.2rem;
	}
}
