.custom-header-div {
  display: flex;
  align-items: center;
  font-family: inherit;
}
.catch-copy {
  color: inherit;
  font-weight: bold;
}

.custom-header-div a {
  color: inherit;
  transition: 0.2s;
}

.custom-header-div a:hover {
  color: inherit;
  opacity: 0.7;
  transition: 0.2s;
}

.header-content-div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.phone-and-hours {
  display: flex;
  flex-direction: column;
  align-items: start;
  font-family: Arial, Helvetica, sans-serif;
}

.phone-and-hours a {
  color: inherit;
  font-size: 18px;
}

.business-hours {
  font-size: 14px;
  /* margin-top: -5px; */
}

.cta-button {
  text-align: center;
  font-weight: bold;
}
.sns-icons {
  display: flex;
  gap: 10px;
  align-items: center;
}
.unicode-icon {
  font-size: 1.3em;
  /* margin-bottom: 3px; */
  margin-right: 2px;
  display: block;
}
.hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .custom-header-div {
    justify-content: center;
    /* flex-direction: column; */
  }
  .header-content-div {
    justify-content: space-between;
    gap: 20px;
  }
  .custom-mobile-div {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .custom-mobile-div a {
    font-size: 14px;
  }
}

/* 以下Lightningのスタイルを踏襲 */
/* 
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
} */