@charset "utf-8";

#content {
  padding-bottom: 0;
}
@media screen and (min-width: 62.5em){
  #main {
    width: 800px;
    margin-block: 0;
  }
}



.common-heading__heading {
  letter-spacing: .2em;
}
@media screen and (max-width: 480px){
  .common-heading {
    padding-block: 28px;
  }
  .common-heading__heading {
    letter-spacing: .1em;
    line-height: 1.233333333;
  }
}



.law {
  padding-top: 80px;
  padding-bottom: 150px;
}
.law__data {
  grid-template-columns: 160px minmax(0, 1fr);
}
.law__data a {
  color: inherit;
}
.law__data a:hover {
  color: inherit;
  text-decoration: none;
}
.law__data__heading {
  position: relative;
  margin-bottom: -1px;
  box-sizing: border-box;
  border: solid #DEDEDE;
  border-width: 1px 0 1px 1px;
  padding: 14px 10px 14px calc(26 / 16 * 1em);
  background: #F2F2F2;
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  letter-spacing: .08em;
  line-height: 1.875;
}
.law__data__desc {
  position: relative;
  margin-bottom: -1px;
  box-sizing: border-box;
  border: solid #DEDEDE;
  border-width: 1px 1px 1px 0;
  padding: 14px calc(30 / 16 * 1em);
}
.law__data__txt {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  letter-spacing: .08em;
  line-height: 1.875;
}
.law__data__caution {
  font-size: clamp(10px, calc(14 / 1200 * 100vw), 14px);
  margin-top: .4em;
}
.law__column {
  margin-top: 100px;
}
.law__column__heading {
  font-size: clamp(14px, calc(24 / 1200 * 100vw), 24px);
  letter-spacing: .075em;
  line-height: 1;
  box-sizing: border-box;
  padding-left: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DEDEDE;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><rect x="5.379" y=".879" width="4.243" height="4.243" transform="translate(4.318 -4.425) rotate(45)" fill="%23ab9b63"/><rect x="9.879" y="5.379" width="4.243" height="4.243" transform="translate(8.818 -6.289) rotate(45)" fill="%23ab9b63"/><rect x=".879" y="5.379" width="4.243" height="4.243" transform="translate(6.182 .075) rotate(45)" fill="%23ab9b63"/><rect x="5.379" y="9.879" width="4.243" height="4.243" transform="translate(10.682 -1.789) rotate(45)" fill="%23ab9b63"/></svg>') no-repeat top .2em left/15px auto;
}
.law__column__desc {
  margin-top: 30px;
}
.law__column__txt {
  font-size: clamp(12px, calc(18 / 1200 * 100vw), 18px);
  letter-spacing: .08em;
  line-height: 2;
  margin-block: calc((2 - 1) / 2 * -1em);
}
.law__column__list-item + .law__column__list-item {
  margin-top: 40px;
}
.law__column__list-item-heading {
  font-size: clamp(12px, calc(18 / 1200 * 100vw), 18px);
  letter-spacing: .08em;
  line-height: 1;
  margin-bottom: .5em;
}
@media screen and (max-width: 480px){
  .law {
    padding-bottom: 100px;
  }
  .law__data {
    grid-template-columns: 100%;
  }
  .law__data__heading {
    border-width: 1px;
    padding: 6px calc(20 / 16 * 1em);
    font-size: calc(16 / 380 * 100vw);
    letter-spacing: .04em;
    line-height: 1.625;
  }
  .law__data__desc {
    border-width: 1px;
    padding: 6px calc(20 / 16 * 1em);
  }
  .law__data__txt {
    font-size: calc(16 / 380 * 100vw);
    letter-spacing: .04em;
    line-height: 1.625;
  }
  .law__data__caution {
    font-size: 10px;
    margin-top: 0;
  }
  .law__column {
    margin-top: 80px;
  }
  .law__column__heading {
    font-size: calc(23 / 380 * 100vw);
    letter-spacing: .04em;
    padding-bottom: 20px;
  }
  .law__column__txt {
    font-size: calc(16 / 380 * 100vw);
    letter-spacing: .035em;
  }
  .law__column__list-item-heading {
    font-size: calc(16 / 380 * 100vw);
    letter-spacing: .04em;
  }
}