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

.three_column01:last-child {
 margin: 0;
}
.three_column01 > li {
 width: calc((100% - 60px) / 3)
}

.three_column01_txt_box {
 margin: 15px 0 0;
}

.three_column01_tit_area {
 display: flex;
 flex-direction: column-reverse;
 line-height: 1.3;
}

.three_column01_main_tit {
 font-size: 20px;
 font-weight: bold;
}

.three_column01_sub_tit {
 font-size: 16px;
 font-weight: bold;
 color: var(--main-color);
}

@media (max-width : 1060px){

.three_column01_main_tit {
 font-size: 18px;
} 

.three_column01 > li {
 width: calc((100% - 30px) / 2)
}
 
}

@media (max-width : 810px){

.three_column01 > li {
 width: 100%;
}

.three_column01_main_tit {
 font-size: 18px;
} 
 
.three_column01_img_box {
 text-align: center;
}
 
}