/**
 * グローバルヘッダー共通スタイル
 * 全ページで統一されたヘッダーデザインを適用
 */

/* -------------------------------------------------------
   ヘッダー基本
   ------------------------------------------------------- */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  height: 60px !important;
  border-bottom: 1px solid #d1d1d6 !important;
  padding-top: 8px !important;
  padding-bottom: 5px !important;
}

.l-header__inner {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
}

.p-header__nav,
.p-header__left {
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
}

.p-header__logo img {
  height: 32px !important;
  width: auto !important;
}

/* -------------------------------------------------------
   お問い合わせボタン（ヘッダー内）
   ------------------------------------------------------- */
.l-header .c-btn {
  background: #6e6e73 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 24px !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  transition: all 0.3s ease;
}

.l-header .c-btn:hover {
  background: #1d1d1f !important;
  color: #fff !important;
}

/* -------------------------------------------------------
   レスポンシブ
   ------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .l-header .c-btn {
    padding: 10px 20px !important;
    font-size: 13px !important;
  }
}

@media all and (max-width: 767px) {
  .l-header .c-btn {
    padding: 8px 16px !important;
    font-size: 12px !important;
  }
}