@charset "UTF-8";
/* =====================
  個人情報保護方針
===================== */
.article[data-id='1'] {
  padding-top: 55px;
  padding-bottom: 0;
  background-color: #f4f6f8;
  margin-top: 48px;
  &::before {
    background-color: #f4f6f8;
  }
  &::after {
    background-color: #f4f6f8;
  }
  .policy-wrap {
    .policy-unit {
      position: relative;
      border-bottom: 1px solid #babaca;
      padding-bottom: 96px;
      &::after {
        content: '';
        position: absolute;
        width: 24px;
        height: 2px;
        flex-grow: 0;
        background-color: #074d94;
        left: 0;
        bottom: -2px;
      }
      &:last-child {
        border-bottom: none;
        &::after {
          display: none;
        }
      }
      & > p {
        line-height: 2;
        margin-top: 16px;
      }
      .small_1 {
        line-height: 2;
        margin-top: 16px;
        counter-reset: number 0;
        & > li {
          & > p {
            position: relative;
            display: flex;
            &::before {
              counter-increment: number 1;
              content: counter(number) '.';
              display: block;
              min-width: 1.5em;
              flex-shrink: 0;
              padding-left: 0.3em;
            }
          }
        }
        .policy-table {
          margin-top: 48px;
          > h3 {
            font-weight: 600;
            line-height: 2;
            letter-spacing: 0.48px;
          }
          .table {
            width: 681px;
            margin-top: 8px;
          }
        }
      }
      & > h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.7;
        letter-spacing: 2.56px;
        color: #074d94;
        margin-top: 40px;
      }
      .middle {
        counter-reset: number 0;
        & > li {
          & > h3 {
            position: relative;
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 1.76px;
            display: flex;
            gap: 13px;
            margin-top: 32px;
            &::before {
              counter-increment: number 1;
              content: counter(number) '.';
              display: block;
              min-width: 1em;
              flex-shrink: 0;
              padding-left: 0.2em;
            }
          }
          & > p {
            line-height: 2;
            margin-top: 15px;
          }
          .small {
            counter-reset: number 0;
            & > li {
              & > h4 {
                font-weight: 600;
                line-height: 2;
                letter-spacing: 0.48px;
                display: flex;
                margin-top: 16px;
                &::before {
                  counter-increment: number 1;
                  content: '(' counter(number) ')';
                  display: block;
                  min-width: 1.8em;
                  flex-shrink: 0;
                }
              }
              & > p {
                line-height: 2;
                margin-top: 8px;
                & + p {
                  margin-top: 8px;
                }
              }
              & > ul {
                & > li {
                  position: relative;
                  line-height: 2;
                  display: flex;
                  align-items: center;
                  gap: 8px;
                  &::before {
                    content: '・';
                    display: block;
                    flex-shrink: 0;
                  }
                }
              }
              &[data-id='5-2'] {
                & > p:not(:first-of-type) {
                  margin-top: 0;
                }
              }
            }
          }
          &[data-id='6'] {
            & > p {
              line-height: 2;
              margin-top: 16px;
            }
            & > ol {
              & > li {
                & > h4 {
                  font-size: 18px;
                  font-weight: 600;
                  line-height: 2;
                  letter-spacing: 0.54px;
                  margin-top: 16px;
                }
                & > p {
                  line-height: 2;
                  margin-top: 8px;
                }
                .small {
                  line-height: 2;
                  margin-top: 8px;
                  & > li {
                    & > h5 {
                      position: relative;
                      font-weight: 600;
                      line-height: 2;
                      letter-spacing: 0.48px;
                      display: flex;
                      &::before {
                        counter-increment: number 1;
                        content: '(' counter(number) ')';
                        display: block;
                        min-width: 1.8em;
                        flex-shrink: 0;
                      }
                    }
                    & > p {
                      position: relative;
                      line-height: 2;
                      margin-top: 8px;
                    }
                    & + li {
                      margin-top: 16px;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .small_2 {
        counter-reset: number 0;
        & > li {
          margin-top: 16px;
          & > h4 {
            font-weight: 600;
            line-height: 2;
            letter-spacing: 0.48px;
            display: flex;
            &::before {
              counter-increment: number 1;
              content: '(' counter(number) ')';
              display: block;
              min-width: 1.8em;
              flex-shrink: 0;
            }
          }
          & > ul {
            margin-top: 8px;
            & > li {
              line-height: 2;
            }
          }
          & > p {
            line-height: 2;
            margin-top: 8px;
          }
          .small {
            line-height: 2;
            margin-top: 8px;
            & > li {
              position: relative;
              display: flex;
              align-items: center;
              gap: 8px;
              &::before {
                content: '・';
                display: block;
                flex-shrink: 0;
              }
            }
          }
        }
      }
      .eg {
        position: relative;
        margin-top: 16px;
        line-height: 2;
        display: flex;
        &::before {
          content: '※';
          display: block;
          flex-shrink: 0;
        }
      }
      .policy-table {
        margin-top: 16px;
        > h3 {
          font-weight: 600;
          line-height: 2;
          letter-spacing: 0.48px;
        }
        .table {
          width: 681px;
          margin-top: 8px;
          line-height: 2;
        }
      }
      &[data-id='3'] {
        & > p {
          line-height: 2;
          margin-top: 29px;
        }
      }
    }

    .policy-unit:empty {
      padding-bottom: 0;
    }
    .dot {
      position: relative;
      display: flex;
      gap: 5px;
      &::before {
        content: '・';
        display: block;
        flex-shrink: 0;
        padding-left: 0.2em;
      }
    }
  }
}

.policy-date {
  text-align: right;
  margin-block-end: 1.5em;
}
