@import "../table/_table";

.policy-wrap {
    min-height: 600px;
    .policy-title {
        text-align: center;
        .tit {
            font-size: 3.5rem; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); line-height: 1.7;
        }
    }
    .txt-box {
        border: 1px solid var(--line); background: #f5f5f5; padding: 10px 15px; margin: 5px 0; font-size: 1.6rem;
        p {
            font-size: 1.6rem; line-height: 1.7; color: #333;
        }
    }
    strong {
        font-weight: 600;
    }
    .group {
        padding: 15px 0;
    }
    .h3 {
        padding-bottom: 10px; font-size: 2.5rem; line-height: 1.7;
    }
    .h4 {
        padding: 10px 0 5px; font-size: 1.8rem; line-height: 1.7;
    }
    p.txt {
        font-size: 1.7rem; line-height: 1.7; font-weight: 300;
    }
    a.link {
        color: #006dd0;
        &:hover {
            text-decoration: underline;
        }
    }
    .in-table {
        width: 700px; max-width: 100%; border-top: 1px solid #888; font-size: 1.5rem; margin: 5px 0; table-layout: fixed;
        colgroup {
            .tit {
                width: 200px;
            }
        }
        table {
            width: 100%;
        }
        th {
            background: #eff0f5; padding: 10px 20px; text-align: center; font-weight: 600; border-bottom: 1px solid #cdd1d7;
        }
        td {
            background: #fff; padding: 10px 20px; text-align: center; border-bottom: 1px solid #cdd1d7; color: #555;
        }
    }
    .link {
        &:after {
            text-decoration: underline;
        }
    }
}

@media (max-width: 1024px) {
    .policy-wrap {
        min-height: unset;
        .policy-title {
            .tit {
                margin-bottom: 0; padding-bottom: 20px;
            }
        }
    }
}

@media (max-width: 768px) {
    .policy-wrap {
        .policy-title {
            .tit {
                font-size: 2.5rem;
            }
        }
        .txt-box {
            font-size: 1.4rem;
            p {
                font-size: 1.4rem;
            }
        }
        .h3 {
            font-size: 2rem; line-height: 1.5;
        }
        .h4 {
            font-size: 1.6rem; line-height: 1.5;
        }
        p.txt {
            font-size: 1.4rem;
        }
        .txt-box {
            padding: 10px;
        }
        .in-table {
            font-size: 1.4rem; width: 100%;
            colgroup {
                .tit {
                    width: 150px;
                }
            }
            th {
                padding: 10px;
            }
        }
    }
}