@import url("../common.css");

/*------------------------
個人情報保護方針（privacy）
Figma: Cxyc3nD4aHLpndoNGkcYcj node 1:2815（PC）/ 1:2890（SP）
FV は contact と同型（page-fv を再利用）。パンくずは common.css
-------------------------*/

/* ----- page-fv（contact と同型） ----- */
.page-fv {
  width: 95.83333333333334vw;
  max-width: 1840px;
  padding: 0;
  margin: 26px auto 20px;
  position: relative;
  overflow: hidden;
  border: solid 6px var(--color-black);
}

.page-fv__scene {
  position: relative;
  width: 100%;
  aspect-ratio: 1840 / 350;
}

.page-fv__figure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.page-fv__scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: 2;
}

.page-fv__overlay {
  width: 92vw;
  max-width: 1400px;
  margin: auto;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  z-index: 10;
}

.page-fv__accent {
  width: 13.695652173913043vw;
  max-width: 252px;
  height: 13.423913043478262vw;
  max-height: 247px;
  margin: 0;
  position: absolute;
  left: 2.923076923076923vw;
  top: 2.5vw;
  z-index: 0;
  background: url(../../img/common/page-fv__accent.png) 0 0 no-repeat;
  background-size: cover;
}

.page-fv__title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 6.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--color-white);
}

@media screen and (min-width: 751px) {
  .page-fv__title {
    -webkit-text-stroke: 4px var(--color-black);
    text-shadow: 0 2px #000,
      0 6px #000,
      0 10px #000;
    paint-order: stroke fill;
  }
}

@media screen and (min-width: 751px) and (max-width: 1400px) {
  .page-fv__title {
    font-size: 5.416666666666667vw;
    font-size: 4.642857142857143vw;
  }
}

@media screen and (max-width: 750px) {
  .page-fv {
    width: 92vw;
    margin: 4.133333333333333vw auto 0;
    border-width: 0.8vw;
  }

  .page-fv__scene {
    aspect-ratio: 684 / 268;
    max-height: min(88vw, 480px);
  }

  .page-fv__overlay {
    padding: 0 2.933333333333333vw 0;
  }

  .page-fv__accent {
    left: 9.2%;
    width: clamp(12rem, 30.7vw, 21.2rem);
    height: clamp(11.5rem, 30.1vw, 20.8rem);
  }

  .page-fv__title {
    margin-top: 0.6666666666666667vw;
    font-size: 7.333333333333333vw;
    text-shadow: 0 2px #000,
      0 4px #000,
      0 6px #000;
    -webkit-text-stroke: 4px var(--color-black);
    paint-order: stroke fill;
  }
}

/* ----- 本文（Figma PC: 16/30・見出し 30/30 900） ----- */
.privacy-body {
  padding: 80px 0 100px;
  /* background: var(--color-bg); */
}

.privacy-body__inner {
  max-width: 1000px;
  margin: 0 auto;
  /* padding: 0 20px; */
}

.privacy-body__intro,
.privacy-body__text {
  max-width: 750px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: var(--color-black);
}

.privacy-body__intro {
  margin-bottom: 100px;
}

.privacy-block {
  margin-bottom: 50px;
}

.privacy-block:first-of-type {
  margin-top: 0;
}

.privacy-body__heading {
  margin: 0 0 1.6rem;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--color-black);
}

.privacy-body__text p {
  margin: 0;
}

.privacy-body__text p:last-child {
  margin-bottom: 0;
}

.privacy-body__lead {
  margin: 0 0 1.2rem;
}

.privacy-body__list {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}

.privacy-body__list li {
  position: relative;
  margin: 0;
  padding-left: 1.6em;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.privacy-body__list li:last-child {
  margin-bottom: 0;
}

.privacy-body__list li::before {
  content: "□";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.6rem;
  line-height: 1.875;
}

@media screen and (max-width: 750px) {
  .privacy-body {
    padding: 10.666666666666668vw 0 12vw;
  }

  .privacy-body__inner {
    padding: 0;
  }

  .privacy-body__heading {
    margin-bottom: 2vw;
    font-size: 5.066666666666666vw;
    line-height: 1.35;
  }

  .privacy-block {
    margin-bottom: 9.333333333333334vw;
  }

  .privacy-body__intro {
    margin-bottom: 9.333333333333334vw;
  }

  .privacy-body__intro,
  .privacy-body__text {
    font-size: 3.733333333333334vw;
  }
}