/* ======================================================
   プライバシーポリシーページ専用スタイル (privacy.css)
   ====================================================== */

/* --- 0. 表示切り替え設定 --- */
.u-show-pc { display: block !important; }
.u-show-sp { display: none !important; }

/* ------------------------------------------------------
   1. プライバシーポリシーセクション (l-privacy)
   ------------------------------------------------------ */
.l-privacy { 
  padding: 0px 80px 80px !important; /* 上下均等な余白 */
}

.l-privacy__inner {
  max-width: 1200px !important; /* 1200pxに制限 */
  margin: 0 auto !important;     /* 画面中央に配置 */
  width: 100% !important;
}

.l-privacy__content { 
  width: 100% !important;
}

/* リスト全体の枠組み（上下の線なし） */
.c-data-list {
  width: 100% !important;
  border-top: none !important;
}

.c-data-list__item { 
  display: flex !important; 
  align-items: flex-start !important; 
  padding: 30px 0 !important; 
  border-bottom: 1px solid #d7d6d2 !important; 
}

.c-data-list__item:last-child { 
  border-bottom: none !important; 
}

/* 項目名（dt）：15emを維持 */
.c-data-list dt { 
  font-weight: 600 !important; 
  width: 15em !important; 
  text-align: right !important; 
  margin-right: 40px !important; 
  line-height: 1.6 !important; 
  flex-shrink: 0 !important;
  color: #373232 !important;
}

/* 内容（dd） */
.c-data-list dd { 
  line-height: 2.0 !important; 
  margin: 0 !important; 
  flex-grow: 1 !important; 
  font-size: 15px !important;
  color: #373232 !important;
}

/* ------------------------------------------------------
   2. タブレット・スマホ対応（920px以下）
   ------------------------------------------------------ */
@media screen and (max-width: 920px) {
  .l-privacy { padding: 40px 30px !important; }

  .c-data-list__item { display: block !important; padding: 20px 0 !important; }
  .c-data-list dt, .c-data-list dd { 
    display: block !important; 
    width: 100% !important; 
    text-align: left !important; 
    margin: 0 !important; 
  }
  .c-data-list dt { padding-bottom: 8px !important; }
}

@media screen and (max-width: 550px) {
  .l-privacy { padding-left: 20px !important; padding-right: 20px !important; }
}