@charset "UTF-8";

/*N connectの4つの強み*/
#strengths + div .inner_item > a {
    pointer-events: none;
}
#strengths + div .inner_item_img img {
    height: auto !important;
    max-width: 100px;
    margin-top: 20px;
}
#strengths + div .inner_item {
    background: var(--i_bg_color);
}
/*取り扱い商材*/
#products + div .heading.block_header_4 .h {
    color: var(--i_txt_color);
    border-bottom: 1px solid var(--i_border_color);
    padding-bottom: 10px;
}
#products + div .inner_item p .num {
    font-weight: bold;
    font-size: 2.8rem;
}
/*インセンティブ例*/
#incentives + .composite_box01.block_images_17 .inner_item {
    background: var(--i_bg_color);
    border-top: 8px solid var(--i_main_color);
    border-bottom: 8px solid var(--i_main_color);
    border-radius: 10px;
    box-shadow: 0px 0px 3px 1px var(--i_shadow_color);
}
#incentives + div .wrapper_item {
    gap: 4%;
}
#incentives + div .inner_item > a {
    pointer-events: none;
}
#incentives + div .heading.block_header_4 .h {
    color: var(--i_txt_color);
}
#incentives + div .inner_item_img img {
    border-radius: 5px;
}
#incentives + div .inner_item_txt .amount {
    color: var(--i_sub_color);
    margin-bottom: 10px;
}
#incentives + div .inner_item_txt .amount .num {
    font-size: 4rem;
    display: inline-block;
    padding-right: 5px;
    line-height: 1;
}
#incentives + div .inner_item_txt table {
    color: var(--i_txt_color);
    text-align: center;
}
#incentives + div .inner_item_txt table tr {
    border-left: none;
    border-right: none;
}
#incentives + div .inner_item_txt table tr th {
    background: var(--i_border_color);
    width: 120px;
}
@media screen and (max-width: 920px) {
    #incentives + div .wrapper_item {
        gap: 2%;
    }
    #incentives + div .inner_item_txt table tr th {
        width: 100px;
    }
}
@media screen and (max-width: 800px) {
    #incentives + div .inner_item_txt .amount .num {
        font-size: 3rem;
    }
}
@media screen and (max-width: 768px) {
    #incentives + div .wrapper_item .inner_item {
        width: 100%;
    }
    #incentives + div .wrapper_item .inner_item + .inner_item {
        margin-top: 20px;
    }
    #incentives + div .inner_item_txt table {
        max-width: 100% !important;
    }
}
@media screen and (max-width: 500px) {
    #incentives + div .wrapper_item .inner_item {
        flex-direction: column;
    }
    #incentives + div .inner_item > a {
        position: absolute;
        left: 0;
    }
    #incentives + .composite_box01.block_images_17 .inner_item_txt {
        width: 100%;
    }
    #incentives + .composite_box01 .inner_item .heading {
        width: calc(100% - 90px - 15px);
        margin-left: auto;
        margin-top: 10px;
    }
    #incentives + div .inner_item_txt .amount {
        width: calc(100% - 90px - 15px);
        margin-left: auto;
    }
    #incentives + div .inner_item_txt table {
        margin-top: 3rem;
    }
}
/*契約までの流れ*/
a[id^="step"] + .dec1_3:not(.block_images_21) > .content_wrapper {
    border: 3px solid rgba(130, 189, 253, 0.4);
    border-radius: 5px;
}
a[id^="step"] + section .heading.block_header_4 {
    width: 110px;
}
a[id^="step"] + section .heading.block_header_4 .h {
    font-size: 4rem;
    background: var(--i_btn_color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
a[id^="step"] + section .content_wrapper .inner_item_txt h3 {
    color: var(--i_main_color);
    font-size: 2.5rem;
}
a[id^="step"] + section .content_wrapper .wrapper_item {
    width: calc(100% - 140px);
}
a[id^="step"] + section::after {
    content: "";
    text-align: center;
    margin: 10px auto 0;
    width: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--i_main_color);
    display: block;
}
a[id^="step5"] + section::after {
    display: none;
}
@media screen and (max-width: 1350px) {
    a[id^="step"] + section .block_header_4 .h {
        font-size: 4rem !important;
    }
}
@media screen and (max-width: 900px) {
    a[id^="step"] + section .heading.block_header_4 {
        width: fit-content;
    }
    a[id^="step"] + section .content_wrapper .wrapper_item {
        width: 100%;
    }
}
@media screen and (max-width: 800px) {
    a[id^="step"] + section .block_header_4 .h {
        font-size: 3rem !important;
    }
    a[id^="step"] + section .content_wrapper .inner_item_txt h3 {
        color: var(--i_main_color);
        font-size: 2rem;
    }
}
/*正規代理店*/
#distributor + .composite_box01 .wrapper_item {
    justify-content: center;
}
#distributor + .composite_box01 .inner_item {
    max-width: 200px;
}
#distributor + .composite_box01 .inner_item_img img {
    height: auto !important;
    max-width: 150px;
}