@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
.list-brand {
  display: flex;
  margin-top: 3em;
}

.list-brand li {
  width: 20%;
  margin-right: 1em;
}

.list-brand li.hybrid {
  padding-top: 30px;
}

.list-brand li.watersupply {
  padding-top: 30px;
}

.list-award {
  align-items: center;
}

.list-award > li {
  max-inline-size: 140px;
  align-self: center;
  position: relative;
}

.list-award > li > sup {
  position: absolute;
  right: 0;
  top: .5em;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {
  .link-btn-spec:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
  }
}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {
  .prod-logo-wrap img {
    margin-right: 0;
  }
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print, screen and (width >=768px) {
  .list-award {
    justify-content: center;
  }

  .list-award > li {
    max-inline-size: 200px;
  }
}