@charset "UTF-8";

/* ========================================
   下層ページ共通
   （会社概要・プライバシーポリシー・お問い合わせ）
   ======================================== */

/* 背景：bg-1 固定（切り替えなし） */
body.bg-1 {
  background-image: url("../images/bg-1.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed; /* スクロールしても背景は固定 */
}

/* 本文コンテナ（白背景） */
.page {
  background: #fff;
  padding: 100px 24px 50px;
  min-height: 50vh;
}

/* 画面幅460px以上：左右の余白を広げる */
@media (min-width: 460px) {
  .page {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* ページタイトル */
.page__title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #000000;
  margin-bottom: 40px;
}

/* 情報テーブル */
.page-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.7;
  color: #000000;
}

.page-table th,
.page-table td {
  text-align: left;
  vertical-align: top;
  padding: 12px 4px;
  border-bottom: 1px solid #8a8a8a;
}

.page-table th {
  width: 45%;
  white-space: nowrap;
  font-weight: 520;
  padding-right: 22px;
}

.page-table tr:first-child th,
.page-table tr:first-child td {
  border-top: 1px solid #8a8a8a;
}


/* ========================================
   お問い合わせページ
   ======================================== */

/* 注意書きリスト（■付き・左寄せ） */
.contact__notes {
  list-style: none;
  margin: 0 0 48px;
  padding: 0;
  font-size: 13px;
  line-height: 1.7;   /* 行間を詰める */
  color: #000000;
}
.contact__notes li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0px;  /* 18px → 10px：■の下の空間を縮小 */
}
.contact__notes li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 0;
}

/* カスタマーサポート窓口（中央寄せ） */
.contact__support {
  text-align: center;
  margin-top: 40px;
}
.contact__support-title {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 8px;
}
.contact__support-time {
  font-size: 13px;
  color: #000000;
  margin-bottom: 24px;
}

/* ボタン2つ（横並び・狭いと折返し） */
.contact__btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.contact__btn {
  flex: 1 1 0;        /* 200px → 0：最小幅をなくし、2つを均等に並べる */
  min-width: 0;       /* コンテンツより小さく縮められるようにする（折り返し防止）*/
  max-width: 260px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;           /* 10px → 6px：アイコンと文字を詰める */
  padding: 14px 8px;  /* 16px 18px → 14px 8px：左右を削って横幅を確保 */
  background: #001890;
  color: #fff;
  font-size: 13px;    /* 14px → 13px */
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
}
a.contact__btn { transition: opacity .2s; }
a.contact__btn:hover { opacity: .85; }

/* アイコン */
.contact__btn-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* 電話ボタンはリンクではないのでカーソルは通常のまま */
.contact__btn--tel {
  cursor: default;
}

/* ========================================
   プライバシーポリシーページ
   ======================================== */
.policy {
  font-size: 13px;
  line-height: 1.6;   /* 行間を詰める */
  color: #000000;
}

.policy__section {
  margin-bottom: 20px;
}

/* after */
.policy__heading {
  font-size: 13px;
  font-weight: 400;   /* 700 → 400：本文と同じウェイトに */
  color: #000000;
  margin-bottom: 0;   /* 14px → 0：小タイトル下の余白をなくす */
}

.policy__text {
  margin-bottom: 0px;
}

/* ・付きリスト（2行目以降も字下げが揃う） */
.policy__list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}
.policy__list li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0px;  /* 8px → 4px：・の下の空間を縮小 */
}
.policy__list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

/* 小見出し（＜＞や①②） */
.policy__subhead {
  margin: 0px;
}

/* 墨付きカッコ（strong）を本文と同じウェイトに */
.policy strong {
  font-weight: 400;
}