#contents.law {
  padding-bottom: 100px;
}

.law .ttl_h2 {
  font-size: 35px;
  padding: 80px 0 40px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  line-height: 100%;
}
.law .ttl_h2 .spBr {
  display: none;
}
.law .ttl_h2:after {
  content: "ACT ON SPECIFIED COMMERCIAL TRANSACTIONS";
  display: block;
  font-size: 13px;
  color: #929191;
  padding-top: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.law #delivery .ttl_h2,
.law #payment .ttl_h2 {
  font-size: 26px;
  padding: 120px 0 0;
}
.law #delivery .ttl_h2:after,
.law #payment .ttl_h2:after {
  font-size: 11px;
  padding-top: 10px;
}
.law #delivery .ttl_h2:after {
  content: "DELIVERY";
}
.law #payment .ttl_h2:after {
  content: "PAYMENT";
}

.law .def_lst {
  display: flex;
  flex-wrap: wrap;
 }
.law .def_lst_dt {
  font-weight: 700;
  width: 27%;
  padding: 40px 40px 40px 0;
  border-bottom: 1px dotted #000;
  box-sizing: border-box;
}
.law #payment .def_lst_dt {
  width: 35%;
}
.law .def_lst_dd { 
  padding: 40px 0;
  border-bottom: 1px dotted #000;
  width: 73%;
  box-sizing: border-box;
}
.law #payment .def_lst_dd { 
  width: 65%;
}

@media (max-width: 768px) {
    .law .def_lst_dt,
    .law #payment .def_lst_dt {
      width: 100%;
      padding: 40px 0 20px 0;
      border-bottom: none;
    }
    .law .def_lst_dd,
    .law #payment .def_lst_dd { 
      padding-top: 0;
      width: 100%;
    }
}
@media (max-width: 415px) {
    .law .ttl_h2 {
      font-size: 30px;
      line-height: 1.3;
    }
    .law .ttl_h2 .spBr {
      display: block;
    }
    .law .ttl_h2:after {
      font-size: 11px;
    }
}

@media (max-width: 1024px){
    img.payment_img {
        width: auto;
    }
}