/* ===================================================
 * Custom CSS
 * =================================================== */

 /*header内 ロゴエリア*/
.l-header__logos {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.l-header_oeclogo {
  display: block;
  width: 80px;
  transition: opacity 0.3s ease;
}

/* 小さな画面用時にグループロゴサイズ変更*/
@media only screen and (max-width: 450px) {
  header .l-header_oeclogo {
    max-width: 60px;
  }
}

/* リクルートサイトのみ、グループロゴカラー強制変更*/
@media only screen and (max-width: 450px) {
  header .l-header_oeclogo.logo-recruit img {
    filter: brightness(0);
  }
}