@charset "shift_jis";

@media only screen and (min-width: 921px) {

  #h_logo2 {
    padding: 0;
    text-align: left;
    font-size: 14px;
    color: #555555;
    line-height: 1.5;
    text-decoration: none;
    float: left;
    white-space: nowrap;
  }

  #h_logo2 h2 {
    margin: 0;
    padding: 22px 0 0 22px;  /*-- logo 位置 --*/
    text-align: left;
    font-size: 28px;
    color: #555555;
    letter-spacing: 0.05em;
  }

  #h_logo2 a {
    font-size: 28px;
    /*
    color: #555555;
    */
    color: #000000;
    text-decoration: none;
  }
  
  #h_logo2 a:hover {
    font-size: 28px;
    color: #888888;
    text-decoration: none;
  }
}

@media only screen and (max-width: 679px) {

  #h_logo2 {
    width: 100%;
    padding: 14px 0 14px 0;
    text-align: left;
    color: #555555;
  }
  
  #h_logo2 h2 {
    padding: 4px 0 0 16px;  /*-- logo 位置 --*/
    margin: 0;
    text-align: left;
  }
  
  #h_logo2 img {
    margin-top: auto;
    margin-right: 10px;
    max-width: 100%;
    height: auto;
    float: left;
  }
  
  #h_logo2 a {
    color: #555555 !important;
    text-decoration: none;
    font-size: 1.27em;
  }
  
  #h_logo2 a:hover {
    color: #888888 !important;
    text-decoration: underline;
    font-size: 1.27em;
  }
  
}

@media only screen and (min-width:680px) and (max-width:920px) {

  #h_logo2 {
    padding: 0;  /*-- 左右余白0px --*/
    margin: 0;
    float: left;
    font-size: 0.87em;
    color: #555555;
    text-align: left;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
  }
  
  #h_logo2 h2 {
    margin: 0;
    padding: 22px 0 16px 16px;  /*-- logo 位置 --*/
    text-align: left;
    font-size: 1.25em;
    color: #444444;
    letter-spacing: 0.05em;
  }
  
  #h_logo2 img {
    max-width: 100%;
    height: auto;
  }
  
  #h_logo2 a {
    font-size: 1.5em;
    color: #555555;
    text-decoration: none;
  }
  
  #h_logo2 a:hover {
    font-size: 1.5em;
    color: #888888;
    text-decoration: none;
  }

}