/* ========================================
  Privacy Policy Page
======================================== */

.privacy {
  background: #f9f9f9;
  margin-top: 70px;
  padding: 70px 20px 0;
}

.privacy .p-privacy-message {
  background: #fff;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 945px;
  padding: 40px;
}

.privacy .p-privacy-message__content {
  margin-bottom: 40px;
}

.privacy .p-privacy-message__content-text {
  max-width: 100%;
}

.privacy .p-privacy-message__subtitle {
  color: #5b5ada;
  font-family:
    "M P LUS 1p",
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: clamp(14px, 1.5vw, 20px);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 20px;
}

.privacy .p-privacy-message__title {
  color: #222;
  font-family:
    "M P LUS 1p",
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: clamp(28px, 3vw, 28px);
  font-weight: 700;
  margin-bottom: 24px;
}

.privacy .p-privacy-message__content-text h3 {
  color: #222;
  font-family:
    "M P LUS 1p",
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: clamp(14px, 2vw, 14px);
  line-height: 1.7;
  margin-bottom: 20px;
  margin-top: 40px;
}

.privacy .p-privacy-message__content-text p {
  color: #333;
  font-size: clamp(14px, 1.2vw, 14px);
  line-height: 1.7;
}

.privacy .p-privacy-section {
  margin-top: 40px;
}

.privacy .p-privacy-section h4 {
  border-left: 4px solid #5b5ada;
  color: #222;
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 12px;
}

.privacy .p-privacy-section p {
  color: #333;
  font-size: clamp(14px, 1.2vw, 14px);
  line-height: 2;
}

/* ========================================
  Responsive - SP (max-width: 767px)
======================================== */

@media screen and (max-width: 767px) {
  .privacy .p-privacy-message {
    padding: 60px 20px 40px;
  }

  .privacy .p-privacy-section h4 {
    margin-bottom: 10px;
  }
}