@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
.list-icon {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 4%;
  margin-top: var(--margin-small);
}

.list-icon > li {
  block-size: 4.5rem;
}

.list-icon img {
  inline-size: auto;
  block-size: 100%;
}

.list-icon sup {
  vertical-align: top;
  top: 0.5em;
}

.black-mark {
  color: #000;
}

.black-mark li::before {
  color: #000 !important;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {}