@charset "utf-8";
/*# area_page_search
=============================================== */
.area_page_search .form_search{
  max-width: 600px;
  margin: 0 auto;
}
.area_page_search .form_search input{
  padding: 14px 90px 14px 20px
}
@media screen and (max-width :834px) {
  .area_page_search .form_search input{
    padding: 7px 40px 7px 10px
  }
}
/*# area_result
=============================================== */
.area_result{
  margin-top: 34px;
}
.area_result .ttl_result {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1.9rem;
}
.area_result .txt_number {
  margin-bottom: 10px;
  font-size: 1.5rem;
  color: var(--font-glay);
}
.area_result .list_result > li {
  padding: 24px 0;
  line-height: 1.6;
  border-top:solid 1px var(--color-border);
}
.area_result .list_result li:last-child{
  border-bottom:solid 1px var(--color-border);
}
.area_result .list_result > li .ttl{
  font-size:1.7rem ;
  font-weight: 500;
}
.area_result .list_result > li a{
  color: var(--font-black);
  text-decoration: none;
}
.area_result .list_result > li a .url{
  display: block;
  margin-top: 2px;
  color: var(--main-color);
  font-size:1.3rem ;
}
.area_result .list_result > li .lead{
  margin-top: 12px;
  color: var(--font-glay);
  font-size:1.5rem ;
  display: -webkit-box;             
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media (min-width :835px) {
  .area_result .list_result > li figure{
    float: left;
    width: 190px;
  }  
  .area_result .list_result > li figure+.ttl,
  .area_result .list_result > li figure+.ttl+.lead{
    float: right;
    width: calc(100% - 215px);
  }  
  .area_result .list_result > li::after{
    content: '';
    display: block;
    clear: both;
  }  
}
@media screen and (max-width :834px) {
  .area_result{
    margin-top: 25px;
  }
  .area_result .ttl_result {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
  .area_result .txt_number {
    margin-bottom: 7px;
    font-size: 1.4rem;   
  }
  .area_result .list_result > li {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 15px;
    line-height: 1.692;
  }
  .area_result .list_result > li .ttl{
    flex:1;
    font-size:1.4rem ;
  }
  .area_result .list_result > li a .url{
    margin-top: 2px;
    font-size:1.2rem ;
    line-height: 1.25;
  }
  .area_result .list_result > li .lead{
    margin-top: 12px;
    font-size:1.3rem ;
    -webkit-line-clamp: 3;
    line-clamp: 3;    
  }
  .area_result .list_result > li figure{
    width: 130px;
    padding-right: 12px;
  }
  .area_result .list_result > li .lead{
    width: 100%;
    margin-top: 15px;
  }

}
/*# サポート情報
=============================================== */
#support .area_page_search .form_search{
  margin: 0 auto 0 0;
}

.area_result .list_result_support > li {
  border-top:solid 1px var(--color-border);
}
.area_result .list_result_support li:last-child{
  border-bottom:solid 1px var(--color-border);
}
.area_result .list_result_support > li >*{
  display: block;
  color: var(--font-black);
  text-decoration: none;
  padding: 18px 35px 18px 16px;
  line-height: 1.6;
  transition: all 0.5s ease;
  font-weight: 500;
  background: url(../img/ico_link.svg) no-repeat right 14px center;
  background-size: 6px auto;
}
@media (hover: hover) and (pointer: fine) {
  .area_result .list_result_support > li >*:hover{
    color: var(--main-color);
  }
}
@media screen and (max-width :834px) {
  .area_result .list_result_support > li >*{
    padding: 16px 25px 16px 11px;
    line-height: 1.692;
    background-position:right 12px center;
    background-size: 5px auto;
  }  
}