body.shot-legal-body {
  margin: 0;
  background: #000;
  color: #d8d8d8;
}

.shot-legal-page {
  min-height: 100vw;
  background:
    radial-gradient(circle at 18vw 8vw, rgba(255, 161, 78, 0.14), transparent 28vw),
    radial-gradient(circle at 82vw 4vw, rgba(34, 121, 212, 0.14), transparent 30vw),
    #000;
  color: #d8d8d8;
  overflow: hidden;
}

.shot-legal-hero {
  width: min(58.333333333333vw, calc(100vw - 2.5vw));
  margin: 0 auto;
  padding: 6.25vw 0 2.1875vw;
}

.shot-legal-kicker {
  margin: 0 0 0.833333333333vw;
  color: #bfbfbf;
  font-size: 0.833333333333vw;
  line-height: 1.4;
  letter-spacing: 0;
}

.shot-legal-title {
  display: inline-block;
  margin: 0;
  background: linear-gradient(90deg, #ffa14e, #fff, #2279d4);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 4.6vw;
  line-height: 1.05;
  font-weight: 700;
}

.shot-legal-doc {
  width: min(58.333333333333vw, calc(100vw - 2.5vw));
  margin: 0 auto;
  padding: 3.020833333333vw 0 5vw;
}

.shot-legal-content {
  color: #cfcfcf;
  font-size: 0.833333333333vw;
  line-height: 1.72;
}

.shot-legal-content p,
.shot-legal-content li {
  margin: 0 0 0.9375vw;
  color: #cfcfcf;
  line-height: 1.72;
  background: transparent;
}

.shot-legal-content p:first-child {
  margin-bottom: 1.354166666667vw;
  color: #fff;
  font-size: inherit;
  line-height: inherit;
}

.shot-legal-content b,
.shot-legal-content strong {
  color: #fff;
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.shot-legal-content i b,
.shot-legal-content b i,
.shot-legal-content strong em,
.shot-legal-content em strong {
  color: #fff;
}

.shot-legal-content ul,
.shot-legal-content ol {
  margin: 0 0 1.25vw 1vw;
  padding: 0;
  color: #cfcfcf;
  font-size: 0.833333333333vw;
  line-height: 1.72;
}

.shot-legal-content li {
  padding-left: 0.208333333333vw;
}

.shot-legal-content li::marker {
  color: #8dbfff;
}

.shot-legal-content li > p {
  margin: 0 0 0.625vw;
  color: #cfcfcf;
  font-size: inherit;
  line-height: inherit;
}

.shot-legal-content li b:first-child::before,
.shot-legal-content li strong:first-child::before {
  content: "";
  display: inline-block;
  width: 0.35vw;
  height: 0.35vw;
  margin-right: 0.458333333333vw;
  border-radius: 50vw;
  background: #8dbfff;
  vertical-align: 0.1vw;
}

.shot-legal-content a {
  color: #8dbfff;
  text-decoration: underline;
  text-underline-offset: 0.15625vw;
}

.shot-legal-content a.exif-link {
  color: #0264fa !important;
  text-decoration: none;
}

.shot-legal-content a.exif-link:hover {
  text-decoration: underline;
}

.shot-legal-content hr {
  border: 0;
  border-top: 0.052083333333vw solid rgba(255, 255, 255, 0.16);
  margin: 1.666666666667vw 0;
}

#backtotop {
  display: block;
}

@media (max-width: 767px) {
  .shot-legal-hero,
  .shot-legal-doc {
    width: calc(100vw - 8.533333333333vw);
  }

  .shot-legal-hero {
    padding: 22.933333333333vw 0 8vw;
  }

  .shot-legal-kicker {
    font-size: 3.466666666667vw;
  }

  .shot-legal-title {
    font-size: 8.8vw;
    line-height: 1.12;
  }

  .shot-legal-doc {
    padding: 10.133333333333vw 0 19.2vw;
  }

  .shot-legal-content {
    font-size: 3.733333333333vw;
    line-height: 1.68;
  }

  .shot-legal-content p,
  .shot-legal-content li {
    margin-bottom: 4.266666666667vw;
    line-height: 1.68;
  }

  .shot-legal-content ul,
  .shot-legal-content ol {
    margin-left: 4.106666666667vw;
    font-size: 3.733333333333vw;
    line-height: 1.68;
  }

  .shot-legal-content li > p {
    margin-bottom: 2.666666666667vw;
  }
}

img[src^="https://webhookcollect.apis.garpun.com/collect"] {
  position: absolute !important;
  left: -520.78125vw !important;
  top: -520.78125vw !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  visibility: hidden !important;
}