.box {
  max-width: 230px;
  margin: auto;
}
.box .box__link {
  text-align: left;
}

.link {
  display: inline-block;
  border: solid 1px #dddddd;
}

.list-dl {
  width: 230px;
  margin-left: auto;
  margin-right: auto;
}
.list-dl > dd {
  width: 230px !important;
}

@media screen and (max-width: 768px) {
  .list-dl > dd {
    width: 100% !important;
  }
}
.list-dl2 {
  width: 230px;
}
.list-dl2 > dd {
  width: 230px !important;
}

@media screen and (max-width: 768px) {
  .list-dl2 {
    width: 100%;
  }
  .list-dl2 > dd {
    width: 100% !important;
  }
}