#facebook{
	
}
#facebook h2{
	background:url(images/images/hd_bg.png) #E2E0D9;
	font-size: 250%;
	line-height: 150%;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 40px;
	height: 100px;
	box-sizing: border-box;
	padding: 30px 0 0;
}
#facebook h2 img{
	display: inline-block;
	margin:0 15px;
}
	#facebook h2 span{
		background:url(../images/icon_fb_l.png) no-repeat left;
		padding-left: 60px;
		font-size: 115%;
		vertical-align: top;
		margin-right: 10px;
	}

#facebook .fbList{
	display:flex;
	flex-wrap:wrap;
}
	#facebook .fbList > li {
    width: 25%;
    position: relative;
    padding: 0 0 10px 0;
}	

#facebook dl {
    margin: 5px 5px 10px;
    background: #F0EFEC;
    height: 100%;
}
	#facebook dl dt{
		position: relative;
		width: 100%;
		height: 150px;
		display: inline-block;
		overflow: hidden;
	}
		#facebook dl dt img{
			position: absolute;
			width: auto;
			height: auto;
			top: 50%;
			left: 50%;
			min-height: 50%;
			min-width: 20%;
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
		}
@supports ( object-fit: cover ) {
    .media img {
        position: static;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
		#facebook dl dt .img{
			width: 50%;
			height: auto;
			max-height: 130px;
			background-repeat: no-repeat;
			background-size: contain;
			 margin: auto;
		}
	#facebook dl dd{
		background:#F0EFEC;
		padding:15px;
	}
		#facebook dl dd .title{
			text-align:center;
			font-size:110%;
			letter-spacing:2px;
			font-weight:700;
			margin-bottom:10px;
		}
		#facebook dl dd .text{
			margin-bottom:15px;
    word-break: break-all;
    white-space: pre-wrap;
		}
		#facebook dl dd ul{
			padding-top:15px;
			border-top:solid 1px #736357;

		}
			#facebook dl dd ul li{
				display:inline-block;
				margin-right:10px;
			}
				#facebook dl dd ul li i{
						margin-right:5px;
						display: inline-block;
						vertical-align: text-bottom;
				}
					#facebook dl dd ul li i img{
						display:inline;
						vertical-align:middle;
					}

@media screen and (max-width: 736px) {
	
	#facebook h2 {
    height: auto;
		padding: 10px 40px;
		margin-bottom: 20px;
	}
	#facebook h2 img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 10px auto;
	}

#facebook .fbList > li{
	width: 50%;
}
	#facebook dl dd {
    padding: 10px;
	}
#facebook dl dd ul li{
	display:block;
	margin-right:0;
	margin: 5px 0 0;
}
	#facebook dl dd ul {
    padding-top: 5px;
	}

}