@media all and (min-width: 768px) {
  .column-box-wrapper {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .column-box-wrapper {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 768px) {
  .panel-box.col2 {
    margin: 0 -20px;
  }
  .panel-box.col2 > div {
    margin: 0 20px 40px;
    width: calc(50% - 20px * 2);
  }
  .panel-box.col3 {
    margin: 0 -20px;
  }
  .panel-box.col3 > div {
    margin: 0 20px 40px;
    width: calc(33.33% - 20px * 2);
  }
  .panel-box.col4 {
    margin: 0 -20px;
  }
  .panel-box.col4 > div {
    margin: 0 20px 40px;
    width: calc(25% - 20px * 2);
  }
}
@media all and (max-width: 767px) {
  .panel-box.sp-col2 {
    margin: 0 -10px;
  }
  .panel-box.sp-col2 > div {
    margin: 0 10px 20px;
    width: calc(50% - 10px * 2);
  }
}
@media all and (min-width: 768px) {
  .panel-box .inner > div:last-child {
    padding: 26px 20px;
  }
}
.panel-box .detail .link-list {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  .panel-before-section {
    margin-bottom: 80px;
  }
}
@media all and (max-width: 767px) {
  .panel-before-section {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 768px) {
  dl > dt {
    padding: 19px 15px 19px 0;
  }
}
@media all and (max-width: 767px) {
  dl > dt {
    padding: 9px 0 7px;
  }
}
@media all and (min-width: 768px) {
  dl > dd {
    padding: 19px 0;
  }
}
@media all and (max-width: 767px) {
  dl > dd {
    padding: 0 0 9px 1em;
  }
}