@charset "UTF-8";
:root {
  --color-white: #fff;
  --color-txt: #1e2855;
  --color-accent: #1e78eb;
  --color-accent02: #5e9cf8;
  --color-accent03: #2b7ade;
  --color-gray: #aaa;
  --color-gray02: #c8c8c8;
  --color-gray03: #f6f6f6;
  --color-consulting: #5e9cf8;
  --color-bg: #f4f3ef;
  --color-yellow: #e2f174;
  --color-navy: #47505f;
  --color-dark-navy: #1e2855;
  --color-beige: #f4f3ef;
  --color-red: #e15555;
}

/* =======================================================
共通
======================================================= */
/* 企業ロゴ（制作事例一覧カード・関連制作事例カード共通／仕様269:3447・90×40px内・白背景・カード右下） */
.p-archive__article-corp-logo,
.p-aside__relation-article-corp-logo {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.625rem;
  height: 2.5rem;
  padding: 0.3125rem 0.5rem;
  background: var(--color-white);
  border-radius: 0.375rem;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.12);
}
.p-archive__article-corp-logo img,
.p-aside__relation-article-corp-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .p-archive__article-corp-logo,
  .p-aside__relation-article-corp-logo {
    right: 0.5rem;
    bottom: 0.5rem;
    width: 4.5rem;
    height: 2rem;
    padding: 0.25rem 0.4375rem;
  }
}