@charset "UTF-8";
@import url("../css/base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#m_top {
  margin: 3em auto 0; }
  #m_top h1 {
    font-size: 225%;
    color: #1f57aa;
    text-align: center;
    width: 100%;
    border-top: 3px solid #1f57aa;
    border-bottom: 3px solid #1f57aa; }
    #m_top h1 i {
      display: block;
      font-size: 55%;
      font-style: normal; }

#contact {
  margin: 3em auto 0;
  box-shadow: 0px 0px 5px 3px #f0f0f0;
  border-radius: 15px;
  padding: 2em 2%;
  box-sizing: border-box;
  font-size: 112%; }
  #contact .t_text {
    text-align: center;
    margin: 1em auto; }
  #contact table {
    width: 100%; }
    #contact table a {
      text-decoration: none;
      color: #000; }
      #contact table a:hover, #contact table a:active {
        color: #000;
        text-decoration: underline; }
    #contact table tr {
      border-bottom: 10px solid #fff; }
    #contact table th {
      width: 20%;
      padding: 1em 2%;
      text-align: left; }
    #contact table td {
      width: 72%;
      padding: 1em 2%; }
      #contact table td br {
        display: none; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*メイン*/
  #m_top, #contact {
    width: 1280px; } }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*メイン*/
  #m_top, #contact {
    width: 96%; } }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*メイン*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*メイン*/ }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*メイン*/
  #contact {
    margin: 2em auto 0; }
    #contact table {
      padding: 1em 2%; }
      #contact table th {
        display: block;
        width: 96%; }
      #contact table td {
        display: block;
        width: 96%; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*メイン*/
  #m_top h1 {
    width: 100%;
    font-size: 180%;
    padding: 0; }
    #m_top h1 rt, #m_top h1 rp {
      font-size: 50%; }

  #contact table th {
    padding: 0.5em 2%; }
  #contact table td {
    padding: 0.5em 2%; }
    #contact table td rt, #contact table td rp {
      font-size: 80%; }
    #contact table td br {
      display: block; } }