.comnico-top-header .menu-logo.cms-logo {
	width: 100% !important;
	max-width: 200px !important;
  padding: 0 !important;
}

@media (max-width: 770px) {
    .comnico-top-header .menu-logo.cms-logo {
        max-width: 200px !important;
    }
}

/* --- ナビゲーションのCTAボタンのスタイル調整 --- */

/* CTAボタン用のリスト項目自体の設定 */
.comnico-top-header .parent-menu > .menu-item--cta {
  /* (前回からのコード) flexコンテナ内で残りのスペースをすべて埋める */
  flex-grow: 1;
  
  /* (前回からのコード) 左右の余白を調整 */
  padding-left: 15px;
  padding-right: 0;

  /* ▼▼▼【追加】ここから ▼▼▼ */
  
  /* 他の項目の高さに引きずられないよう、垂直方向の配置を中央に設定 */
  align-self: center; 

  /* 上下の余白をなくし、高さを低くする（値は0に近いほどスリムになります）*/
  padding-top: 5px;
  padding-bottom: 5px;

  /* ▲▲▲【追加】ここまで ▲▲▲ */
}

/* 中のdiv(menu-cta)の配置を調整 (この部分は前回から変更なし) */
.comnico-top-header .menu-item--cta .menu-cta-cms {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* menu-cta内のボタン自体のスタイル（この部分は前回から変更なし） */
.comnico-top-header .menu-item--cta .menu-cta-cms a {
  margin-left: 10px;
}

/* 上記を試してもダメな場合に追加するCSS */
.comnico-top-header .menu-item--cta .menu-cta-cms a {
  padding-top: 8px;    /* ボタンの上下の余白を調整 */
  padding-bottom: 8px;
  line-height: 1.2;    /* 文字の行の高さを調整 */
}

  /* 20251127追加 */

.comnico-top-header .menu-cta-cms a {
  /* 枠線の色と太さを指定 */
  border: 1px solid #F8AC59; /* ★ここに希望の色コード（例: #00B1B5）を設定 */

/* その他の推奨設定（必要に応じて調整） */
  border-radius: 4px;        /* 角丸 */
  background-color: #fff;    /* 背景色 */
  color: #F8AC59;           /* 文字色 */
  text-decoration: none;     /* 下線を消す */
  padding: 8px 16px;         /* 内側の余白 */
  transition: all 0.3s ease; /* ホバー時のアニメーション */
  
  /* 既存の設定を維持 */
  margin-left: 10px;
  line-height: 1.2;
}

/* --- ヘッダーCTAボタンのスタイル強制修正 --- */

/* 1. 左側のボタン（資料請求・無料トライアル） */
/* 枠線あり・背景白・文字オレンジ */
.comnico-top-header .menu-cta-cms a:first-child {
    border: 1px solid #F8AC59 !important;   /* ★枠線を強制表示 */
    background-color: #ffffff !important;     /* 背景を白に */
    color: #F8AC59 !important;              /* 文字をオレンジに */
    
    border-radius: 4px !important;
    padding: 8px 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    display: inline-block !important; /* または flex */
    margin-left: 0 !important;
}

/* 2. 右側のボタン（お問い合わせ） */
/* 枠線なし（または背景同色）・背景オレンジ・文字白 */
.comnico-top-header .menu-cta-cms a:last-child {
    border: 1px solid #F8AC59 !important;   /* 枠線もオレンジに */
    background-color: #F8AC59 !important;   /* 背景をオレンジに */
    color: #ffffff !important;              /* 文字を白に */
    
    border-radius: 4px !important;
    padding: 8px 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    margin-left: 10px !important;
}

/* --- 3. ホバー時の挙動（強制適用） --- */

/* 左側のボタン（資料請求）のホバー：背景オレンジ・文字白 */
.comnico-top-header .menu-cta-cms a:first-child:hover {
    background-color: #F8AC59 !important;
    color: #ffffff !important;
    border: 1px solid #F8AC59 !important;
    opacity: 1 !important; /* 透明度は下げず、色変化で見せる */
}

/* 右側のボタン（お問い合わせ）のホバー：背景白・文字オレンジ */
.comnico-top-header .menu-cta-cms a:last-child:hover {
    background-color: #ffffff !important;
    color: #F8AC59 !important;
    border: 1px solid #F8AC59 !important;
    opacity: 1 !important;
}

  /* 20251127追加 */

  /* 20260119追加 */
/* JSが「隠れろ」と命令しても（js_hide）、CSSで「動くな」と命令して無効化する */
.comnico-top-header,
.comnico-top-header.js_hide {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;             /* 左端から開始 */
    width: 100% !important;         /* 横幅いっぱい */
    z-index: 9999 !important;       /* 最前面に表示 */
    
    transform: none !important;     /* 移動させない */
    opacity: 1 !important;          /* 透明にさせない */
    visibility: visible !important;
    transition: none !important;    /* アニメーションさせない */
}

/* ヘッダーの裏に文字が潜り込まないようにする */
/*body {
    padding-top: 80px !important; /* ヘッダーの高さに合わせて調整 */
/*}

@media (max-width: 768px) {
    body {
       padding-top: 60px !important; /* スマホ用調整 */
   /* }
/*}
  /* 20260119追加 */