@media print, screen and (min-width:922px){
	.socialTxt{
		clear:both;
		width:100%;
		margin-bottom:30px;
	}
	.socialWrap{
		margin-left:-3.2%;
		float:left;
		/* jquery.tile の $('.socialBox').tile(2) を置き換え。
		   flex アイテムは既定 (align-items:stretch) で同じ行の最大高に揃うため、
		   等高揃えのJSが不要になる。
		   幅と溝は .socialBox 側の既存指定（width:46.8% / margin:0 0 4% 3.2%）を
		   そのまま使うので、レイアウトの寸法は変わらない。 */
		display:flex;
		flex-wrap:wrap;
	}
	.socialBox{
		margin:0 0 4% 3.2%;
		width:46.8%;
		/* float は flex アイテムでは無視されるため削除した。
		   767px 未満は下の @media が独自に float:left を指定している。 */
		border:1px solid #6eb92b;
		background-image: url("/assets/img/corporate/social/backStripe.png");
	}
	.socialTitle{
		padding:10px 0 10px 20px;
		text-align: left;
		background-color: #6eb92b;
		font-size:16px;
		color:#ffffff;
		margin:0;
	}
	.socialTitle2{
		padding:10px 0 10px 20px;
		text-align: left;
		font-size:17px;
		font-weight:bold;
		color:#6eb92b;
		margin:0;
	}
	.socialInner{

		padding:4%;
		float:left;
		margin:0;
	}
	.socialInner img{
		float:left;
		width:51%;
	}
	.socialInnerTxt{
		font-size:13px;
		width:45%;
		line-height:1.8;
		float:right;
	}
}
@media  screen and (min-width:767px) and (max-width:992px) {
	.socialTxt{
		clear:both;
		width:100%;
		margin-bottom:30px;
	}
	.socialWrap{
		margin-left:-3.2%;
		float:left;
		/* 等高揃え。min-width:922px 側と同じ理由（jquery.tile の置き換え） */
		display:flex;
		flex-wrap:wrap;
	}
	.socialBox{
		margin:0 0 4% 3.2%;
		width:46.8%;
		/* float は flex アイテムでは無視されるため削除した。
		   767px 未満は下の @media が独自に float:left を指定している。 */
		border:1px solid #6eb92b;
		background-image: url("/assets/img/corporate/social/backStripe.png");
	}
	.socialTitle{
		padding:10px 0 10px 20px;
		text-align: left;
		background-color: #6eb92b;
		font-size:16px;
		color:#ffffff;
		margin:0;
	}
	.socialTitle2{
		padding:10px 0 10px 20px;
		text-align: left;
		font-size:17px;
		font-weight:bold;
		color:#6eb92b;
		margin:0;
	}
	.socialInner{
		padding:20px;
		float:left;
		margin:0;
	}
	.socialInner img{
		float:left;
		width:51%;
	}
	.socialInnerTxt{
		font-size:13px;
		width:45%;
		line-height:1.8;
		float:right;
	}
}
@media  screen and (max-width: 767px) {
	.socialTxt{
		clear:both;
		width:100%;
		margin-bottom:30px;
	}
	.socialWrap{
		float:left;
	}
	.socialBox{
		margin-bottom:30px;
		width:100%;
		float:left;
		border:1px solid #6eb92b;
		background-image: url("/assets/img/corporate/social/backStripe.png");
	}
	.socialTitle{
		padding:10px 0 10px 20px;
		text-align: left;
		background-color: #6eb92b;
		font-size:16px;
		color:#ffffff;
		margin:0;
	}
	.socialTitle2{
		padding:10px 0 10px 20px;
		text-align: left;
		font-size:17px;
		font-weight:bold;
		color:#6eb92b;
		margin:0;
	}
	.socialInner{
		padding:20px;
		float:left;
		margin:0;
	}
	.socialInner img{
		float:left;
		width:51%;
	}
	.socialInnerTxt{
		font-size:13px;
		width:45%;
		line-height:1.8;
		float:right;
	}
}