@charset "utf-8";

.remove-status { width: 55%; margin-left: auto; margin-bottom: 0; }
.remove-status .remove-current { border: 1px solid #ffc16f; position: relative; height: 5.5em; }
.remove-status .remove-current .remove-current-subject  { position: absolute; left: 10px; top: 15px; width: 60%; }
.remove-status .remove-current .remove-current-quantity { position: absolute; left: 62%; top: 10px; width: 38%; }
.remove-status .remove-items { margin: 10px; padding-left: 32%; }
.remove-status .remove-items .remove-item-name { width: 10em; display: inline-block; }
.remove-status .remove-items .remove-item-quantity { width: 7em; display: inline-block; text-align: right; }

.remove-method { position: relative; min-height: 420px; }
.remove-method .doc-img { text-align: left!important; max-width: 600px; position: absolute; left: 0; }
.remove-method .remove-method-detail { position: absolute; left: 610px; }
.remove-method .remove-method-detail ol { margin-left: 1.5em; }
.remove-method .remove-method-detail ol li { margin-bottom: 10px; text-indent: -23px; }
.remove-method .remove-method-detail ol li img {vertical-align: middle; display: inline-block; width: 19px; height: 19px; margin-right: 4px; }

@media screen and (max-width: 767px) {
  .remove-status { width: 100%; }

  .remove-status .remove-current { position: relative; height: auto; }

  .remove-status .remove-current .remove-current-subject  { position: relative; left: 7px; top: 0; width: 50%; height: 100%; padding: 10px 0; }
  .remove-status .remove-current .remove-current-quantity { position: absolute; left: 52%; top: 0; width: 48%; height: 100%; padding: 7px 0; }
  .remove-status .remove-current .remove-current-subject:after { content: ""; display: block; padding-bottom: 5%; }/**/
  .remove-status .remove-items { margin: 10px 10px 10px auto; padding-left: 0; width: 18em; }
  .remove-status .remove-items .remove-item-name { width: 8em; display: inline-block; }
  .remove-status .remove-items .remove-item-quantity { width: 7em; display: inline-block; text-align: right; }

  .remove-method .doc-img { position: relative; max-width: auto; }
  .remove-method .remove-method-detail { position: relative; left: 0; }
  .remove-method .remove-method-detail ol li { text-indent: -19px; }
  .remove-method .remove-method-detail ol li img { width: 15px; height: 15px; }
  }