#home_products {
	margin:  80px 0 60px;
	padding: 0 0 45px;
	background-image: url(../../files/home/bg_home_products.png);
	background-color: #141c2b;
	background-repeat: no-repeat;
	background-position: calc(((100vw - 970px) / 2) - 265px) -16px;
}

.wrapper_home_products_contents {
	width: 100%;
	margin: -60px 0 0;
	padding: 15px 0 0;
	background-image: url(../images/bg_visual_top.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

ul.ul_home_products {
	margin:  0;
	padding: 0;
}
ul.ul_home_products > li {
	display: inline-block;
	width:  270px;
	height: 270px;
	margin:  0;
	padding: 0;
	vertical-align: top;
}
ul.ul_home_products > li.li_left {
	margin-left: 160px;
}
ul.ul_home_products > li.li_title {
	display: inline-block;
	width: 100%;
	height: 85px;
	margin:  0;
	padding: 10px 0 0;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	line-height: 1;
}

ul.ul_home_products > li > a {
	display: table;
	width:  270px;
	height: 270px;
	margin:  0;
	padding: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
}

ul.ul_home_products > li#chemical > a {
	background-image: url(../../files/home/home_products_chemical.jpg);
}
ul.ul_home_products > li#hygienic > a {
	background-image: url(../../files/home/home_products_hygienic.jpg);
}
ul.ul_home_products > li#metal > a {
	background-image: url(../../files/home/home_products_metal.jpg);
}
ul.ul_home_products > li#construction > a {
	background-image: url(../../files/home/home_products_construction.jpg);
}
ul.ul_home_products > li#textile > a {
	background-image: url(../../files/home/home_products_textile.jpg);
}
ul.ul_home_products > li#electirc > a {
	background-image: url(../../files/home/home_products_electirc.jpg);
}

ul.ul_home_products > li > a b {
	display: table-cell;
	width:  190px;
	height: 190px;
	margin:  0;
	padding: 0;
	background-color: rgba(0, 0, 0, .5);
	vertical-align: middle;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.7;
	position: relative;
}

ul.ul_home_products > li span {
	display: block;
	position: absolute;
/* 	bottom: 20px; Winで無効になるため */
	top: 150px;
	left: 0%;
	width:  100%;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

ul.ul_home_products > li span::after {
	font-family: 'FontAwesome';
	content: '\f04b';
	padding-left: .5em;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 1;
}

ul.ul_home_products > li > a:hover {
	color: #243a94;
	text-decoration: none;
}

ul.ul_home_products > li > a:hover b {
	background-color: rgba(255, 255, 255, .85);
}