@charset "UTF-8";

/* =============================================================
   Privacy policy page
   ============================================================= */

.page-hero {
  padding-top: 9.32%; /* 138 / 1480 */
}

.policy {
  background: #fff;
  padding-block: clamp(3rem, 6.5vw, 6rem);
}

/* 読みやすさのため本文の行長を抑える */
.policy .l-inner {
  max-width: 980px;
}

.policy__intro {
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 2;
}

.policy__section {
  margin-top: clamp(2.25rem, 4vw, 3.5rem);
}

.policy__title {
  display: flex;
  align-items: baseline;
  gap: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid var(--border);
  color: var(--ink);
  font-size: var(--fs-22);
  font-weight: 700;
  line-height: 1.5;
}

.policy__num {
  flex: none;
  font-family: var(--font-en);
  color: var(--teal);
  font-size: var(--fs-24);
  font-weight: 700;
}

.policy__body {
  margin-top: 1.25em;
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 2;
}

.policy__body p + p {
  margin-top: 1em;
}

.policy__list {
  margin-top: 1em;
  display: grid;
  gap: 0.55em;
}

.policy__list li {
  position: relative;
  padding-left: 1.4em;
}

.policy__list li::before {
  content: "";
  position: absolute;
  left: 0.25em;
  top: 0.85em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--teal);
}

.policy__info {
  margin-top: 1.5em;
  padding: clamp(1.25rem, 2.4vw, 2rem);
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(14, 176, 194, 0.05);
}

.policy__info div + div {
  margin-top: 0.4em;
}

.policy__info dt {
  display: inline;
  font-weight: 700;
}

.policy__info dt::after {
  content: "：";
}

.policy__info dd {
  display: inline;
}

.policy__date {
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: right;
  font-size: var(--fs-18);
  font-weight: 500;
}

.policy__body a {
  color: var(--teal-dark);
  text-decoration: underline;
}