@charset "UTF-8";
/* ------------------------------------------------------ */
/* unique
--------------------------------------------------------- */
.template_cp .cp_mainvisual_image {
    margin-bottom: 8px;
}
.template_cp .cp_list_note_num {
    font-size: 14px;
}
.template_cp .block-campaign-incentive-image + .cp_list_note {
    margin-top: 8px;
}
.template_cp .list-campaign-service {
    gap: 16px;
}
.template_cp .cp_list_step_column:not(:last-child) {
    margin-bottom: 8px;
}
.template_cp .cp_list_step_column > li .cp_step_card {
    display: block;
    padding: 32px 8px;
}
.template_cp .cp_list_step_column > li .cp_step_card .cp_step_text {
    height: 96px;
}
.template_cp .cp_list_step_column > li .cp_step_card .cp_step_image.travel {
    padding: 0 24px;
}
.template_cp .block-code-issuance .code-issuance-schedule th {
    width: 276px;
}
.template_cp .block-code-issuance .code-issuance-schedule td:first-of-type {
    width: auto;
    text-align: left;
}
.template_cp .list-note-num-roman {
    counter-reset: note_num_roman;
    margin-bottom: 20px;
}
.template_cp .list-note-num-roman > li {
    counter-increment: note_num_roman;
    position: relative;
    margin-bottom: 4px;
    padding-left: 32px;
    font-size: 16px;
}
.template_cp .list-note-num-roman > li::before {
    content: "※" counter(note_num_roman, upper-roman) ".";
    position: absolute;
    top: 0;
    left: 0;
}

/* block
--------------------------------------------------------- */
.block-travel-campaign-overview {
    padding: 32px;
    background: #f0f4f7;
    text-align: center;
}
.block-travel-campaign-overview .text-paragraph {
    font-size: 18px;
}
.block-travel-campaign-overview .travel-campaign-overview-grid {
    display: grid;
    grid-template-areas: "title title" "incentive image" "incentive text";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content 1fr;
    gap: 16px 56px;
    width: 936px;
    margin: 0 auto 16px;

    justify-items: center;
}
.block-travel-campaign-overview .travel-campaign-overview-title {
    grid-area: title;
    font-size: 22px;
    font-weight: bold;
}
.block-travel-campaign-overview .travel-campaign-overview-incentive {
    grid-area: incentive;
}
.block-travel-campaign-overview .travel-campaign-overview-image {
    grid-area: image;
    width: 304px;
}
.block-travel-campaign-overview .travel-campaign-overview-text {
    grid-area: text;
    text-align: left;
}