.terms,
.fr-terms,
.en-terms {
  padding: 10rem 0 0;
  background: rgb(246, 246, 246);
  header {
    background: rgb(0, 0, 0, .5);
  }
  .pageTitle {
    padding: 2.5rem 0;
    height: auto;
    max-height: unset;
    background: rgb(246, 246, 246);
    .inner {
      position: relative;
      padding: 0 5rem;
      margin: 0 auto;
      max-width: calc(840px + 10rem);
      text-align: center;
      h2 {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0,0);
        margin: 0 0 2.4rem;
        font-size: 3.2rem;
        font-weight: 400;
        color: #000;
      }
      p {
        text-align: left;
      }
    }
  }
  section {
    padding: 0 0 8rem;
    .inner {
      margin: 0 auto;
      padding: 0 5rem;
      max-width: calc(840px + 10rem);
      .content {
        padding: 2.4rem;
        border-radius: 16px;
        background: #fff;
        color: #262626;
        h3 {
          margin: 0 0 2.4rem;
          font-size: 2.4rem;
          font-weight: 700;
          text-align: left;
        }
        h4 {
          margin: 0 0 1.6rem;
          font-size: 2rem;
          font-weight: 400;
        }
        * + h4 {
          margin: 2.4rem 0 1.6rem;
        }
        table {
          border-collapse: separate;
          border-spacing: 0 12px;
          tbody {
            tr {
              th, td {
                padding: 0;
              }
              th {
                width: 190px;
                font-size: 1.2rem;
                text-align: left;
              }
            }
          }
        }
        p, ul, ol {
          font-size: 1.4rem;
        }
        ul {
          li {
            padding-left: 1em;
            text-indent: -1em;
            &::before {
              content: "・";
            }
          }
        }
        ol {
          list-style: none;
          counter-reset: item;
          li {
            counter-increment: item;
            padding-left: 1.057em;
            text-indent: -1.057em;
            &::before {
              content: counter(item) ". ";
            }
          }
        }
      }
      .backBtn {
        margin: 2.4rem auto 0;
      }
    }
  }
}

@media (max-width: 480px) {
  .terms,
  .fr-terms,
  .en-terms {
    padding: 6.4rem 0 0;
    .pageTitle {
      padding: 4.8rem 0;
      .inner {
        padding: 0 1.5rem;
        h2 {
          margin: 0 0 1.6rem;
        }
      }
    }
    article {
      #sec03 {
        padding: 0 0 8rem;
      }
      section {
        padding: 0 0 2.4rem;
        .inner {
          padding: 0;
          .content {
            padding: 2.5rem;
            border-radius: 0;
            h3 {
              margin: 0 0 1.5rem;
            }
            h4 {
              margin: 0 0 1.6rem;
            }
            * + h4 {
              margin: 2.4rem 0 1.6rem;
            }
            table {
              border-collapse: separate;
              border-spacing: 0 24px;
              tbody {
                tr {
                  th, td {
                    display: block;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}