@charset "UTF-8";

html {
  font-size: 62.5%;
}

/* sp */
/* p {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.9rem;
}

h3 {
  font-size: 1.6rem;
} */

body {
  background-color: #ffffff;
  background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}

/* sec01 */
.container01 {
  width: 100%;
  height: 45vw;
  position: relative;
  background-image: url(../images/privacy-policy/06_MV.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

/* sec02 */
#sec02 {
  margin-top: min(15vw, 200px);
  /* margin-bottom: min(11.5vw, 130px); */
  line-height: 2;
}


/* sec03 sec04 */
#sec03 .contents{
/* #sec04 .contents { */
  padding-bottom: 4.5vw;
}

#sec03 .contents h2,
#sec04 .contents h2 {
  margin-bottom: 2rem;
  font-size: 1.9rem;
}

#sec03,
#sec04 {
  line-height: 1.875;
}

#sec02 p,
#sec03 p,
#sec04 p {
  margin-bottom: 20px;
}
#sec02 p{
  margin-bottom: 4.5vw;
}


#sec03 p:last-of-type {
  color: #7e7e7e;
  margin-top: 20px;
}

#sec03 li,
#sec04 li {
  display: list-item;
  list-style: number;
  padding: 20px 0;
  color: var(--color-main);
  border-top: 1px solid var(--color-main);
  list-style-position: inside;
  line-height: 1.875;
}

#sec03 li:last-of-type,
#sec04 li:last-of-type {
  border-bottom: 1px solid var(--color-main);
}

.headline {
  position: relative;
  padding-left: 22px;
  margin-bottom: 50px;
  line-height: 1.5;
}

.headline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  background-color: #00817a;
}



/* pc */
@media screen and (min-width: 999.8px) {
  h2 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 2.6rem;
  }

  /* sec01 */
  .container01 {
    width: 100%;
    height: 27vw;
    position: relative;
    background-image: url(../images/privacy-policy/06_MV.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }

  /* sec02 */
  #sec02 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2.8;
  }

    /* sec03 sec04 */
  #sec03 .contents,
  #sec04 .contents {
    padding-top: 0;
  }

  #sec03 .contents h2,
  #sec04 .contents h2 {
    margin-bottom: var(--header-margin-bottom);
    font-size: 3.5rem;
  }


  #sec03 li,
  #sec04 li {
    display: list-item;
    list-style: number;
    padding-block: 1.8rem;
    color: var(--color-main);
    border-top: 1px solid var(--color-main);
    list-style-position: inside;
    text-indent: -1.3em;
    padding-inline: 3.4em 1.4em;
    line-height: 1.875;
    }

  #sec03 li:last-of-type,
  #sec04 li:last-of-type {
    border-bottom: 1px solid var(--color-main);
  }

  /* sec09, footer */
  #sec09 {
    display: block;
    width: 100%;
  }

  .footer__container {
    height: auto;
  }

  .footer__menu {
    display: flex;
  }

  p.copy {
    padding-bottom: 40px;
  }
}