@charset "UTF-8";
/* ==========================================================================
//
// TABLET & SMARTPHONE
//
========================================================================== */
@media screen and (max-width:1024px) {
  /* ========================================================================
  // area-notice
  ======================================================================== */
  .area-notice{
    padding: 40px 30px;
  }
  .area-notice h2{
    font-size: 26px;
    line-height: 1.2;
  }
  .area-notice dl dt{
    font-size: 18px;
  }
  /* ========================================================================
  // area-menu
  ======================================================================== */
  /* firstVisit
  -------------------------------------------------------- */
  #firstVisit{
    margin-bottom: 45px;
    width: 100%;
  }
  /* vaccination
  ---------------------------------------------------------- */
  #vaccination{
    width: 100%;
  }
  /* medicine
  ---------------------------------------------------------- */
  #medicine{
    width: 100%;
  }
  /* null
  -------------------------------------------------------- */
  #null{
    margin-bottom: 45px;
    width: 100%;
  }
  /* ========================================================================
  // mod-link
  ======================================================================== */
  #id-outpatient .mod-link{
    margin-bottom: 45px;
  }
}

/* ==========================================================================
//
// SMARTPHONE
//
========================================================================== */
@media screen and (max-width:480px) {
  /* ========================================================================
  // area-notice
  ======================================================================== */
  .area-notice{
    margin-bottom: 30px;
    padding: 25px 15px;
    border-width: 7px;
  }
  .area-notice h2{
    font-size: 20px;
  }
  .area-notice > p{
    text-align: left;
  }
  .area-notice dl dt{
    margin-bottom: 10px;
    font-size: 16px;
  }
  .area-notice dl dd em,
  .area-notice dl dd b{
    font-size: 15px;
  }
  /* ========================================================================
  // area-menu
  ======================================================================== */
  .area-menu .ttl a{
    font-size: 16px;
  }
  /* table
  -------------------------------------------------------- */
  #table .list-wrap{
    display: block;
  }
  #table .list-wrap .list {
    width: 100%;
  }
  #table .list-wrap .list + .list{
    margin-top: 10px;
  }
}