/* ===== Shared Custom Styles ===== */
/* 1) Gradient header (navy→indigo) */
.header-gradient {
  background: linear-gradient(90deg, #002D55 0%, #4B4862 100%);
}
/* 2) Glassy card background */
.glass-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
}
/* 3) Accent bar */
.accent-bar {
  border-left: 4px solid #FBBF24; /* amber-400 */
  padding-left: 0.75rem;
}
/* ❶ Heading 1 – stronger hierarchy */
h1 {
  font-size: 1.875rem;      /* text-3xl (30 px) */
  line-height: 2.25rem;     /* 36 px */
  font-weight: 800;         /* font-extrabold */
  letter-spacing: 0.05em;   /* tracking-wider */
}
/* ❷ Heading 3 – ul title */
h3{
  font-size: 1.2rem; 
  line-height: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #1F2937;           /* text-gray-800 */
}
@media (min-width: 768px) {  /* md:text-4xl */
  h1 {
    font-size: 2.25rem;     /* 36 px */
    line-height: 2.5rem;    /* 40 px */
  }
}

/* ❷ Heading 2 – section title */
h2 {
  font-size: 1.5rem;        /* text-2xl (24 px) */
  line-height: 2rem;        /* 32 px */
  font-weight: 700;         /* font-bold */
  margin-top: 2.5rem;       /* mt-10 (40 px) */
  margin-bottom: 1rem;      /* mb-4 (16 px) */
  color: #1F2937;           /* text-gray-800 */
  border-left: 4px solid #FBBF24; /* accent-bar */
  padding-left: 0.75rem;    /* 12 px */
}
/* ❷ Heading 3 – ul title */
h3{
  font-size: 1.2rem; 
  line-height: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #1F2937;           /* text-gray-800 */
}

@media (min-width: 768px) {  /* md:text-3xl */
  h2 {
    font-size: 1.875rem;    /* 30 px */
    line-height: 2.25rem;   /* 36 px */
  }
  /* ❷ Heading 3 – ul title */
  h3{
    font-size: 1.2rem; 
    line-height: 1.5rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #1F2937;           /* text-gray-800 */
  }
}

img, video {
    max-width: 100%;
    height: auto;
}
/* ❶ Definition list styling */
.tokusho-list dt {
  font-weight: 600;               /* font-semibold */
  color: #374151;                 /* text-gray-700 */
  border-left: 4px solid #FBBF24; /* accent-bar */
  padding-left: 0.75rem;          /* 12 px */
  margin-bottom: 0.25rem;         /* mb-1 (4 px) */
  font-size: 1rem;                /* text-base */
  line-height: 1.5rem;
}
@media (min-width: 768px) {       /* md:text-lg */
  .tokusho-list dt {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.tokusho-list dd {
  margin-bottom: 1.5rem;          /* mb-6 (24 px) */
  padding-left: 1rem;             /* pl-4 */
  font-size: 0.875rem;            /* text-sm */
  line-height: 1.625;             /* leading-relaxed */
  color: #4B5563;                 /* text-gray-600 */
}
@media (min-width: 768px) {       /* md:pl-6  md:text-base */
  .tokusho-list dd {
    padding-left: 1.5rem;         /* 24 px */
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.tokusho-list dd strong {
  color: #1F2937;                 /* text-gray-800 */
}

/* ❷ Info badge */
.badge-info {
  display: inline-block;
  background-color: #FBBF24;      /* bg-amber-400 */
  color: #000000;                 /* text-black */
  font-size: 0.75rem;             /* text-xs */
  line-height: 1rem;
  font-weight: 600;               /* font-semibold */
  padding: 0.125rem 0.5rem;       /* py-0.5 px-2 (2 px 8 px) */
  border-radius: 9999px;          /* rounded-full */
  vertical-align: middle;         /* align-middle */
}

/* ❸ Divider */
.divider {
  width: 100%;
  height: 1px;                    /* h-px */
  background-color: #E5E7EB;      /* bg-gray-200 */
  margin: 2rem 0;                 /* my-8 (32 px) */
}

/* ====== Custom Styles (shared with Privacy Policy) ====== */
.header-gradient {
  background: linear-gradient(90deg, #002D55 0%, #4B4862 100%);
}
.tos-list li::marker {
  color: #FBBF24;
  font-weight: 600;
}
.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
}
/* ===== Shared Custom Styles ===== */
.header-gradient {
  background: linear-gradient(90deg, #002D55 0%, #4B4862 100%);
}
.policy-list li::marker {
  color: #FBBF24;
  font-weight: 600;
}
.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
}
/* ====== Custom Styles ====== */
/* Gradient header */
.header-gradient {
  background: linear-gradient(90deg, #002D55 0%, #4B4862 100%);
}
/* Accent list marker */
.policy-list li::marker {
  color: #FBBF24; /* amber-400 */
  font-weight: 600;
}
/* Glassy card */
.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
}
/* ===== Shared Custom Styles ===== */
/* 1) Gradient header (navy→indigo) */
.header-gradient {
  background: linear-gradient(90deg, #002D55 0%, #4B4862 100%);
}
/* 2) Glassy card background */
.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
}
/* 3) Accent left bar for section titles */
.accent-bar {
  border-left: 4px solid #FBBF24; /* amber-400 */
  padding-left: 0.75rem /* 12px */;
}
/* 4) Amber list markers (同一トーン用) */
.policy-list li::marker,
.accent-list li::marker {
  color: #FBBF24;
  font-weight: 600;
}
header {
  p{
    width: 100%;
    padding: 0 0 15px;
    color: #FBBF24;
  }
}

footer{
 p{
  text-align:center;
  padding:10px 40px;
  font-size:0.85rem;
  color:#666;
 }
 img{
  width: 120px;
  display: inline;
  margin: 0 auto 2rem;
 }
}