/* ==========================================================
   サービス詳細ページの右上：会社のロゴと、サービスのイメージ図

   会社のロゴはブランドの目印なので今までどおりの大きさ。
   サービスのイメージ図は「中身を伝える絵」なので、大きく出す。
   ほかのスタイルより後に読み込まれても前でも効くよう、指定を細かく書いている。
   ========================================================== */
.service-head .service-logos {
  width: auto;
  max-width: 280px;
}

.service-head .service-logos .service-logo-service {
  display: flex;
  justify-content: flex-end;
}

/* 縦長でも横長でも、画像の全体が入るように縮める（切り抜かない） */
.service-head .service-logos .service-logo-service img {
  width: auto;
  height: auto;
  max-width: 240px;
  max-height: 200px;
  object-fit: contain;
  border-radius: 8px;
}

@media (max-width: 720px) {
  .service-head .service-logos { max-width: none; }
  .service-head .service-logos .service-logo-service { justify-content: flex-start; }
  .service-head .service-logos .service-logo-service img { max-width: 180px; max-height: 150px; }
}