@charset "UTF-8";
/* 変数
----------------------------------------------------------------- */
/**
 * 新規作成方法
 * data:image/svg+xml;utf8,<svg ...></svg> ← svgコードをコピー
 * カラーコードの'#'を'%23'に変換する ex. fill="#000" → fill="%23000"
 * 不要なclassなどは削る
 */
/* アイコン - 01atoms/icon で使用
----------------------------------------------------------------- */
/* 汎用class
----------------------------------------------------------------- */
/**
 * margin/paddingの汎用class用
 * @param {number} $start 開始px
 * @param {number} $limit 上限
 * @param {number} $per   数値の刻み
 */
/**
 * 最大幅をつける
 * @param {string} $width     最大幅（$containerSize）のキー
 * @param {number} $pcPadding PC時の左右余白
 * @param {number} $spPadding SP時の左右余白
 */
.legal__heading {
  padding-top: 48px;
}
.legal__container {
  padding-bottom: 48px;
  padding-top: 48px;
}
.legal__container:first-child {
  padding-top: 0;
}
.legal__inner {
  margin: 0 auto;
  max-width: 1024px;
}
.legal__title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .legal__title {
    font-size: 2.8rem;
  }
}
.legal__list {
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid rgba(0, 76, 146, 0.15);
  display: -webkit-flex;
  display: flex;
}
.legal__list:first-child {
  border-top: 1px solid rgba(0, 76, 146, 0.15);
}
@media screen and (max-width: 768px) {
  .legal__list {
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 24px 0;
  }
}
.legal__dt {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 48px 24px;
  width: min(100%, 250px);
}
@media screen and (max-width: 768px) {
  .legal__dt {
    padding: 0;
    width: 100%;
  }
}
.legal__dd {
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0 0 0 32px;
}
@media screen and (max-width: 768px) {
  .legal__dd {
    padding: 16px 0 0;
  }
}
.legal__note {
  display: block;
  font-size: 1.6rem;
  font-weight: inherit;
}
.legal__note::before {
  content: "※";
}
.legal__ul {
  font-weight: inherit;
}
.legal__ulItem {
  font-weight: inherit;
  padding-left: 1em;
  text-indent: -1.5em;
}
.legal__ulItem::before {
  content: "・";
}