.c-page-title {
  --bgi: url("/_assets/law/img/ttl-main.svg");
}
@media print, screen and (min-width: 769px) {
  .c-page-title {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .c-page-title .c-page-title-en {
    left: -2.2727272727vw;
    top: -10.4545454545vw;
    width: 20.2272727273vw;
  }
}
@media print, screen and (min-width: 769px) {
  .c-page-title .c-page-title-en {
    left: -31px;
    top: -62px;
    width: 121px;
  }
}

@media only screen and (max-width: 768px) {
  .p-law {
    margin-bottom: 21.3636363636vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law {
    margin-bottom: 130px;
  }
}
.p-law .p-law-items {
  border-top: 1px solid var(--gray);
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-items {
    margin-inline: -4.5454545455vw;
  }
}
.p-law .p-law-item {
  border-bottom: 1px solid var(--gray);
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-item {
    padding: 5.4545454545vw 4.5454545455vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law .p-law-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 12px;
  }
}
.p-law .c-ttl02 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .p-law .c-ttl02 {
    margin-bottom: 0.9090909091vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law .c-ttl02 {
    width: 232px;
  }
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-text {
    font-size: 3.6363636364vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law .p-law-text {
    font-size: 1.6rem;
  }
}
.p-law .p-law-offer li {
  margin-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-offer li {
    font-size: 2.7272727273vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law .p-law-offer li {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-image {
    margin-block: 0.9090909091vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-law .p-law-image {
    margin-block: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .p-law .p-law-image img {
    height: auto;
    width: 23.6363636364vw;
  }
}