/* Asia/Tokyo, 2025-11-28 14:39(UTC+09:00) /css/privacy.css */


.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-simple{border-collapse:collapse;width:100%;min-width:640px;background:#fff}
.table-simple th,.table-simple td{border:1px solid #d9d9d9;padding:.8rem;vertical-align:top}
.table-simple th{background:#f3f6f9;text-align:left;white-space:nowrap}

/* ================================
   Handling section (個人情報取扱)
   ================================ */

#handling{
  padding: var(--section-space) 0;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(0, 117, 201, 0.08) 0, transparent 55%),
    radial-gradient(120% 120% at 100% 0%, rgba(17, 119, 19, 0.05) 0, transparent 55%),
    #f9fafb;
  scroll-margin-top:100px;
}

#handling .container{
  max-width:880px;
  margin-inline:auto;
  padding:clamp(2.4rem,3vw,3.2rem) clamp(2.4rem,4vw,3.6rem);
  background:#ffffff;
  border-radius:18px;
  border:1px solid #e5e7eb;
  box-shadow:0 18px 45px rgba(15,23,42,0.06);
  line-height:1.9;
}

/* 日付ラベル */

#handling .date{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
  margin:0 0 1.8rem;
  font-size:var(--fs-14);
  letter-spacing:.14em;
  color:#666666;
}

#handling .date::before{
  content:"";
  display:inline-block;
  width:3.2rem;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#0075c9,#117713);
}

/* セクションタイトル */

#handling .section-title{
  font-size:var(--st-fz);
  line-height:1.5;
  border-left-width:var(--st-border-w);
  border-left-color:#006a99;
  padding-left:var(--st-pl);
  margin:2.4rem 0 var(--st-mb);
}

#handling .section-title:first-of-type{
  margin-top:.8rem;
}

/* 小見出し（１．〜６．） */

#handling h3{
  font-size:var(--fs-18);
  margin:2.4rem 0 1rem;
  padding:.7rem 1rem;
  border-radius:.9rem;
  background:#f5f8fb;
  border:1px solid #d4dbe5;
  color:#111111;
}

/* 本文 */

#handling p{
  margin:0 0 1.2rem;
  font-size:var(--fs-16);
  line-height:1.9;
  color:#333333;
}

#handling p + p{
  margin-top:.2rem;
}

/* 強調テキスト */

#handling strong{
  font-weight:700;
  color:#111111;
}

/* 箇条書き */

#handling ul{
  margin:1.2rem 0 1.6rem;
  padding:0;
  list-style:none;
}

#handling ul li{
  position:relative;
  padding-left:1.6rem;
  margin-bottom:1rem;
  font-size:var(--fs-16);
  line-height:1.9;
  color:#333333;
}

#handling ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:.6rem;
  height:.6rem;
  border-radius:999px;
  background:linear-gradient(135deg,#0075c9,#117713);
}

/* 問い合わせブロック */

#handling address.contact{
  margin-top:2rem;
  padding:1.6rem 1.8rem;
  border-radius:1.1rem;
  background:#f4fbf5;
  color:#111111;
  font-style:normal;
  font-size:var(--fs-16);
  line-height:1.9;
  border:1px solid #cfead4;
  text-align:left;
}

#handling address.contact br{
  line-height:1.4;
}

/* 最後の説明文と問い合わせブロックの余白微調整 */

#handling p:last-of-type{
  margin-bottom:1.4rem;
}

/* ================================
   Responsive
   ================================ */

@media (max-width:768px){
  #handling{
    padding: var(--section-space) 0;
  }

  #handling .container{
    padding:2rem 1.8rem;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(15,23,42,0.08);
  }

  #handling .date{
    font-size:var(--fs-13);
    letter-spacing:.12em;
  }

  #handling .section-title{
    margin-top:2rem;
    font-size:clamp(1.7rem,1.5rem + 0.6vw,2.1rem);
  }

  #handling h3{
    margin-top:1.8rem;
    font-size:var(--fs-17);
  }

  #handling p{
    font-size:var(--fs-15);
  }

  #handling ul li{
    padding-left:1.4rem;
    font-size:var(--fs-15);
  }

  #handling address.contact{
    margin-top:1.8rem;
    padding:1.4rem 1.6rem;
    font-size:var(--fs-15);
  }
}