@charset "UTF-8";

/* -------------------------------------------------------
    privacy-policy.html タブレット版（768px〜1439px）
    css/privacy-policy.css（PC版）の px 指定を 1440px 基準で vw に変換
    計算式：px ÷ 1440 × 100 = vw（小数点4桁まで）
    セレクタ・レイアウト構成はPC版から変更していません
------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1439px) {

    /* -------------------------
        このファイルは privacy-policy.html（21_個人情報保護）専用のスタイルです。
        ヘッダー・フッターは css/common.css を参照しています。
        このページにはFigma上、波形ヒーローは存在せず、
        見出しはオレンジのピル型バッジのみのシンプルな構成です。
    ------------------------- */

    .l-main {
        min-width: 69.4444vw;
        background: var(--color-cream);
    }


    /* -------------------------
        見出し
    ------------------------- */

    .privacy-hero {
        padding: 17.3611vw 1.3889vw 6.9444vw;
        text-align: center;
    }

    .privacy-hero__title {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 5.9028vw;
        margin: 0;
        padding: 0 4.1667vw;
        background: var(--color-orange);
        border-radius: 13.8889vw;
        color: #fff;
        font-size: 3.4722vw;
        font-weight: 700;
        letter-spacing: 15px;
        text-indent: 15px;
        white-space: nowrap;
    }


    /* -------------------------
        個人情報保護方針
    ------------------------- */

    .privacy-content {
        padding: 0 1.3889vw 27.7778vw;
    }

    .privacy-content__inner {
        position: relative;
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 15.2778vw;
    }

    .privacy-content__card {
        position: relative;
        max-width: 71.3889vw;
        margin: 0 auto;
        padding: 6.9444vw 8.3333vw;
        background: #fff;
        border-radius: 2.0833vw;
    }

    .privacy-content__deco-bird {
        position: absolute;
        top: -4.1667vw;
        right: 6.25vw;
        width: 10.4167vw;
        height: auto;
    }

    .privacy-content__deco-flower {
        display: block;
        width: 10.4167vw;
        height: auto;
        margin: -2.0833vw 0 0 -1.3889vw;
        z-index: 1;
        position: relative;
        right: 2.7778vw;
        top: -2.7778vw;
    }

    .privacy-content__lead {
        margin: 0 0 2.7778vw;
        font-size: 1.25vw;
        line-height: 1.7;
        letter-spacing: -0.9px;
    }

    .privacy-content__section {
        margin-top: 2.0833vw;
    }

    .privacy-content__section:first-of-type {
        margin-top: 0;
    }

    .privacy-content__heading {
        margin: 0 0 0.3472vw;
        font-size: 1.6667vw;
        font-weight: 500;
    }

    .privacy-content__text {
        margin: 0;
        font-size: 1.25vw;
        line-height: 1.7;
        letter-spacing: -0.9px;
    }

    .privacy-content__text p {
        margin: 0 0 0.4167vw;
    }

    .privacy-content__text p:last-child {
        margin-bottom: 0;
    }

    .privacy-content__sub-heading {
        margin: 1.3889vw 0 0.6944vw;
        font-size: 1.25vw;
        font-weight: 700;
        letter-spacing: -0.9px;
    }

    .privacy-content__list {
        margin: 1.3889vw 0 2.0833vw;
        padding-left: 1.4em;
        font-size: 1.25vw;
        line-height: 1.7;
        letter-spacing: -0.9px;
    }

    .privacy-content__list li {
        margin-bottom: 0.4167vw;
    }

    .privacy-content__list li:last-child {
        margin-bottom: 0;
    }

    .privacy-content__table-wrap {
        margin: 1.3889vw 0;
        overflow-x: auto;
    }

    .privacy-content__table {
        width: 100%;
        border-collapse: collapse;
        font-size: 1.1111vw;
        line-height: 1.7;
        letter-spacing: -0.9px;
    }

    .privacy-content__table th,
    .privacy-content__table td {
        padding: 0.8333vw 1.1111vw;
        text-align: left;
        border-bottom: 1px solid #e5ded0;
        vertical-align: top;
    }

    .privacy-content__table th {
        width: 12.5vw;
        font-weight: 500;
        white-space: nowrap;
    }

    .privacy-content__table--fee th,
    .privacy-content__table--fee td {
        width: auto;
        text-align: center;
        white-space: normal;
    }

    .privacy-content__table--fee thead th {
        background: #C2E5FF;
        font-weight: 500;
    }

    .privacy-content__table--fee th[scope="row"] {
        text-align: left;
    }

    .privacy-content__signature {
        margin: 2.7778vw 0 0;
        font-size: 1.25vw;
        line-height: 1.7;
        letter-spacing: -0.9px;
        text-align: right;
    }


    /* -------------------------
        レスポンシブ（SP）
    ------------------------- */

}