/* CSS Document */
.headTitle01 {
  background-image: url("../images/bg_index01.jpg");
  background-position: center 48%;
}

.headTitle01 .headTitleText01 span {
  padding: 11px 0 11px 42px;
  background-image: url("../images/ico_index01.png");
}
@media screen and (max-width: 400px) {
  .headTitle01 .headTitleText01 span {
    padding: 8px 0 10px 35px;
    background-size: 38px;
  }
}

.breadcrumb {
  margin-top: 25px;
}

.transactions-container {
  margin-top: 50px;
}

.mainArea h3 {
  background-image: url("../images/ico_index02.png");
}

.transactions-contents {
  font-size: 15px;
  margin: 40px 0px 110px;
  border-top: 0.5px solid #f6efe3;
}

.transactions-block01 {
  width: 100%;
  border-bottom: 0.5px solid #f6efe3;
}

.left-block {
  width: 31%;
  padding: 30px;
  background-color: #fbf7ef;
  float: left;
}

.right-block {
  width: 69%;
  padding: 30px;
  float: right;
}

@media screen and (max-width: 767px) {
  .transactions-contents {
    font-size: 14px;
    border-top: none;
  }

  .transactions-block01 {
    border-bottom: none;
    margin-bottom: 20px;
  }

  .left-block {
    width: 100%;
    padding: 20px;
    float: none;
  }

  .right-block {
    width: 100%;
    padding: 20px;
    float: none;
  }
}
table {
  margin-top: 30px;
  border: solid 0.5px #D9D5CE;
  border-collapse: collapse;
  width: 100%;
}

@media screen and (max-width: 640px) {
  table {
    margin-top: 25px;
  }
}
table th {
  text-align: left;
  width: 26.5%;
  padding: 15px 15px 15px 20px;
  background: #F5F1E9;
  border: solid 0.5px #D9D5CE;
}

table td {
  width: 73.5%;
  padding: 15px 15px 15px 20px;
  border: solid 0.5px #D9D5CE;
}

@media screen and (max-width: 640px) {
  table th {
    width: 105px;
  }

  table td {
    width: auto;
    padding: 15px;
  }

  .text {
    line-height: 1.5;
  }
}
table tr .text:not(:first-of-type) {
  display: block;
  margin-top: 15px;
}
table tr .text ul li {
  text-indent: -1em;
  padding-left: 1em;
}