html { font-size: 12px; }

.top_contents { margin-bottom: 40px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; text-align: left; }
.top_contents_section { width: 48%; margin-bottom: 4rem; }
@media (max-width: 767px) { .top_contents_section { width: 100%; } }
.top_contents_section_list { list-style: none; padding: 0 1rem 0 0; }
.top_contents_section_list > li { margin-bottom: 1rem; }

.blog .body-container { border-bottom: none; }

.common-contact { background-color: #f6f6f6; border-radius: 10px; padding: 3.6rem; max-width: 600px; text-align: center; margin: 0 auto; font-weight: 500; }
@media (max-width: 991px) { .common-contact { margin: 12rem auto 3.6rem; } }
.common-contact a { margin-top: 1.2rem; background: linear-gradient(#4abaa4, #42ae99); border-color: #42ae99; color: #fff; }
.common-contact a:hover { background: linear-gradient(#4abaa4, #42ae99); border-color: #42ae99; color: #fff; opacity: .7; }

.search_input { display: flex; justify-content: center; padding: 1.8rem; }
.search_input .search_icon { margin-right: 15px; }
.search_input .search_icon img { width: 20px; height: auto; }
.search_input #site_search { padding: 5px 20px; border: 1px solid #999; border-radius: 20px; font-size: 1.6rem; flex: 1; max-width: 400px; }
.search_input #site_search::placeholder { font-size: 1.4rem; }
.search_input #site_search:focus { outline: 2px solid #4ec0aa; border: 1px solid #4ec0aa; }

#search_results { text-align: left; max-width: 1008px; margin: 0 auto; padding-right: 1.8rem; padding-left: 1.8rem; }
#search_results dt { font-size: 1.6rem; margin-top: 50px; }
#search_results dd { font-size: 1.2rem; margin-inline-start: 0; }