#logo{
  width: 190px;
  position: fixed;
  right: 0px;
  top: 5px;
  z-index: 1000; 
}

@media (max-width: 820px) {
  #logo {
    display:none;
  }
}

.company-logo {
  aspect-ratio: 2.27;
  object-fit: auto;
  object-position: center;
  width: 181px;
  margin-right: 43px;
  max-width: 100%;
}

.hamburger-menu {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1000;
}

.hamburger-icon {
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background-color: black;
    padding: 3px 6px 6px;
    box-sizing: border-box;
}

.hamburger-icon span {
  display: block;
  height: 3px;
  background-color: white; /* 線の色を白に設定 */
  margin: 5px 0;
  transition: background 0.3s ease;
}

.hamburger-menu a:hover .hamburger-icon span {
  background-color: #ccc; /* ホバー時の線の色を変更 */
}