article.col1 h1{
	width: 158px;
	margin: 0 auto;
	margin-bottom: 20px;
}
article.col1 h1 img{
	width: 100%;
}
h2.flow{
	width: 374px;
}
section ul{
	width:100%;
	padding:5px;
	list-style: none;
	background-image: url("../img/work/bgFlow.png");
	background-size: 98%;
	background-repeat: no-repeat;
}
section ul li{
	/*width: calc(100% / 4);*/
	width: 25%;
	float: left;
	margin-bottom: 10px;
}
section ul li > img,
section ul li > p{
	width: 215px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-feature-settings: "palt";
}
section ul li > img.mark{
	display: none;
}
.clearfix:after { 
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
article.sales h3,
article.center h3,
article.management h3,
article.logistics h3{
	width: 451px;
}
article.sales,
article.center{
	margin-bottom: 70px;
}
article.logistics{
	width: 48%;
	float: right;
	margin-bottom: 50px;
}
article.management{
	width: 48%;
	float: left;
}
article.management > p,
article.logistics > p{
	height: 240px;
}
article > div{
	width: 48%;
	float: left;
}
h3 > img{
	width: 100%;
}
article.sales > img,
article.center > img{
	width: 50%;
	float: right;
}
article.center img.pic{
	display: none;
}
article.management > img,
article.logistics > img{
	width: 100%;
}
article.center{
	height: 431px;
	background-image: url("../img/work/bgCenter.png");
	background-repeat: no-repeat;
}
article.center > div{
	float: right;
}
article.center > img{
	display: none;
}
article h2 img{
	margin-bottom: 0;
}
h3 > img{
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	article p img{
		width: 100%;
	}
	section > h2{
		margin-bottom: 28px;
	}
	section  h2.flow{
		width: 100%;
	}
	section > h2 img{
		margin-bottom: 10px;
	}
	section ul{
		background-image: none;
	}
	section ul li{
		width: 100%;
		text-align: center;
	}
	section ul li > img{
		width: 58%;
	}
	section ul li > p{
		width: 80%;
		margin: 0 auto;
		text-align: left;
	}
	section ul li > img.mark{
		display: block;
		width: 26px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	article{
		margin-bottom: 70px;
	}
	article > div{
		width: 100%;
	}
	article h3 + p{
		margin-bottom: 14px;
	}
	article.sales > img,
	article.center > img{
		width: 100%;
	}
	article.center{
		background-image: none;
	}
	article.center img.pic{
		display: block;
		width: 100%;
	}
	article.center > div{
		clear: both;
		margin-bottom: 70px;
	}
	article.management,
	article.logistics{
		width: 100%;
		clear: both;
		margin-bottom: 34px;
	}
	article.management > p,
	article.logistics > p{
		height: auto;
		
	}
	section.role h3{
		width: 100%;
	}
}