/*--------------------------------------
.page-title
---------------------------------------*/
.page-title{
  background-color: #eff4f7;
  padding: 20px 0 60px 0;
  margin: 0 auto 60px;
}
.pankuzu{
  display: flex;
  margin: 0 0 0 30px;}

.pankuzu li{
  font-size: 1.2rem;
  color: #333;
}
.pankuzu li a.hover{
  color: #005589;
  text-decoration: underline;
}
.pankuzu li:last-child{
  font-weight: bold;
}
.pankuzu li:not(:last-child)::after {
	content: ' > ';
	display: inline-block;
	margin: 0 5px;}

.page-title h2{
  font-size: 4rem;
  font-weight: bold;
  color: #005589;
  text-align: center;
  padding: 30px 0 0 0;
}

/*------------------------------------------------------------
.transaction-law
------------------------------------------------------------*/
.transaction-law{
  width: 980px;
  margin: 0 auto;
}

.transaction-law table{
  width: 100%;
  margin: 0 0 60px 0;
}

.transaction-law th,
.transaction-law td{
  border: 1px solid #e9ecee;
  box-sizing: border-box;
  border-collapse: collapse;
  padding: 20px;
  text-align: left;
  font-size: 1.4rem;
  color: #333;
  line-height: 1.857;
}

.transaction-law th{
  width: 300px;
  background-color: #eff4f7;
  font-weight: bold;
}


.transaction-law td ul{
  list-style-type: disc;
  margin: 0 0 0 14px;
}

.transaction-law td ul li{
  margin-top: 10px;
}

.transaction-law td ul li span{
  font-weight: bold;
}

.transaction-law td ol{
  list-style-type: decimal;
  margin: 0 0 0 14px;
}

.transaction-law td dl{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.transaction-law td dl dt {
  width: 120px;
  margin-bottom: 10px;
}

.transaction-law td dl dd {
  width: calc(100% - 120px);
  margin-bottom: 10px;
}


.transaction-law td a{
 color:#005589;
 text-decoration:underline;
}

.transaction-law td a:hover{
  text-decoration: none;
}