@charset "UTF-8";
/*search-form*/
.sec01 > div.search{
 text-align: -webkit-right;
 margin-top: 50px;
}
#searchform{
 display: flex;
 position: relative;
}
#searchform input{
 width: 100%;
 border: none;
 padding: 19px 20px 18px;
}
::placeholder{
 font-size: 16px;
 font-weight: 400;
 letter-spacing: 0.05rem;
 line-height: 1.8;
 color: #7E7E7E;
}
#searchform::after{
 position: absolute;
 content: '';
 background: url('../images/common/icon-search.png') no-repeat center center;
 width: 30px;
 height: 30px;
 top: 0;
 bottom: 0;
 right: 20px;
 margin: auto;
 background-size: contain;
}
#searchform .title-box{
 width: 100px;
 white-space: nowrap;
 background-color: #C20064;
 color: #fff;
 padding: 18px 17px;
 letter-spacing: 0.05rem;
}
@media all and (max-width: 767px) {
 #searchform{
  background: #f7f7f7;
  width: 100%;
  position: relative;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 20px;
 }
 #searchform input{
  background-position: 10px;
  background-size: 22px;
  border: none;
  font-size: 15px;
  padding: 8px 0px 8px 40px;
 }
 ::placeholder{
  display: none;
 }
 #searchform::after{
  width: 20px;
  height: 20px;
 }
}
/*search-area*/
#symptoms_list .search_area .wrapper{
 margin-top: 0px;
 background: unset;
 padding: 0;
}
#symptoms_list .search_area .wrapper .topics{
 background-color: #fff;
 padding: 25px 30px;
 border-radius: 5px;
}
#symptoms_list .search_area .wrapper .topics:not(:last-child){
 margin-bottom: 20px;
}
#symptoms_list .search_area .wrapper .topics .title{
 margin-bottom: 20px;
}
#symptoms_list .search_area .wrapper .topics .title a{
 display: block;
 width: 100%;
 height: 100%;
 color: #fff;
 font-size: 20px;
}
#symptoms_list .search_area .wrapper .topics .main-box{
 margin-bottom: 0;
}
#symptoms_list .search_area .wrapper .topics .main-box p{
 padding: 0;
}