@import url('sub.css'); 



.benefit_list {display: grid; grid-template-columns: repeat(7, 1fr); grid-gap:30px;}
.benefit_list dl {border:1px solid var(--border); box-sizing:border-box; padding:35px 15px; text-align:center;}
.benefit_list dl dt img {max-width:100%;}
.benefit_list dl .fs18 {margin:10px 0 0; color:var(--black);}

.benefit_list dl:nth-child(even) {background-color: var(--grayBg);}






/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


.benefit_list {grid-template-columns: repeat(5, 1fr); grid-gap:20px;}
.benefit_list dl {background-color: transparent !important; }
.benefit_list dl:nth-child(even) {background-color: var(--grayBg) !important;}
	


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.benefit_list {grid-template-columns: repeat(3, 1fr); grid-gap:20px;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.benefit_list {grid-template-columns: repeat(2, 1fr); grid-gap:15px;}

.benefit_list dl {background-color: transparent !important; padding:20px 15px;}
.benefit_list dl:nth-child(even) {background-color: transparent !important;}
.benefit_list dl:nth-child(4n+2),.benefit_list dl:nth-child(4n+3) {background-color: var(--grayBg) !important;}

}