/****************************

#about_link

***************************/

#about_link{
  border-top: 1px solid #dadadb;
  padding-top: 90px;
  color: #512701;
  text-align: left;
}

#about_link a{display: block;}

#about_link img{
  width: 100%;
  border-radius: 16px;
}

#about_link h5{
  margin: 15px auto 20px;
  display: flex;
}

/*↓↓↓番号デザイン↓↓↓*/
#about_link h5 span {
  background: #512701;
  display: table;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}

#about_link h5 i {
  margin-top: 13px;
  display: block;
}
#about_link h5 em{
  color: #512701;
  font-size: 14px;
  margin: 15px 0 0 10px;
}
#about_link h5 em::before{
  content: "";
  width: 8px;
  height: 1px;
  display: inline-block;
  background: #512701;
  margin-right: 10px;
  vertical-align: 4px;
}

/*↑↑↑番号デザイン↑↑↑*/

#about_link ul{ display: flex; }
#about_link ul li{ padding: 0 10px; }


@media screen and (max-width: 1000px) {

  #about_link{ padding-top: 60px; }
  #about_link ul{ max-width: 95%; }
  #about_link p { font-size: 15px; }

}

@media screen and (max-width: 700px) {
  #about_link ul{
    display: block;
    max-width: 100%;
  }
  #about_link img{
    width: 44%;
    border-radius: 10px;
  }

  #about_link ul li{
    padding: 0;
    margin-bottom: 30px;
  }

  #about_link h5{
    display: inline-block;
    vertical-align: top;
    margin: 36px 0 0 10px;
  }
  #about_link h5 span{
    font-size: 15px;
    width: 36px;
    height: 36px;
    float: left;
  }
  #about_link h5 i{ margin-top: 8px; }

  #about_link h5 em{
    text-indent: -1em;
    padding-left: 1em;
    display: inline-block;
    line-height: 17px;
    margin: 10px 0 0 10px;
  }

  #about_link p{ margin-top: 10px; }

}
