@charset "UTF-8";

#snsBnr {
	margin: 2rem auto 4rem;
    width: 100%;
    max-width: 960px;
}

#snsBnr h2 {
	background: none;
	border: none;
	color:#333;
	text-align: center;
	margin-bottom: 2rem;
	min-height: unset;
}

#snsBnr .flexBox {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 0 auto 0;
	width: 65%;
}

#snsBnr .flexBox li {
	width: 45%;
	border: none;
}

#snsBnr .flexBox img {
	width: 100%;
}

.line.center {
    margin-bottom: 2rem;
}

@media screen and ( max-width:1200px) {

	#snsBnr .flexBox {
		width: 75%;
	}

}


@media screen and (min-width:320px) and ( max-width:767px) { 

	#snsBnr {
		margin: 1rem auto 2rem;
	}

	#snsBnr h2 {
		background: none;
		border: none;
		margin: 0 auto 1rem;
		padding-bottom: 0;
	}

	#snsBnr .flexBox {
		margin: 0 auto 0;
		width: 94%;
	}

	#snsBnr .flexBox li {
		width: 48%;
		border: none;
	}

	#snsBnr .flexBox img {
		width: 100%;
	}

	.line.center {
		width: 75%;
		margin: 0 auto 1rem;
	}

}