@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

.hog_raising_bg {
	background:url(../images/hog_raising/hed_img.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}

.hog_raising_img {
	width:46%;
	float:right;
	margin:0 0 4% 4%;
}

.hog_raising_list {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list li {
	width:31.33%;
	float:left;
	margin-right:3%;
	margin-bottom:3%;
}

.hog_raising_list li img {
	width:100%;
	height:auto;
}

.hog_raising_list li:nth-child(3n+3) {
	margin-right:0;
}

.hog_raising_list li h5 {
	background:#000000;
	color:#FFFFFF;
	padding:1%;
	font-size:12px;
	text-align:center;
	margin:0 0 10px;
}


.hog_raising_list2 {
	width:100%;
	margin:0 auto 60px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list2 li {
font-size: 16px;
font-weight:bold;
padding-left: 30px;
margin-bottom: 10px;
position: relative;
}

.hog_raising_list2 li span {
	font-weight:normal;
	font-size:14px;
}

.hog_raising_list2 li:before{
font-family: FontAwesome;
content: "\f00c";
position: absolute;
font-size: 20px;
left: 0;
top: 0;
color: #B50A0C; 
}

.hog_raising_list2 li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}

.hog_raising_list3 {
	width:100%;
	margin:0 auto 60px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list3 li {
	width:25%;
	float:left;
	margin:0;
}

}


/*sp*/
@media only screen and (max-width: 768px) {

.hog_raising_bg {
	background:url(../images/hog_raising/hed_img.jpg) center center no-repeat;
	width:100%;
	height:160px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}


.hog_raising_img {
	width:90%;
	float:none;
	margin:0 auto 4%;
}

.hog_raising_list {
	width:100%;
	margin:0 auto 20px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list li {
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.hog_raising_list li img {
	width:100%;
	height:auto;
}

.hog_raising_list li:nth-child(2n+2) {
	margin-right:0;
}

.hog_raising_list li h5 {
	background:#000000;
	color:#FFFFFF;
	padding:1%;
	font-size:12px;
	text-align:center;
	margin:0 0 10px;
}


.hog_raising_list2 {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list2 li {
font-size: 12px;
font-weight:bold;
padding-left: 20px;
margin-bottom: 10px;
position: relative;
}

.hog_raising_list2 li span {
	font-weight:normal;
	font-size:10px;
}

.hog_raising_list2 li:before{
font-family: FontAwesome;
content: "\f00c";
position: absolute;
font-size: 16px;
left: 0;
top: 0;
color: #B50A0C; 
}

.hog_raising_list2 li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}



.hog_raising_list3 {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.hog_raising_list3 li {
	width:50%;
	float:left;
	margin:0;
}

}