/* --------------------------------------------------

    2025　ボーナスポイント（UMACA）

-------------------------------------------------- */

/* - レイアウト
-------------------------------------------------- */

.section .heading-leftline {
    margin-bottom: var(--mt14_24);
}


/* - アンカーリンクエリア
-------------------------------------------------- */
.nav_area {
    display: grid;
    grid-template-columns: auto;
    gap: 24px;
    margin-top: 0;
}

.nav_area .nav-local-group {
    margin-top: 12px;
}

/* - キャンペーン内容
-------------------------------------------------- */
.section .campaign_wrap{
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    padding: 28px 0;
}

.section .campaign_wrap + .campaign_wrap {
    border-top: none;
}

/* --- キャンペーンアイコン --- */

.campaign_wrap .icon_text_point {
    padding: 8px 4px;
    border-radius: 3px;
    font-size: 1.8rem;
    font-weight: var(--font-bold);
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient( #ad191c 0%, #DB252B 100%);
    color: #fffd6b;
}

.campaign_wrap .icon_text_point .number {
    font-size: 1.4em;
}

.campaign_wrap .icon_text_end {
    padding: 8px 4px;
    border-radius: 3px;
    font-weight: var(--font-bolder);
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient( #EB0052 0%, #CC0047 100%);
    color: var(--color-white);
}


.left_img_grid_list .icon {
    max-width: 44px;
}

.left_img_grid_list .title {
    font-size: var(--font-size-16_18);
    font-weight: var(--font-bold);
}

.grid_note_list li{
    gap: 16px clamp(12px, 0.4035rem + 2.1239vw, 24px);;
}

.btn-round.collapse {
    font-size: 1.2rem;
}

/* --- 画像パターン --- */
.type_img_grid {
    display: grid;
    grid-template-columns: 300px auto;
    gap: var(--mt15_30);
}
.type_img_grid .main_img {
    width: 100%;
    max-width: 450px;
}


/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and (max-width : 767px) {

    /* - アンカーリンクエリア
    -------------------------------------------------- */
    /* .section.nav_area {
        margin-top: 30px;
    } */

    /* - キャンペーンエリア
    -------------------------------------------------- */

    .campaign_wrap .icon_text_end {
        font-size: 1.1rem;
    }

    /* --- 画像パターン --- */
    .type_img_grid {
        grid-template-columns: auto;
        justify-items: center;
    }

    .type_img_grid .main_img {
        width: calc(100% - 16px);
    }

}