html{
    font-size: 13px;
    color: #333;
  }
  a{
    color: darkgoldenrod;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  img{
    max-width:100%;
    vertical-align:bottom;
    height: 140px;
  }
  ul,li{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
  }
  ul{
    flex-wrap: wrap;
    justify-content: space-around
  }
  li{
    flex-direction: column;
    width: 44%;
    padding: 10px;
  }
  dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 0.85rem;
  }
  dt,dd{
    width: 44%;
    margin: 0;
    border-bottom: 0.5px dotted #ccc;
  }
  dt{
    font-size: 0.7rem;
  }
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
  li{
    flex-direction: column;
    width: 24%;
    padding: 10px;
  }
}