.ir_01 {
    background: linear-gradient(0deg,#d9ff6d -30.56%,var(--color-bg-muted) 40.82%);
    padding: var(--gap) var(--bj1)
}

.ir_01_box {
    padding: var(--gap);
    background: #fff;
    border-radius: calc(var(--f24) * 2.5)
}

.ir_01_title {
    padding-top: 1.2rem;
    font-family: Light;
    font-size: var(--f95);
    line-height: 1.05;
    color: #1b1b1c;
    font-weight: 300
}

.ir_01_content {
    display: flex;
    flex-direction: column
}

.ir_01_content p {
    font-family: Light;
    font-size: var(--f24);
    line-height: 1.4;
    color: #1b1b1c
}

@media(max-width: 1200px) {
    .ir_01_title {
        font-size:var(--f64)
    }
}

@media(max-width: 780px) {
    .ir_01_title {
        font-size:.4rem;
        line-height: 1.2
    }

    .ir_01_content p {
        font-size: .2rem
    }
}

.ir_01_tabs {
    margin: 0;
    padding: 0
}

.ir_01_tabs .ab_tag {
    font-size: var(--f24)
}

.ir_01_tabs .ab_tag .tag_item {
    padding: .13rem .32rem
}

@media(max-width: 780px) {
    .ir_01_box {
        padding:.4rem;
        border-radius: .2rem
    }

    .ir_01_tabs .ab_tag {
        font-size: var(--f16)
    }

    .ir_01_tabs .ab_tag .tag_item {
        padding: .15rem .3rem
    }
}

@media screen and (max-width: 500px) {
    .ir_01,.ir_01_box {
        padding:.24rem
    }

    .ir_01_tabs .ab_tag {
        font-size: .16rem
    }

    .ir_01_tabs .ab_tag .tag_item {
        padding: .03rem .2rem
    }

    .ir_01_title {
        font-size: .3rem
    }
}

.cc_top_box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-top: .6rem
}

.cc_left {
    width: 54%
}

.cc_left p:nth-child(1) {
    font-size: var(--f48);
    white-space: nowrap
}

.cc_left p:nth-child(2) {
    padding-top: .5rem;
    font-size: var(--f30)
}

.cc_left p:nth-child(3) {
    line-height: .4rem
}

.cc_right {
	display: flex;
    /* align-items: center; */
    /* width: 40%; */
    padding: .6rem;
    background-color: var(--color-bg-muted);
    border-radius: var(--radius-card);
    flex-direction: column;
}

.cc_right p:nth-child(1) {
    font-size: var(--f30);
    line-height: .45rem
}

.cc_right p:nth-child(2) {
    font-size: var(--f16);
    line-height: .32rem
}

.cc_right p:nth-child(3) {
    font-size: var(--f30);
    line-height: .45rem
}

.cc_right p:nth-child(4) {
    line-height: .4rem
}

.cc_right p b {
    white-space: nowrap
}

.cc_right p a {
    display: inline
}

.cc_bottom_box {
    padding-top: .4rem
}

.cc_bottom_box p:nth-child(1) {
    font-size: var(--f30);
    line-height: .45rem
}

.cc_bottom_box p {
    line-height: .4rem
}

.cc_bottom_box p:last-child {
    padding-top: .4rem
}

@media(max-width: 1200px) {
    .cc_top_box {
        flex-direction:column
    }

    .cc_left {
        width: 100%
    }

    .cc_right {
        width: 100%;
        margin-top: .4rem
    }
}

@media(max-width: 767px) {
    .ir_01_title {
        font-size:var(--f48);
        padding-top: .6rem
    }

    .cc_top_box {
        padding-top: .4rem
    }

    .cc_left p:nth-child(1) {
        font-size: var(--f24)
    }

    .cc_left p:nth-child(2) {
        font-size: var(--f16);
        padding-top: .3rem
    }

    .cc_right p:nth-child(1) {
        font-size: var(--f16)
    }

    .cc_right p:nth-child(2) {
        font-size: .18rem
    }

    .cc_right p:nth-child(3) {
        font-size: var(--f16)
    }
}

@media(max-width: 500px) {
    .ir_01_title {
        font-size:.26rem;
        padding-top: .4rem
    }

    .cc_top_box {
        padding-top: .3rem
    }

    .ir_01_content p {
        font-size: .14rem;
        line-height: .25rem
    }

    .cc_left p:nth-child(1) {
        font-size: .2rem
    }

    .cc_right {
        padding: .24rem;
        margin-top: .24rem
    }

    .cc_left p:nth-child(2) {
        font-size: .14rem;
        padding-top: .2rem
    }

    .cc_left p:nth-child(3) {
        line-height: .25rem
    }

    .cc_right p:nth-child(1) {
        font-size: .2rem;
        line-height: .25rem
    }

    .cc_right p:nth-child(2) {
        font-size: .12rem
    }

    .cc_right p:nth-child(3) {
        font-size: .2rem;
        line-height: .25rem;
        white-space: nowrap
    }

    .cc_right p:nth-child(4) {
        line-height: .25rem
    }

    .cc_bottom_box,.cc_bottom_box p:last-child {
        padding-top: .24rem
    }

    .cc_bottom_box p:nth-child(1) {
        font-size: .26rem
    }
}

.cgi_list {
    padding-top: .76rem;
    font-family: Light
}

.cgi_list li {
    padding: .4rem 0 .16rem;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.32rem;
    border-top: solid 1px #1B1B1C
}

.cgi_list li p:nth-child(1) {
    font-size: var(--f30);
    line-height: .45rem;
    text-align: right
}

.cgi_list li p:nth-child(2) {
    font-size: var(--f48);
    line-height: .6rem
}

@media(max-width: 767px) {
    .cgi_list {
        padding-top:.4rem
    }

    .cgi_list li {
        gap: .6rem
    }

    .cgi_list li p:nth-child(1) {
        font-size: var(--f16);
        line-height: .35rem
    }

    .cgi_list li p:nth-child(2) {
        font-size: var(--f22);
        line-height: .45rem
    }
}

@media(max-width: 500px) {
    .cgi_list {
        padding-top:.24rem
    }

    .cgi_list li {
        gap: .24rem
    }

    .cgi_list li p:nth-child(1) {
        font-size: .14rem;
        line-height: .25rem
    }

    .cgi_list li p:nth-child(2) {
        font-size: .18rem;
        line-height: .25rem
    }
}

.si_box_content {
    padding-top: .6rem
}

.si_box_content>p:nth-child(1) {
    font-size: var(--f30);
    line-height: .45rem
}

.si_box_content>p:nth-child(2) {
    font-size: var(--f16);
    line-height: .32rem
}

.si_tab_box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: .1rem;
    padding-top: .45rem
}

.si_tab_box a {
    padding: .15rem 0;
    line-height: .35rem;
    font-family: Bold;
    font-size: .19rem;
    text-align: center;
    border-radius: .2rem .2rem 0 0;
    border: 2px solid #1B1B1C;
    cursor: pointer;
    transition: all .3s
}

.si_tab_box a.active {
    background: #1b1b1c;
    color: #fff
}

.si_chart_box {
    margin-top: -2px;
    padding: .46rem 1.64rem .4rem;
    border: 2px solid #1B1B1C
}

.si_chart_box>div {
    display: none;
    justify-content: center
}

.si_chart_box>div.active {
    display: flex
}

@media(max-width: 1200px) {
    .si_chart_box {
        padding-left:.8rem;
        padding-right: .8rem
    }
}

@media(max-width: 767px) {
    .si_box_content {
        padding-top:.4rem
    }

    .si_box_content>p:nth-child(1) {
        font-size: var(--f14)
    }

    .si_box_content>p:nth-child(2) {
        font-size: .18rem;
        line-height: .35rem
    }

    .si_chart_box {
        padding-left: .4rem;
        padding-right: .4rem
    }
}

@media(max-width: 500px) {
    .si_box_content {
        padding-top:.24rem
    }

    .si_box_content>p:nth-child(1) {
        font-size: .14rem;
        line-height: .25rem
    }

    .si_box_content>p:nth-child(2) {
        font-size: .12rem;
        line-height: .18rem
    }

    .si_tab_box a {
        font-size: .16rem;
        line-height: .3rem
    }

    .si_chart_box {
        padding-left: .24rem;
        padding-right: .24rem
    }
}

.si_mobile_box {
    display: none
}

@media(max-width: 1100px) {
    .si_pc_box {
        display:none
    }

    .si_mobile_box {
        display: block
    }

    .si_mobile_box>div {
        padding-top: 1rem
    }

    .si_mobile_box>div p:nth-child(1) {
        font-size: var(--f32);
        line-height: 1rem;
        border-bottom: 2px solid #1B1B1C
    }

    .si_mobile_box>div p:nth-child(2) {
        padding-top: .6rem
    }

    .si_mobile_box img {
        width: 100%
    }
}

@media(max-width: 767px) {
    .si_mobile_box>div {
        padding-top:.6rem
    }

    .si_mobile_box>div p:nth-child(1) {
        font-size: var(--f14);
        line-height: .45rem
    }

    .si_mobile_box>div p:nth-child(2) {
        padding-top: .4rem
    }
}

@media(max-width: 500px) {
    .si_mobile_box>div {
        padding-top:.3rem
    }

    .si_mobile_box>div p:nth-child(1) {
        font-size: .14rem;
        line-height: .3rem
    }

    .si_mobile_box>div p:nth-child(2) {
        padding-top: .2rem
    }
}

@media(max-width: 750px) {
    .banner_box .ban_post>div .content2 {
        display:none
    }
}
