.pgTtl {
	background-image: url(../safety/img/pgttl2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}

.pgTtlIn .ttl {
    padding-top: 7%;
}

#sc1 .SubBox .imgBox1 {
	float: right;
	width: 49%;
	margin-left: 0px;
}

#sc1 .SubBox .imgBox1 span{
	text-align: right;
	color: #666;
	display: block;
}


#sc1 .SubBox .txtBox1 {
	width: 350px;
	float: left;
	margin-bottom: 1em;
}

#sc1 .SubBox .txtBox2 {
	width: 350px;
		margin-bottom: 2em;
}
.imgBox figure figcaption {
		color: #666;
}


.imgBox{


}

.imgBox ul{
/*  	display: flex;
  justify-content: space-between;*/
}

.imgBox ul li {
	width: 30%;
display: inline-block;
  text-align: center; 
margin: 30px 1.4%;
}




@media screen and (max-width:767px){
	
.pgTtl {
	height:auto;
	background-size: 560px;
	background-position: center top;
	}

.pgTtlIn .ttl {


}
	
#sc1 .SubBox .imgBox1 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
	
#sc1 .SubBox .txtBox1 {
	width: 100%;
}

#sc1 .SubBox .txtBox2 {
	width: 100%;
}
  
.imgBox ul{
  	display:block;

}  

.imgBox ul li {
	width: 46%;
	display: inline-block;
	margin: 0 1% 20px;
  vertical-align: top;
}

	
}