@charset "UTF-8";
h2{
	text-align: center;
	width: 100%;
	max-width: 674px;
	margin: 0 auto;
}
h2 img{
	width:100%;
	height: auto;
}
#hakokra_box{
	width:96%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#hakokra_box a{
	display: block;
	width: 45%;
	min-height: 154px;
	margin: 0.5em 0;
	text-align: center;
}
#hakokra_box a img{
	width: auto;
  /*  max-height: 200px;*/
    height: auto;
}

#hakokra_box .noheight{
	
	height: auto;
	min-height: 0;
}
@media screen and (min-width:600px){
	#hakokra_box a{
	display: block;
		width: 25%;
	
	margin: 0.5em 2%;}
}
#hakokra_box a img{
	width: 100%;
	height: auto;
}
@media screen and (min-width:1000px){
h2{
	
}

#hakokra_box{
	width:96%;
	margin: 0 auto;
	overflow: hidden;
}

#hakokra_box a{
	display: block;
	width: 23%;
	min-height: 154px;
	margin: 8px 1%;
	float: left;
	text-align: center;
}
#hakokra_box a img{
	width: auto;
    max-height: 200px;
    height: auto;
}

#hakokra_box .noheight{
	
	height: auto;
	min-height: 0;
}
}