@charset "utf-8";
/* ======================================================
CSS information

 File Name  : company.css
 Style Info : 「会社概要」のCSS
====================================================== */

#greeting-block {
  margin-bottom: 2em;
}

#greeting-block dl {
  line-height: 1.4;
  margin-top: 1em;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: right;
}

#greeting-block dd {
  font-size: 1.9rem;
}

#company-block a {
  color: #bb0000;
}

#company-block {
  margin-bottom: 2em;
}

#map-block a {
  display: block;
  margin-top: 1em;
  color: #bb0000;
  text-align: center;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {

  #greeting-block {
    margin-bottom: 3em;
  }

  #greeting-block dl {
    margin-top: 1.5em;
  }

  #company-block {
    margin-bottom: 3em;
  }

  #company-block table:not(:last-child) {
    margin-bottom: 1em;
  }

  #company-block th {
    vertical-align: middle;
    padding: 1em 0;
    width: 170px;
    text-align: center;
  }

  #company-block td {
    padding: 1em;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {

  #greeting-block {
    margin-bottom: 4em;
  }

  #greeting-block dl {
    margin-top: 2em;
  }

  #company-block {
    margin-bottom: 4em;
  }

  #company-block table:not(:last-child) {
    margin-bottom: 1.5em;
  }

  #company-block th {
    width: 200px;
  }

}

/* ～480px（例外）
------------------------------------------------------ */
@media screen and (max-width: 480px) {

  th, td {
    display: block;
    width: 100%;
    border: none;
  }

  th {
    padding: .5em 1em;
  }

  td {
    line-height: 1.7;
    padding-bottom: 1em;
  }

}