@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------------------
ここからが個人情報保護法で使用するスタイルシート
----------------------------------------------------------------------*/

/*カスタムプロパティ*/
:root {
  /*------------------------------------------
    プライバシーポリシー：共通
  -------------------------------------------*/
  /*横幅設定*/
  --policy-width: min(80%, 1200px);
  /*文字と文字の余白*/
  --policy-content-margin: 1rem;
  /*------------------------------------------
    プライバシーポリシー：説明文
  -------------------------------------------*/
  /*タイトル文字の大きさ*/
  --policy-title-size: 1.8rem;
  /*説明文の下側の余白*/
  --policy-title-bottom: 3rem;
  /*------------------------------------------
    プライバシーポリシー本文：見出し部分
  -------------------------------------------*/
  /*各見出しの余白*/
  --policy-title-margin: 3rem 1rem;
  /*各見出しの左側にあるアクセントライン*/
  --policy-title-line: 0.5rem solid var(--sub-color);
  /*各見出しの左側にあるアクセントラインから見出し文の間の余白*/
  --policy-title-line-margin: 0.5rem;
  /*各見出し文字の大きさ*/
  --policy-title-lv2: 1.3rem;
  /*------------------------------------------
    プライバシーポリシー本文：内容文
  -------------------------------------------*/
  /*本文の文字の大きさ*/
  --font-base-size: 1rem;
  /*リスト項目の左側の余白*/
  --list-left: 2.5rem;
  /*リスト項目内に入れ子で存在するリスト項目の左側の余白*/
  --list-child-left: 1rem;
  /*リスト項目の下側の余白*/
  --list-item-margin: 0.5rem;
}

/*---------------------------------------------------------------------
 全体枠
----------------------------------------------------------------------*/
/**/
.privacy-policy {
    margin-bottom: 1rem;
}
.text{
    margin-bottom: 2rem;
}
/*---------------------------------------------------------------------
 プライバシーポリシー内容部分
----------------------------------------------------------------------*/
/*見出し*/
.policy h2 {
  font-size: var(--policy-title-lv2);
  margin-block: var(--policy-title-margin);
}
.policy h2:first-child {
  margin-top: 0;
}
.policy h2::before {
  content: "";
  border-left: var(--policy-title-line);
  margin-right: var(--policy-title-line-margin);
}
/*本文*/
.policy p {
  margin-left: var(--policy-content-margin);
}
/*リスト項目*/
.policy ol {
  margin-top: var(--list-item-margin);
  margin-left: var(--list-left);
}
.policy ol li ol {
  margin-top: var(--list-item-margin);
  margin-left: var(--list-child-left);
}
.policy ol li {
  margin-bottom: var(--list-item-margin);
    list-style: decimal;
}
/*第10条（お問い合わせ窓口）の住所項目*/
.policy dl {
  display: grid;
  grid-template-columns: 10rem calc(100% - 10rem);
  margin-top: var(--policy-content-margin);
  margin-left: var(--policy-content-margin);
  margin-bottom: var(--list-item-margin);
}
.policy dl dt {
  display: flex;
  align-items: center;
  height: 4rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: var(--list-item-margin);
}
.policy dl dd {
  display: flex;
  align-items: center;
  height: 4rem;
  border-bottom: 1px solid #ccc;
}
.policy-end {
  text-align: right;
}