@media screen and (min-width: 1024px), print {
  .index table.left th, .index table.left td {
    line-height: 1.5;
    vertical-align: middle;
  }
  .index table.left th {
    width: 180px;
  }
  .index .cm_dl dd {
    padding-left: 0;
  }
  .index .caution_area {
    padding: 16px 20px;
    border: 2px solid #dd7e27;
    color: #ff0000;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .index table.left th, .index table.left td {
    line-height: 1.5;
    vertical-align: middle;
  }
  .index table.left th {
    width: 21.70088vw;
  }
  .index .cm_dl dd {
    padding-left: 0;
  }
  .index .caution_area {
    padding: 1.75953vw 2.15054vw;
    border: 2px solid #dd7e27;
    color: #ff0000;
  }
}

@media screen and (max-width: 767px) {
  .index table.left th, .index table.left td {
    line-height: 1.5;
    vertical-align: middle;
  }
  .index table.left th {
    width: 35.67708vw;
  }
  .index .cm_dl dd {
    padding-left: 0;
  }
  .index .caution_area {
    padding: 3.90625vw 4.42708vw;
    border: 2px solid #dd7e27;
    color: #ff0000;
  }
}