/* head.css */
/* =========================================================
   Header / Logo (ヘッド部分：ロゴ＋ヘッダー枠のみ)
========================================================= */

.site-header {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}

/* 帯（ロゴ＋メニュー） */
.header-inner {
  display: flex;
  align-items: flex-end;
  padding: 4px 10px 0;

  /* base color */
  background: #13404e;

  /* subtle borders (tone-down from red) */
  border-top: 2px solid #0f2f3a;
  border-bottom: 3px solid #0f2f3a;
}

/* ロゴ */
.site-logo {
  margin: 0;
  background: #ffffff;
  padding: 0.4rem 0.9rem 0.1rem;
  display: flex;
  align-items: flex-end;
  flex: 0 0 auto;
}

.site-logo a {
  display: inline-flex;
  align-items: flex-end;
}

.site-logo img {
  display: block;
  height: 42px;
  width: auto;
  object-fit: contain;
  margin-right: 12px;
}

@media (min-width: 992px) {
  .site-logo img {
    width: 380px;
    max-height: 60px;
  }
}