@charset "UTF-8";
.circlenumber-list {
  border: 1px solid #ddd;
  margin-bottom: 16px;
  counter-reset: title;
}
.circlenumber-list__item {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  background-color: var(--main-orange10);
  padding: 11px 30px 11px 15px;
  counter-increment: title;
}
.circlenumber-list__item p {
  margin: 0;
}
.circlenumber-list__item:not(:first-child) {
  border-top: 1px solid var(--base-gray100);
}
.circlenumber-list__item::before {
  content: counter(title);
  display: flex;
  align-items: center;
  justify-content: center;  
  width: 36px;
  height: 36px;
  margin-right: 15px;
  border-radius: 50%;
  border: 1px dashed var(--main-orange460);
  background-color: #fff;
  color: var(--main-orange460);
  font-size: 1.4rem;  
  padding: 0 18px;
}
@media only screen and (max-width: 768px) {
  .circlenumber-list__item {
    font-size: 1.6rem;
  }
}