.red { color: #ff0000;}
.bold { font-weight: 900;}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}

/* CUSTOM */

#topics div.lead div.headline {
  text-align: center;
  margin-bottom: 50px;
}
#topics div.lead div.headline p {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 32px;
}


div.section {
  margin-bottom: 50px;
}

div.section h3{
  background: #d8c98c;
  color: #000;
  padding: 3px 10px;
}

div.section ul {
  position: relative;
}

div.section li {
  margin-left: 20px;
  font-size: 1.4rem;
  line-height: 22px;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
}
div.section li::before {
  position: absolute;
  content: '※';
  margin-right: 5px;
  left: 3px;
}

div.section ul.level {
  margin-left: 30px;
}
div.section ul.level li::before {
  position: absolute;
  content: '・';
  margin-right: 5px;
  left: 3px;
}