/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 20 2025 | 00:18:15 */
/**/

:root{
  --c-bg:#fff;
  --c-text:#14181f;
  --c-accent:#27b3ad;   /* サイトのティールに近い色ならここを調整 */
  --c-muted:#667085;
  --c-border:#e5e7eb;
  --radius:16px;
}

.terms{ 
  max-width: 960px; 
  margin: 48px auto; 
  padding: 32px; 
  background: var(--c-bg);
  color: var(--c-text);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  line-height: 1.9;
}

.terms h2{
  margin: 0 0 20px;
  font-size: clamp(20px, 3.6vw, 28px)!important;
  font-weight: 800!important;
  letter-spacing: .02em;
  display: flex; align-items: center; gap: .6em;
	color:#6ccbc9!important;
}
.terms h2::before{
  content:"";
  width: 6px; height: 1.2em;
  background: var(--c-accent);
  border-radius: 3px;
}

.terms .articles{ 
  list-style: none; 
  padding: 0; margin: 0; 
  counter-reset: jo;
}
.terms .article{
  padding: 18px 0;
  border-top: 1px solid var(--c-border);
}
.terms .article:first-child{ border-top: 0; }

.terms .article h3{
  counter-increment: jo;
  margin: 0 0 .5em;
  font-size: clamp(16px, 2.1vw, 20px);
  font-weight: 700;
}
.terms .article h3::before{
  content: "第" counter(jo) "条　";
  color: var(--c-accent);
  font-weight: 800;
}

.terms p, .terms li{ margin: .4em 0; }
.terms ul{ margin: .3em 0 .8em 1.2em; padding: 0; }
.terms li{ list-style: disc; }

.terms .muted{ color: var(--c-muted); }

.terms .consent-note{
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px dashed var(--c-accent);
  background: color-mix(in srgb, var(--c-accent) 10%, #fff);
  border-radius: 12px;
  font-weight: 600;
}

@media (max-width: 640px){
  .terms{ padding: 22px; margin: 24px 16px; }
}

/* 印刷用（任意） */
@media print{
  .terms{ box-shadow: none; border-color:#bbb; }
}