@charset "utf-8";
/* CSS Document */
/* ======================================================
   cotam_custom.css（20251111追加）
   COTAM専用カスタム調整用CSS
   最後に読み込まれます
   ====================================================== */
/* ロゴマークの設定 */
.l-header__logo img {
  width: 100%;
  height: auto;
  max-width: 100px;
}

/* スクロール時にロゴを完全に消す（高さ調整後対応） */
.is-header-show .l-header__logo {
  translate: 0 -100px;
  opacity: 0;
  transition: translate .6s ease, opacity .6s ease; /* ← 少しゆっくりに */
}

@media (max-width: 768px) {
  .l-header__logo img {
    max-width: 90px;
  }
}

@media (max-width: 480px) {
  .l-header__logo img {
    max-width: 80px;
  }
}