/* ------------------------------
カラーコード
------------------------------ */
:root {
    --white: #FFFEFA;
    --beige: #D5CDBB;
    --brown: #4D4034;
}

/* ------------------------------
プライバシーポリシー
------------------------------ */

.privacy{
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 160px;
  padding: 40px;
}
.about{
    display: flex;
  flex-direction: column;
  align-items: flex-start;
    gap: 32px;
  margin: 80px 0;
    text-align: left;
}
.privacy-list{
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.privacy .container h4{
  text-align: left;
  top: -16px;
}
.privacy .container ul{
  margin: 16px 0 0;
}
.privacy .container a{
  text-decoration: underline;
  text-align: left;
  display: block;
  margin: 16px 0;
}
.privacy-list h4{
  font-size: 2.4rem;
}


@media (max-width: 768px){
    .privacy{
        padding: 20px;
    }
    .about h3{
      font-size: 1.8rem;
    }
.privacy .container h4{
  top: -12px;
}
.privacy .container:nth-child(3),
.privacy .container:nth-child(5),
.privacy .container:nth-child(6),
.privacy .container:nth-child(7){
  padding: 60px 40px 40px 40px;
}
.privacy-list h4{
  font-size: 1.6rem;
}

}