@charset "UTF-8";

/* ==========================================================================
//
// TABLET & SMARTPHONE
//
========================================================================== */
@media screen and (max-width:1024px) {
  /* ========================================================================
  area-info
  ======================================================================== */
  /* box-dl
  ---------------------------------------------------------- */
  .area-info{
    margin-bottom:80px;
  }
  .area-info .box-dl{
    display: block;
  }
  .area-info .box-dl dt{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .area-info .box-dl dd li{
    width: 48.5%;
  }
}


/* ==========================================================================
//
// SMARTPHONE
//
========================================================================== */
@media screen and (max-width:480px) {
  /* ========================================================================
  area-info
  ======================================================================== */
  .area-info .list{
    margin-bottom:30px;
  }
  .area-info .list .ttl{
    font-size: 15px;
  }
  /* box-dl
  -------------------------------------------------------- */
  .area-info .box-dl dt{
    font-size: 16px;
  }
  .area-info .box-dl dd li{
    width: 100%;
  }
  .area-info .box-dl dd li + li{
    margin-top: 20px;
  }
  .area-info .box-dl dd a{
    font-size: 15px;
  }
}