/*
  利用規約ページ。Figma 1:80805（1680px）が正本。
  共通ヘッダー・フッター・パンくずの見た目は common.css 側にあります。
  PCは 1rem = 16px。768〜1399px は html の font-size を縮めて全体を等比で縮小します。
*/
html {
  font-size: 100%;
}
.wb-terms {
  position: relative;
  isolation: isolate;
  /* 背景文字はカンプどおり右端から17px外へ出るため、横スクロールだけ止める */
  overflow-x: clip;
  color: #000025;
  /* カンプは「」（）などの約物を詰めずに並べるため、ブラウザ側の字詰めも止める */
  font-kerning: none;
  text-spacing-trim: space-all;
  -webkit-font-smoothing: antialiased;
}
/* 見た目は common.css の .wb-breadcrumb。ここでは利用規約ページでの位置だけ指定する */
.wb-breadcrumb--terms {
  padding-top: 109.274px;
  padding-top: 6.8296rem;
}
.wb-terms__decoration {
  position: absolute;
  z-index: -1;
  top: 49.71px;
  top: 3.1069rem;
  /*
    カンプの右端は1697.158px（フレーム右外へ17.158px）。CSSは最後の1文字のうしろにも
    字送り33.2474pxが入るため、その分（合計50.405px）だけ右へずらして文字位置をそろえる。
  */
  right: -50.405px;
  right: -3.1503rem;
  color: transparent;
  background-image: linear-gradient(118.97854094197243deg, #f0effc 8.1107%, #e3eefd 76.025%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Ubuntu", sans-serif;
  font-size: 195.573px;
  font-size: 12.2233rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 33.2474px;
  letter-spacing: 2.078rem;
  /* 英字の背景文字はカンプどおり字詰めを効かせる（本文側だけ字詰めを止めている） */
  font-kerning: normal;
  white-space: nowrap;
  opacity: 0.59;
}
.wb-terms__inner {
  width: 90%;
  max-width: 879.125px;
  max-width: 54.9453rem;
  margin-inline: auto;
  padding-top: 110.44px;
  padding-top: 6.9025rem;
  padding-bottom: 179.107px;
  padding-bottom: 11.1942rem;
}
.wb-terms__ttl {
  margin-bottom: 25.15px;
  margin-bottom: 1.5719rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 46.28px;
  font-size: 2.8925rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 2.314px;
  letter-spacing: 0.1446rem;
}
.wb-terms__lead {
  padding-left: 1.832px;
  padding-left: 0.1145rem;
  margin-bottom: 91.81px;
  margin-bottom: 5.7381rem;
  color: #00006b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: 1.19px;
  letter-spacing: 0.0744rem;
}
/* カンプでは条と条の間に15px・行送り28pxの空行が1行入る */
.wb-terms-article + .wb-terms-article {
  margin-top: 28px;
  margin-top: 1.75rem;
}
.wb-terms-article__ttl {
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: 1.53px;
  letter-spacing: 0.0956rem;
}
.wb-terms-article__txt {
  /*
    Figmaは行末に来た「、」「）」などの全角約物を半角ぶんだけ詰めるが、Chromeには同じ設定がない。
    折り返しの判定位置だけ2px広げてカンプと同じ位置で改行させる。文字は左揃えなので見た目は動かない。
  */
  margin-right: -2px;
  margin-right: -0.125rem;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 27px;
  line-height: 1.6875rem;
  letter-spacing: 1.26px;
  letter-spacing: 0.0788rem;
}
.wb-terms-article__list {
  margin-right: -2px;
  margin-right: -0.125rem;
  list-style-type: decimal;
  /* 番号を本文の外へ出し、折り返した行も本文の左端でそろえる */
  list-style-position: outside;
}
.wb-terms-article__item {
  margin-left: 21px;
  margin-left: 1.3125rem;
  color: #000025;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 27px;
  line-height: 1.6875rem;
  letter-spacing: 1.26px;
  letter-spacing: 0.0788rem;
}

@media (min-width: 768px) and (max-width: 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

/*
  SP。利用規約はスマホカンプがないため、ブログ詳細のSP（414px・1rem = 16px）の
  文字サイズと余白に合わせています。
*/
@media (max-width: 767.98px) {
  .wb-breadcrumb--terms {
    max-width: none;
    width: 100%;
    padding-top: 60.5px;
    padding-top: 3.7813rem;
    padding-right: 13.62px;
    padding-right: 0.8513rem;
    padding-left: 13.62px;
    padding-left: 0.8513rem;
  }
  .wb-terms__decoration {
    top: 80px;
    top: 5rem;
    right: -3px;
    right: -0.1875rem;
    font-size: 34.4px;
    font-size: 2.15rem;
    letter-spacing: 5.85px;
    letter-spacing: 0.3656rem;
  }
  .wb-terms__inner {
    width: 100%;
    max-width: none;
    padding-top: 40px;
    padding-top: 2.5rem;
    padding-right: 25px;
    padding-right: 1.5625rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
  .wb-terms__ttl {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    letter-spacing: 1.5px;
    letter-spacing: 0.0938rem;
  }
  .wb-terms__lead {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.85;
    letter-spacing: 1.05px;
    letter-spacing: 0.0656rem;
  }
  .wb-terms-article__ttl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 34px;
    line-height: 2.125rem;
    letter-spacing: 1.62px;
    letter-spacing: 0.1013rem;
  }
  .wb-terms-article__list {
    margin-right: 0;
  }
  .wb-terms-article__txt {
    /* スマホはカンプがないため、折り返し位置をそろえる補正は不要 */
    margin-right: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 30px;
    line-height: 1.875rem;
    letter-spacing: 1.35px;
    letter-spacing: 0.0844rem;
  }
  .wb-terms-article__item {
    margin-left: 22.5px;
    margin-left: 1.4063rem;
    margin-right: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 30px;
    line-height: 1.875rem;
    letter-spacing: 1.35px;
    letter-spacing: 0.0844rem;
  }
}