.sub-header{
    padding:0; height:auto;
}

.sub-header .sub-wrapper{
    width: calc(100% - 80px); max-width: 335px; text-align:center; padding:48px 0 30px;
}


.kiyaku__term h3{
    font-size: 1.4rem; margin:24px 0 8px;
}

.kiyaku__term p{
    font-size: 1.2rem; 
}

.kiyaku__term a{
    color: #009260;
}

.kiyaku__term ol{
    font-size: 1.2rem;font-weight: 500;line-height: 1.75;list-style: decimal; margin-top:8px; padding-left:2rem;
}

.kiyaku__term ol li{
    margin-bottom: 4px;
}

.kiyaku__term ol ol{
    font-size: 1.1rem;font-weight: 400;line-height: 1.75;list-style: decimal; margin:8px 0; padding-left:2rem;
}

.kiyaku__term ul{
    font-size: 1.2rem;font-weight: 500;line-height: 1.75;list-style: disc; margin-top:8px; padding-left:2rem;
}

.kiyaku__term ul li{
    margin-bottom: 4px;
}

.kiyaku__term ul ul{
    font-size: 1.1rem;font-weight: 400;line-height: 1.75;list-style: disc; margin:8px 0; padding-left:2rem;
}


  .kiyaku__block {
    display: flex;
    flex-direction: column;
    margin-top: 120px;
  }
  .kiyaku__block .date {
    align-self: flex-end; /* divを右寄せ */
    text-align: right; /* テキストを右寄せ */
  }

.kiyaku__block h2 {
    margin: 40px auto;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}

  .info-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
  }
  .info-table h4, .info-table p, .info-table ol {
    margin: 0;
    padding: 16px;
  }
  .info-table .left-column {
    width: 100%;
        background: #efefef;
  }
  .info-table ol {
    list-style: decimal inside; /* 数字をリスト内に含める */
    padding-left: 2rem; /* 数字が左に飛び出ないように調整 */
  }
  @media screen and (min-width: 985px) {
    .info-table .left-column {
      background-color: #efefef;
      width: 30%;
    }
    .info-table .right-column {
      width: 70%;
    }
    .info-table h4{
        font-size: 1.4rem;
    }
  .kiyaku__block .info-table ol {
    list-style: decimal inside; /* 数字をリスト内に含める */
    padding-left: 4rem ; /* 数字が左に飛び出ないように調整 */
  }
  }
  @media screen and (max-width: 984px) {
    .info-table, .info-table tbody, .info-table tr, .info-table td {
      display: block;
      width: 100%;
    }
    .info-table .left-column {
      width: 100%;
    }
    .info-table .right-column {
      width: 100%;
    }
    .info-table td {
      border: none;
    }
  }

.footer .wrapper a{
    color: #fff;
    text-decoration: none;
}
.footer .wrapper p{
    font-size: 1.2rem;
    line-height: 2;
}

.footer .wrapper ul {
    font-size: 1.2rem;
    display: flex;
    gap: 24px; /* 各要素間のスペース */
    margin: 0; /* 上下のマージン */
    padding: 0; /* デフォルトのパディングをリセット */
    list-style: none; /* リストの装飾を削除 */
  }

 .footer .wrapper ul li {
    margin: 0; /* li要素のデフォルトのマージンをリセット */
  }

@media screen and (min-width: 985px){


.kiyaku__term p{
    font-size: 1.4rem; 
    text-decoration: none;
}


.kiyaku__term ol{
    font-size: 1.4rem;font-weight: 500;line-height: 1.75;list-style: decimal ; margin-top:8px; padding-left:2rem;
}

.kiyaku__term ol ol{
    font-size: 1.2rem;font-weight: 400;line-height: 1.75;list-style: decimal; margin:8px 0; padding-left:2rem;
}

.kiyaku__term ul{
    font-size: 1.4rem;font-weight: 500;line-height: 1.75;list-style: disc ; margin-top:8px; padding-left:2rem;
}

.kiyaku__term ul ul{
    font-size: 1.2rem;font-weight: 400;line-height: 1.75;list-style: disc; margin:8px 0; padding-left:2rem;
}


.footer .wrapper{
    max-width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px 0;
}