table, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
#contents table tr th {
	color: #000000;
}
#contents table tr td {
	padding: 5px 10px;
}
#contents table td:nth-child(1) {
  font-weight: bold;
  color: #00a1e9;
}
#contents table span {
	font-weight: bold;
}
#contents ul {
	margin: unset;
}

@media screen and (max-width: 639px) {
  thead {
    display: none;
  }
  th,td {
    display: block;
  }
  tr {
    border: 1px solid #333333;
  }
  td {
    border: none !important;
  }
  td:nth-child(2)::before {
    content: "対象とした消費者\A";
    white-space: pre;
    font-weight: bold;
    color: #00a1e9;
  }
  td:nth-child(3)::before {
    content: "アプローチ\A";
    white-space: pre;
    font-weight: bold;
    color: #00a1e9;
  }
  td:nth-child(4)::before {
    content: "活用した市場機能\A";
    white-space: pre;
    font-weight: bold;
    color: #00a1e9;
  }
}