@charset "UTF-8";
/* ===================================================================
CSS
 file name  :  wms.css
=================================================================== */
.img_wms{
	margin: 50px auto auto;
}
ul.work_list{
	display: flex;
	margin: 50px auto auto;
	justify-content: space-between;
}
ul.work_list li{
	width: 18%;
}
ul.work_list li .title{
	text-align: center;
	background: #F0F9FB;
	padding: 0.5em;
}
ul.work_list li .img
ul.work_list li p{
	margin: 20px auto auto;
	text-align: center;
}
dl.work_lineup{
	background: #F8F8F8;
	line-height: 1.6;
}
dl.work_lineup dt{
	font-weight: bold;
}
@media screen and (min-width: 769px) {
	dl.work_lineup{
		margin: 50px auto auto;
		padding: 40px 50px;
	}
	dl.work_lineup dd{
		padding-left: 230px;
		margin-top: -1.6em;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 768px) {
	.img_wms{
		margin: 30px auto auto;
	}
	ul.work_list{
		margin: 10px auto auto;
		flex-wrap: wrap;
		justify-content: center;
	}
	ul.work_list li{
		width: 33.33%;
		margin-top: 20px;
		padding: 0 10px;
	}
	dl.work_lineup{
		margin: 30px auto auto;
		padding: 20px;
	}
	dl.work_lineup dd{
		margin-bottom: 1em;
	}
	dl.work_lineup dd:last-child{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) {
	ul.work_list li{
		width: 50%;
	}
}