@charset "utf-8";

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

/* ---------- 白カード ---------- */
.l-card {
  width: 100%;
  max-width: var(--w-content);
  margin: 1.625rem auto 0;
  background: #fff;
  border-radius: 1.25rem;
}
.l-card__inner { padding-inline: 7.5rem; }   /* 120px */
.l-card--main { overflow: hidden; }

.p-town { margin-top: 5rem; }
.p-town img { display: block; width: 100%; }
.p-privacy-page .p-cta-split { margin-top: 3.75rem; }
.p-privacy-page .c-breadcrumb { margin-top: calc(4.4375rem - var(--wave-h)); }

/* ---------- ヒーロー（リード文なし・タイトルのみ） ---------- */
.p-hero-lower--privacy { padding: 6.9375em 0 calc(1.875em + var(--wave-h)); }
/* em = 1200px デザインの実寸（タブレット幅では画面幅に比例して縮む） */
.p-hero-lower--privacy .p-hero-lower__deco {
  top: -4.5em;                         /* デザイン y=129 */
  transform: translateX(-12.0625em);   /* デザイン x=407 */
  width: 7.625em;                      /* 122px */
}
.p-hero-lower--privacy .p-hero-lower__img {
  top: -4.1875em;                      /* デザイン y=134 */
  transform: translateX(11.125em);     /* デザイン x=778 */
  width: 12.3125em;                    /* 197px */
}

/* =========================================================
   本文
   ========================================================= */
.p-privacy { padding: 5.125rem 0 0; }   /* デザイン: 見出し y=499 */

.p-privacy__item { margin-top: 3rem; }
.p-privacy__title {
  padding-left: 1.125rem;
  border-left: .375rem solid var(--c-teal);
  font-size: 1.25rem;   /* 20px */
  line-height: 1.5;
}
.p-privacy__text {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 2;   /* 16px / 32px */
}

/* =========================================================
   レスポンシブ
   ========================================================= */
@media screen and (max-width: 1199px) {
  .l-card { max-width: min(var(--w-content), calc(100% - 2.5rem)); }
}

@media screen and (max-width: 991px) {
  .l-card__inner { padding-inline: 2.5rem; }
  .p-privacy { padding-top: 3rem; }
  .p-privacy__item { margin-top: 2.25rem; }
  .p-town { margin-top: 3.5rem; }
}

@media screen and (max-width: 767px) {
  /* ヒーロー（PC と同じ deco 左 / img 右）。高さは learn ページと共通 */
  .p-hero-lower--privacy { padding: 2.4rem 0 calc(1.5rem + var(--wave-h)); }
  .p-hero-lower--privacy .p-hero-lower__inner { padding-left: 1.25rem; padding-right: 6.5rem; }
  .p-hero-lower--privacy .p-hero-lower__img {
    top: -1rem;
    bottom: auto;
    left: auto;
    right: .9375rem;
    transform: none;
    width: 6rem;
  }
  .l-card { max-width: calc(100% - 1.875rem); border-radius: .875rem; }
  .l-card__inner { padding-inline: 1.25rem; }
  .p-privacy__title { font-size: 1.125rem; }
  .p-privacy__text { font-size: .9375rem; line-height: 1.9; }
}