/*---------------------------------
超らくらく安心パック コンテンツ
---------------------------------*/

/* --- リスト --- */

.anshin_list {
    display: flex;
    flex-direction: column;
    gap: 55px;
    margin-bottom: 40px;
}

/* --- 各アイテム --- */

.anshin_item {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* --- ナンバー＋タイトル --- */

.anshin_item_head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.anshin_item_num {
    font-family: var(--sub-font);
    font-size: 80px;
    font-weight: 500;
    color: transparent;
    -webkit-text-stroke: 1px var(--text-color);
    line-height: 1;
}

.anshin_item_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--text-color);
    line-height: 1.6;
}

/* --- 説明文 --- */

.anshin_item_desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-color);
}

/* --- 画像 --- */

.anshin_item_photo img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

/* --- ゲージ画像（02） --- */

.anshin_item_photo--gauge {
    background: #fff;
    border: 4px solid var(--accent-color);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.gauge_label {
    background: var(--accent-color);
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding: 16px 30px;
}

.gauge_img {
    padding: 20px 50px;
}

/* --- CTAボタン --- */

.anshin_cta {
    display: flex;
    justify-content: center;
}

/* ==============================
   PC
   ============================== */

@media (min-width: 768px) {

    .section_content--anshin {
        padding: 0 20px;
    }

    .section_content--anshin .section_space {
        max-width: 964px;
    }

    /* --- リスト --- */

    .anshin_list {
        gap: 80px;
        margin-bottom: 80px;
    }

    /* --- 各アイテム：横並び --- */

    .anshin_item {
        flex-direction: row;
        align-items: center;
        gap: clamp(1.875rem, 0.833rem + 2.17vw, 3.438rem);
    }

    .anshin_item_body {
        flex: 1;
    }

    .anshin_item_photo {
        flex: 1;
    }

    /* --- 02: 画像左・テキスト右 --- */

    .anshin_item--reverse {
        flex-direction: row-reverse;
    }

    /* --- ナンバー＋タイトル --- */

    .anshin_item_head {
        gap: 20px;
        margin-bottom: 25px;
    }

    .anshin_item_num {
        font-size: clamp(6.5rem, 5.25rem + 2.6vw, 8.375rem);
    }

    .anshin_item_title {
        font-size: clamp(1.375rem, 1.25rem + 0.26vw, 1.563rem);
    }

    /* --- 画像 --- */

    .anshin_item_photo img {
        border-radius: 0;
    }

    /* --- ゲージ画像（02） --- */

    .gauge_label {
        font-size: clamp(1.5rem, 1.25rem + 0.52vw, 1.875rem);
        padding: 20px 30px;
    }

    .gauge_img {
        padding: 35px 75px;
    }

    /* --- ボタン --- */

    .anshin_cta .ui_cp-btn:hover .ui_cp-btn_icon {
        filter: brightness(0) saturate(100%) invert(27%) sepia(82%) saturate(1500%) hue-rotate(196deg) brightness(92%) contrast(92%);
    }
}