.search-condition { margin-top: 25px; display: flex; flex-wrap: wrap; }
.search-condition .body-part h4 { padding-bottom: 10px }
.search-condition .body-content { border: 1px solid #f90; display: none; min-height: 415px; padding: 10px 20px; width: 38%; font-size: 14px; margin-bottom: 35px ;margin-left: 20px;}
.search-condition .body-content h1 { color: #333; font-size: 13px }
.search-condition .body-content h2 { color: #333; font-size: 13px; margin-bottom: 0 }
.search-condition .body-content .con { display: none }
.search-condition.part1wrap .body-part h4 { border-bottom: 1px solid #f90; color: #f90 }

.search-condition.part1wrap ul.body-part-list a.active, .search-condition.part1wrap ul.body-part-list a:hover { color: #f90 }
.search-condition.part1wrap .body-content { border: 1px solid #f90 }
.search-condition.part2wrap .body-part h4 { border-bottom: 1px solid #3cf; color: red; margin: 0 0 10px; padding: 0 }

.search-condition.part2wrap ul.body-part-list a.active, .search-condition.part2wrap ul.body-part-list a:hover { color: red }
.search-condition.part2wrap .body-content { border: 1px solid red }
.search-condition.part3wrap .body-part h4 { border-bottom: 1px solid #02c5a7; color: #02c5a7; margin: 0 0 10px; padding: 0 }

.search-condition.part3wrap ul.body-part-list a.active, .search-condition.part3wrap ul.body-part-list a:hover { color: #02c5a7 }
.search-condition.part3wrap .body-content { border: 1px solid #02c5a7 }
.search-condition.part4wrap .body-part h4 { border-bottom: 1px solid #cc97e0; color: #cc97e0; margin: 0 0 10px; padding: 0 }

.search-condition.part4wrap ul.body-part-list a.active, .search-condition.part4wrap ul.body-part-list a:hover { color: #cc97e0 }
.search-condition.part4wrap .body-content { border: 1px solid #cc97e0 }
.search-condition.part5wrap .body-part h4 { border-bottom: 1px solid #aec01a; color: #aec01a; margin: 0 0 10px; padding: 0 }

.search-condition.part5wrap ul.body-part-list a.active, .search-condition.part5wrap ul.body-part-list a:hover { color: #aec01a }
.search-condition.part5wrap .body-content { border: 1px solid #aec01a }
.search-condition.part7wrap .body-part h4 { border-bottom: 1px solid #f964cd; color: #f964cd; margin: 0 0 10px; padding: 0 }

.search-condition.part7wrap ul.body-part-list a.active, .search-condition.part7wrap ul.body-part-list a:hover { color: #f964cd }
.search-condition.part7wrap .body-content { border: 1px solid #f964cd }
.search-condition.part6wrap .body-part h4 { border-bottom: 1px solid #01bff6; color: #01bff6; margin: 0 0 10px; padding: 0 }

.search-condition.part6wrap ul.body-part-list a.active, .search-condition.part6wrap ul.body-part-list a:hover { color: #01bff6 }
.search-condition.part6wrap .body-content { border: 1px solid #01bff6 }
.search-condition .body-part {margin-left: 20px; width: 33% }
ul.body-part-list { margin: 0; padding: 0; list-style-type: none }
ul.body-part-list li { padding: 0 0 0 12px; font-size: 14px }
ul.body-part-list li:before {content: "›"; font-size: 20px; font-weight: 700; font-family: sans-serif; margin-right: 10px; }

.search-condition.part1wrap ul.body-part-list li:before {color: #f90;}
.search-condition.part2wrap ul.body-part-list li:before {color: red;}
.search-condition.part3wrap ul.body-part-list li:before {color: #02c5a7;}
.search-condition.part4wrap ul.body-part-list li:before {color: #cc97e0;}
.search-condition.part5wrap ul.body-part-list li:before {color: #aec01a;}
.search-condition.part7wrap ul.body-part-list li:before {color: #f964cd;}
.search-condition.part6wrap ul.body-part-list li:before {color: #01bff6;}

@media (max-width:992px){
    .search-condition .body-part {flex: 1 0 0%;}
    .search-condition .body-content {flex: 1 0 100%; margin-left: 0;}
}
@media (max-width:480px){
    .search-condition {justify-content: center;}
    .search-condition .body-part {flex: 1 0 100%; margin-left: 0;}
}