@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
.list-award {
  align-items: center;
}

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

.list-award > li.has-caption {
  padding-right: 2rem;
}

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

ul.list-logo-icons {
  margin-top: 1.4em;
}

ul.list-logo-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

ul.list-logo-icons li img {
  width: auto;
  height: 6.6rem !important;
}

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

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {
  ul.list-logo-icons li img {
    height: 5.4rem !important;
  }
}

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

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