#law, #praivacy,#terms {
 padding: 60px 0 0 0;
}


#law .titlewrap,#praivacy .titlewrap, #terms .titlewrap{
 color: #004567;
 margin: 0;

}
#law .ul ,#praivacy .ul, #terms .ul {
 border-bottom: 2px solid #40BCCB;
}

	
.privacy-policy, .law-info,.terms{
  color: #333;	
  width:100%;
  padding: 20px 30px 0 ;
  box-sizing: border-box;
}
.privacy-policy p, .terms p{
	font-size: 14px;
	line-height: 1.6rem;
	margin: 1rem auto;
}
.privacy-policy ol, .terms ol {
  counter-reset: parent-counter;
  margin: 1.5em;
  font-size: 14px;
  line-height: 1.6rem;
  list-style: none;
}

.privacy-policy ol > li, .terms ol > li {
  list-style: none;
  position: relative;
  padding-left: 1.6em;
}

.privacy-policy ol > li::before, .terms ol > li::before {
  counter-increment: parent-counter;
  content: counter(parent-counter) ".";
  position: absolute;
  left: 0;
  font-weight: 600;
}
/* 入れ子リスト： (1) (2) (3) 形式 */
.privacy-policy ol > li > ol, .terms ol > li > ol {
  counter-reset: child-counter;
  margin-top: 0.5em;
  padding-left: 0;
}

.privacy-policy ol > li > ol > li, .terms ol > li > ol > li {
  list-style: none;
  position: relative;
  padding-left: 1.6em;
}

.privacy-policy ol > li > ol > li::before, .terms ol > li > ol > li::before {
  counter-increment: child-counter;
  content: "(" counter(child-counter) ")";
  position: absolute;
  left: 0;
  font-weight: 600;
}
.privacy-policy .title, .terms .title {
	font-size: 14px;
	padding-left: none;
}

.privacy-policy h3,.terms h3 {
	font-size: 16px;
}
.law-info table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.6;
}
.law-info th, .law-info td {
  padding: 20px 0 20px;
  vertical-align: top;
  text-align: left;
  border: none;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  word-break: break-word;
}
.law-info th {
  width: 24%;
  padding:20px 20px 20px 0;
  min-width: 120px;
  font-weight: 700;
  vertical-align: middle;
  word-break: break-word;
}
.law-info tbody tr:last-child th, .law-info tbody tr:last-child td {
  border-bottom: none;
  padding:20px 0 20px;
}
@media (max-width: 768px) {
  .law-info th {
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 1rem 0;
  }
  .law-info td {
    display: block;
    width: 100%;
    padding: 0 0 1rem;
  }
  .law-info th {
    margin-top: 10px;
  }
}