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

.l-error .inner {
  background: #fff;
  border-radius: 3px;
}

.l-error .content {
  text-align: center;
  padding: 1.562rem 1.041rem 2.083rem 1.041rem;
}

.l-error .content .tit {
  position: relative;
  font-size: 1.458rem;
  font-weight: 500;
  line-height: 1.3em;
  color: #00864b;
  margin-bottom: 1.354rem;
}

.l-error .content .tit:before {
  content: '';
  display: block;
  background-size: 100% auto;
  margin: 0 auto 1.458rem;
}

.l-error .content .desc {
  font-size: 0.833rem;
  line-height: 1.5em;
  margin-bottom: 2.916rem;
}

.l-error .content .desc span {
  display: block;
}

.l-error .content .detail {
  text-align: left;
  background: #f9f9fb;
  border-radius: 3px;
  padding: 1.25rem 0.625rem;
}

.l-error .content .detail li {
  position: relative;
  font-size: 0.666rem;
  margin-bottom: 1.041rem;
  padding-left: 1.041rem;
}

.l-error .content .detail li:last-of-type {
  margin-bottom: 0;
}

.l-error .content .detail li:before {
  content: '';
  display: block;
  position: absolute;
  top: 0.166rem;
  left: 0;
  width: 0.625rem;
  height: 0.27rem;
  background: #00864b;
  border-radius: 5px;
}

.l-error .content .detail li .em {
  color: #00864b;
  font-style: normal;
}

.l-error .content .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-error .content .btn-box .btn {
  display: block;
  width: 8.541rem;
  height: 2.708rem;
  color: #fff;
  background-color: #00864b;
  border-radius: 3px;
  font-size: 0.958rem;
  font-weight: 500;
}

.l-error .content .btn-box .btn-border {
  background-color: #999;
  color: #fff;
  margin-right: 0.833rem;
}

.l-error .content-error .tit:before {
  width: 2.75rem;
  height: 3.27rem;
  background-image: url("/resources/images/common/icon_error.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.l-error .content-error .desc {
  margin-bottom: 1.25rem;
}

.l-error .content-403 .tit:before {
  width: 2.979rem;
  height: 2.979rem;
  background-image: url("/resources/images/common/icon_403.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.l-error .content-404 .tit:before {
  width: 2.354rem;
  height: 3.229rem;
  background-image: url("/resources/images/common/icon_404.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.l-error .content-500 .tit:before, .l-error .content-etc .tit:before {
  width: 3.562rem;
  height: 2.875rem;
  background-image: url("/resources/images/common/icon_error_etc.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (min-width: 62em) {
  .l-error .container {
    padding: 0 0 9.0625rem;
  }
  .l-error .sub-banner {
    height: 25.625rem;
  }
  .l-error .section {
    padding-top: 5.625rem;
    margin-top: -19.5625rem;
    border-radius: 15px;
    background-color: #00864b;
    background-size: 100% auto;
    background-image: url("/resources/images/error/bg_error.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: 50% 0;
  }
  .l-error .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 15px;
  }
  .l-error .content {
    text-align: left;
    padding: 6.25rem 0 4.375rem 6.25rem;
  }
  .l-error .content .tit {
    font-size: 2.5rem;
    margin-bottom: 3.75rem;
  }
  .l-error .content .tit:before {
    position: absolute;
    top: 50%;
    left: -6.25rem;
    margin: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .l-error .content .desc {
    font-size: 1.25rem;
    line-height: 1.65em;
    margin-bottom: 3.4375rem;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .l-error .content .desc span {
    letter-spacing: -0.05em;
  }
  .l-error .content .detail {
    border-radius: 15px;
    padding: 2.1875rem 2.8125rem;
  }
  .l-error .content .detail li {
    font-size: 1.125rem;
    margin-bottom: 1.625rem;
    padding-left: 1.25rem;
  }
  .l-error .content .detail li:before {
    top: 0.375rem;
    width: 0.75rem;
    height: 0.3125rem;
    border-radius: 5px;
  }
  .l-error .content .btn-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-error .content .btn-box .btn {
    width: 15rem;
    height: 3.5rem;
    font-size: 1.25rem;
    border-radius: 5px;
  }
  .l-error .content-error .tit {
    margin-bottom: 1.875rem;
  }
  .l-error .content-error .tit:before {
    width: 4.375rem;
    height: 5.1875rem;
  }
  .l-error .content-error .desc {
    margin-bottom: 1.6875rem;
  }
  .l-error .content-403 .tit:before {
    width: 4.5625rem;
    height: 4.5625rem;
  }
  .l-error .content-403 .desc {
    margin-bottom: 5.3125rem;
  }
  .l-error .content-404 .tit:before {
    width: 4.125rem;
    height: 5.625rem;
  }
  .l-error .content-500 .tit:before, .l-error .content-etc .tit:before {
    width: 5.3125rem;
    height: 4.3125rem;
    left: -6.875rem;
  }
}