.three_column02 {
 display: flex;
 flex-wrap: wrap;
 gap: 30px 30px;
 margin: 0 0 60px;
}

.three_column02:last-child {
 margin: 0;
}

.three_column02 > li {
 width: calc((100% - 60px) / 3)
}

@media (max-width : 767px){

.three_column02 > li {
 width: calc((100% - 30px) / 2)
}
 
.three_column02_img_box {
 text-align: center;
}
 
}

@media (max-width : 640px){

.three_column02 > li {
 width: 100%;
}
 
.three_column02_img_box {
 text-align: center;
}
 
}