#contents{
	background:#fff;
}
.contents{
	width:1000px;
	margin:0 auto;
}
.contents h2{
	
  font-size: 22px;
  margin: 30px 0 10px;
	  color: #000;
}
.contents h3{
  background: #000;
  color: #fff;
  margin: 35px 0 0;
    margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 22px;
  font-weight: bold;
}
.contents h4{
	  color: #000;
  margin: 20px 0 30px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 1px #000;
  padding-bottom: 0px;
}
.compare_all_list ul{
  text-align:left;
}
.compare_all_list ul li{
	display:inline-block;
	width:235px;
	margin-right:10px;
  break-inside: avoid; /* liが途中で分割されないようにする */
  margin-bottom:10px;
}
.compare_all_list ul li:nth-child(4n-4){
	margin-right:0px;
}
.compare_all_list ul li .btn_cmp {
  padding: 0 0 0;
  margin: 0;
}
.compare_all_list ul li label{
	background:#F5F5F5;
  padding: 6px 25px;
  border-radius: 20px;
  border:solid 1px #eee;
  font-size:14px;
  margin:0;
  color:#000;
	
}
.compare_all_list ul li label input{
	display:none;
}
label:has(> input[type="checkbox"]:checked) {
  background-color: #60CFF6;
}

@media (max-width: 768px){
.contents{
	width:auto;
	padding:0 20px;
}
.contents h3{
  margin: 20px 0 0;
  padding: 3px 10px;
  font-size: 18px;
}
.contents h4{
  margin: 10px 0 20px;
  font-size: 16px;
}
.compare_all_list ul li{
	display:inline-block;
	width:auto;
	margin-right:3px;
  margin-bottom:7px;
}
.compare_all_list ul li:nth-child(4n-4){
	margin-right:inherit;
}
.compare_all_list ul li label{
  padding: 4px 15px;
  font-size:10px;
	
}
}