:root{
	--boxGap: 20px;
	--boxGapBottom: 20px;
}


.iconbox_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.iconbox{
	background-color: #f8f8f8;
	height: 300px;
	margin: 12px;
	display: flex;
  flex-direction: column; 
  -webkit-box-shadow:  0px 0px 6px 0px rgba(120,120,120,0.1);
  -moz-box-shadow:  0px 0px 6px 0px rgba(120,120,120,0.1);
  box-shadow:  0px 0px 6px 0px rgba(120,120,120,0.1); 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  -moz-background-clip: padding; 
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;
}




.iconbox.w1_4{	flex: 0 0 calc(25% - var(--gapBox) ); }
.iconbox.w1_3{	flex: 0 0 calc(33.333333% - var(--gapBox) ); }
.iconbox.w1_2{	flex: 0 0 calc(50% - var(--gapBox) ); }
.iconbox.w2_3{	flex: 0 0 calc(66.66662% - var(--gapBox) ); }
.iconbox.w1_1{	flex: 0 0 100% ; }


.main img.icon{
	/*margin: 0px auto;*/
	max-width: 78px;
	width: 45%;
	/*height: 100px;*/
	position: relative;
	left: 50%;
	transform: translateX(-50%);

}

.iconbox .boxContent{
	display: block;
	margin: 0 auto;
}

.iconbox .boxContent ul{
	line-height: 1.4em;
	
}



@media screen and (max-width: 1025px) {
	.iconbox.w1_4, .iconbox.w1_3,	.iconbox.w1_2,	.iconbox.w2_3, .iconbox.w1_1{	width: calc(50% - 6px); }
}
@media screen and (max-width: 768px) {
	.iconbox.w1_4,	.iconbox.w1_3,	.iconbox.w1_2,	.iconbox.w2_3,	.iconbox.w1_1{ width: 100%;	}
}