滅多にないが　レスポンシブルで　正方形の中に　縦横比不規則な画像を常に中心揃えで入れたい

http://qiita.com/ryounagaoka/items/a98f59347ed758743b8d
http://www.memo.d-marking.com/blog/2017/05/11/car-%E3%81%A7%E3%80%80%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%81%A7%E3%80%80%E8%89%B2%E3%80%85/
http://qiita.com/7968/items/eddfeb4b424d7c2d2d34

co.d-marking の　制作事例　一覧d_jirei.php　で使用

cssは

.jirei_box_img2{
	border: 1px solid #CCC;
	
	position: relative;
	width: 100%;
	background-image: url(../img/body_backgr/body_background_dark15.png);
	background-repeat: repeat;
	
	img{ max-width:100%; max-height:100%;
		position: relative;
		
  top: 50%;left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
	}
}


.jirei_box{
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 24px;
}