/* ==========================================================
   ロゴの表示の大きさ（出る場所ごとに上限を決める）
   保存される画像そのものは 600×200 以内（LogoUpload）。ここは見た目の上限
   ========================================================== */

/* ---------- サービスの詳細ページ：右上に会社ロゴ、その下にサービスロゴ ---------- */
.service-head {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.service-head-main {
  flex: 1 1 460px;
  min-width: 0;
}

.service-head-main h1 { margin-top: 0; }

.service-logos {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  padding: 6px 0 0;
  max-width: 200px;
}

.service-logo-company {
  display: block;
  line-height: 0;
}

.service-logo-company img {
  display: block;
  max-width: 180px;   /* 会社のロゴ */
  max-height: 60px;
  object-fit: contain;
}

.service-logo-service {
  padding-top: 10px;
  border-top: 1px solid #e3ebf3;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.service-logo-service img {
  display: block;
  max-width: 160px;   /* サービスのロゴ（会社より少し小さく） */
  max-height: 44px;
  object-fit: contain;
}

/* 会社のロゴだけのときは、区切り線を出さない（上のルールは .service-logo-service にのみ効く） */

@media (max-width: 720px) {
  .service-logos {
    align-items: flex-start;
    max-width: 100%;
    order: -1;          /* 画面が狭いときは、見出しの上に出す */
  }
  .service-logo-service { justify-content: flex-start; }
}

/* ---------- 比較表の一覧：会社のロゴだけ、小さく ---------- */
.company-line img {
  max-width: 96px;
  max-height: 24px;
  object-fit: contain;
  vertical-align: middle;
}

/* ---------- 会社のページ ---------- */
.company-header img.company-logo,
.company-logo {
  max-width: 180px;
  max-height: 60px;
  object-fit: contain;
}

/* ---------- 同じ商品が、ほかの分類にも載っているときの案内 ---------- */
.same-product {
  margin: 10px 0 14px;
  padding: 10px 14px;
  border: 1px solid #cfe3f3;
  border-left: 4px solid #0a86c9;
  border-radius: 8px;
  background: #f2f9ff;
  font-size: 0.9rem;
  line-height: 1.6;
}

.same-product-link {
  display: inline-block;
  margin-left: 10px;
  font-weight: 700;
  white-space: nowrap;
}