/* ============================================================
   特定商取引法に基づく表記 ページ
   ============================================================ */
.tokushoho-page {
    background: var(--cream);
}

/* ============================================================
   HERO（policy と共通のクラスを流用）
   ============================================================ */
.tokushoho-page .pl-hero {
    background: #0E9A8F;
    padding: 160px 0 100px;
}

.tokushoho-page .pl-hero__inner {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--gutter);
}

.tokushoho-page .pl-hero__title {
    font-family: var(--font-en);
    font-size: clamp(56px, 7vw, 88px);
    font-weight: 700;
    color: var(--cream);
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    opacity: 0.15;
}

.tokushoho-page .pl-hero__desc {
    font-family: var(--font-mincho);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 700;
    color: var(--cream);
    line-height: 1.5;
}

/* ============================================================
   CONTENT
   ============================================================ */
.tokushoho-page .pl-content {
    padding: 100px 0 140px;
}

.tokushoho-page .pl-content__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--gutter);
}

.tokushoho-page .pl-body {
    font-family: var(--font-jp);
    font-size: 16px;
    line-height: 1.8;
    color: var(--black);
}

/* ============================================================
   TABLE
   ============================================================ */
.tk-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid rgba(54, 68, 87, 0.15);
}

.tk-table th,
.tk-table td {
    padding: 20px 24px;
    border-bottom: 1px solid rgba(54, 68, 87, 0.15);
    vertical-align: top;
    text-align: left;
}

.tk-table th {
    width: 32%;
    font-family: var(--font-mincho);
    font-weight: 700;
    font-size: 15px;
    color: var(--navy);
    background: rgba(14, 154, 143, 0.05);
    white-space: nowrap;
}

.tk-table td {
    font-size: 15px;
    line-height: 1.8;
    color: var(--black);
}

.tk-table td p {
    margin-bottom: 12px;
}

.tk-table td p:last-child {
    margin-bottom: 0;
}

.tk-table td a {
    color: var(--teal);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.tk-table td small {
    font-size: 13px;
    color: #666;
}

.tk-table th small {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-jp);
    display: block;
    margin-top: 4px;
    white-space: normal;
    color: #666;
}

/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width: 640px) {
    .tk-table,
    .tk-table tbody,
    .tk-table tr,
    .tk-table th,
    .tk-table td {
        display: block;
        width: 100%;
    }

    .tk-table tr {
        border-bottom: 1px solid rgba(54, 68, 87, 0.15);
    }

    .tk-table tr:last-child {
        border-bottom: none;
    }

    .tk-table th,
    .tk-table td {
        border-bottom: none;
        padding: 14px 0;
    }

    .tk-table th {
        padding-bottom: 6px;
        background: transparent;
        white-space: normal;
    }

    .tk-table td {
        padding-top: 0;
    }

    .tokushoho-page .pl-hero {
        padding: 120px 0 72px;
    }

    .tokushoho-page .pl-content {
        padding: 60px 0 100px;
    }
}