@charset "UTF-8";
.l-debt .container {
  padding: 2.083rem 1.041rem 4.166rem;
}

.l-debt .container .red {
  color: #ef0000;
}

.l-debt .container .inner {
  padding: 1.041rem 0 1.25rem;
  background-color: #fff;
}

.l-debt .container .inner .cont {
  position: relative;
}

.l-debt .container .inner .cont .cont-tit {
  padding-left: 1.041rem;
  margin-bottom: 0.833rem;
  position: relative;
}

.l-debt .container .inner .cont .cont-tit h4 {
  width: 3.395rem;
  height: 3.395rem;
  display: inline-block;
  vertical-align: middle;
  padding-top: 2.291rem;
  margin-right: 0.833rem;
  border-radius: 100%;
  background: url(/resources/images/status/debt-review-icon.png) no-repeat center 0.729rem #f1f7f4;
  background-size: 1.291rem;
  text-align: center;
  font-size: 0.625rem;
  color: #666;
}

.l-debt .container .inner .cont .cont-tit .desc {
  width: 65%;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.458rem;
  word-break: keep-all;
  word-wrap: break-word;
}

.l-debt .container .inner .cont .cont-tit .desc br {
  display: none;
}

.l-debt .container .inner .cont .cont-tit .btn-excel {
  width: 6.25rem;
  height: 1.875rem;
  position: absolute;
  left: 1.875rem;
  bottom: 0;
  border-radius: 3px;
  color: #00864b;
  border: 1px solid #00864b;
  font-size: 0.666rem;
  font-weight: 500;
}

.l-debt .container .inner .cont .cont-inner {
  padding-bottom: 1.25rem;
}

.l-debt .container .inner .review:before {
  content: '';
  display: block;
  width: 0.104rem;
  height: 100%;
  position: absolute;
  left: 0.5rem;
  top: 1.77rem;
  background: url(/resources/images/status/green-dot.png) repeat-y 0 0;
  background-size: 0.104rem auto;
}

.l-debt .container .inner .review .cont-tit {
  padding-bottom: 3.541rem;
}

.l-debt .container .inner .review .cont-tit:before {
  content: '';
  display: block;
  width: 0.437rem;
  height: 0.104rem;
  position: absolute;
  left: 0.604rem;
  top: 1.666rem;
  background: url(/resources/images/status/dot-top.png) repeat-x 0 0;
  background-size: auto 0.104rem;
}

.l-debt .container .inner .review .cont-inner {
  padding-left: 1.875rem;
  position: relative;
}

.l-debt .container .inner .notice .cont-tit h4 {
  background: url(/resources/images/status/debt-notice-icon.png) no-repeat center 0.729rem #f1f7f4;
  background-size: 1.333rem;
}

.l-debt .container .inner .notice .cont-tit:before {
  content: '';
  display: block;
  width: 0.333rem;
  height: 0.416rem;
  position: absolute;
  left: 0.729rem;
  top: 1.562rem;
  background: url(/resources/images/status/dot-bottom.png) no-repeat 0 0;
  background-size: 0.333rem 0.416rem;
}

.l-debt .container .inner .notice .cont-inner {
  padding: 0 1.041rem 1.25rem 1.875rem;
}

.l-debt .container .inner .notice .cont-inner .cont-box {
  padding: 0.833rem;
  padding-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.l-debt .container .inner .notice .cont-inner .cont-box .input-box {
  margin-bottom: 1.25rem;
}

.l-debt .container .inner .notice .cont-inner .cont-box .input-box label:before {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.l-debt .container .inner .notice .cont-inner .cont-box .input-box label p {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.166rem;
}

.l-debt .container .inner .notice .cont-inner .cont-box .wrap label {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-debt .container .inner .notice .cont-inner .cont-box .wrap label input {
  margin-top: 0.833rem;
}

.l-debt .container .inner .btn-box {
  width: 100%;
  padding: 0 1.041rem;
}

.l-debt .container .inner .btn-box .btn-submit {
  display: block;
  width: 100%;
  height: 2.708rem;
  margin: 0 auto;
  background-color: #00864b;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}

@media (min-width: 62em) {
  .l-debt .container {
    padding: 3.75rem 0 8.75rem;
  }
  .l-debt .container .inner {
    padding: 1.875rem 3.125rem 3.125rem;
  }
  .l-debt .container .inner .cont .cont-tit {
    padding: 0;
    margin-bottom: 1.25rem;
  }
  .l-debt .container .inner .cont .cont-tit:before {
    display: none;
  }
  .l-debt .container .inner .cont .cont-tit h4 {
    width: 6.5rem;
    height: 6.5rem;
    padding-top: 4.875rem;
    margin-right: 1.75rem;
    background-size: 3rem;
    background-position: 2.0625rem 1.3125rem;
    font-size: 1rem;
  }
  .l-debt .container .inner .cont .cont-tit .desc {
    font-size: 1.125rem;
    line-height: 6.5rem;
  }
  .l-debt .container .inner .cont .cont-tit .btn-excel {
    left: auto;
    bottom: auto;
    right: 0;
    top: 2rem;
    width: 10rem;
    height: 2.5rem;
  	padding-left: 1.75rem;
    background: url(/resources/images/facility/icon-excel.png) no-repeat 0.8125rem 50%;
    background-size: 1.3125rem;
    font-size: 0.875rem;
    border-radius: 5px;
    border: 2px solid #00864b;
  }
  .l-debt .container .inner .cont .cont-inner {
    padding-bottom: 3.125rem;
  }
  .l-debt .container .inner .review:before {
    width: 0.1875rem;
    height: calc(100% - 9rem);
    left: 3.1875rem;
    top: 7.75rem;
    background-size: 0.1875rem auto;
  }
  .l-debt .container .inner .review:after {
    content: '';
    display: block;
    width: 0.9375rem;
    height: 0.625rem;
    position: absolute;
    left: 2.8125rem;
    bottom: 1.25rem;
    background: url(/resources/images/status/dot-bottom-pc.png) no-repeat 0 0;
    background-size: 0.9375rem;
  }
  .l-debt .container .inner .review .cont-inner {
    padding-left: 8.25rem;
  }
  .l-debt .container .inner .notice .cont-inner {
    padding: 0 0 2.5rem 8.1875rem;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box {
    padding: 1.875rem;
    padding-bottom: 0.75rem;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box .input-box {
    margin-bottom: 1.125rem;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box .input-box label p {
    font-size: 1rem;
    line-height: 1.625rem;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box .wrap label {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box .wrap label p {
    margin-right: 1.625rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .l-debt .container .inner .notice .cont-inner .cont-box .wrap label input {
    margin-top: 0;
  }
  .l-debt .container .inner .btn-box {
    padding: 0;
  }
  .l-debt .container .inner .btn-box .btn-submit {
    width: 14.25rem;
    height: 3.5rem;
    margin-right: 0;
    font-size: 1.25rem;
  }
}