@use "../../common/scss/layout";

.subTitleArea {
  background: url("../common/images/line_common01.svg") repeat-x bottom, url("../images/bg_index01.jpg") no-repeat 50% 50% / cover;
  @media screen and (max-width: layout.$note) {
    background-position: bottom, 30% 50%;
  }
  @media screen and (max-width: 420px) {
    background-position: bottom, 40% 50%;
  }
}

.privacyArea01 {
  padding: 80px 0 120px;
  line-height: 1.75;
  @media screen and (max-width: layout.$sp) {
    padding: 40px 0 60px;
  }
}

.privacyListArea01 {
  margin-top: 60px;
  @media screen and (max-width: layout.$sp) {
    width: 100%;
    margin-top: 40px;
  }
}

.privacyList01 {
  margin-bottom: 50px;
  @media screen and (max-width: layout.$sp) {
    margin-bottom: 30px;
  }

  h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    @media screen and (max-width: layout.$sp) {
      font-size: 2rem;
    }
  }

  .mt20 {
    margin-top: 20px;
    @media screen and (max-width: layout.$sp) {
      margin-top: 15px;
    }
  }

  .indent02 {
    text-indent: -2em;
    padding-left: 2em;
  }

  .indent03 {
    text-indent: -3em;
    padding-left: 3em;
  }

  .privacyList02 {
    margin-left: 2em;
  }
}