/****************** 首页HeaderArea1 start ******************/
.HeaderArea1 {
    position: relative;
    margin-bottom: 70px;
}
.HeaderArea1.leader{
    background-image: url('/sustainability/image/ceo/ceo_main-visual-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.HeaderArea1.leader .titleArea{
    position: unset;
    transform: none;
    padding-block: 2rem;
}
.HeaderArea1.leader .titleArea .text {
    margin-bottom: 0;
}
.HeaderArea1.leader .titleArea .text .cmp-text>p{
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;
}
.HeaderArea1.leader .titleArea .text .cmp-leader p{
    font-size: 1.5rem;
    color: #fff;
}
.HeaderArea1.leader .titleArea .text .cmp-leader strong{
    color: #fff;
}
.HeaderArea1 .titleArea{
    max-width: 1306px;
    margin-inline: auto;
    padding-inline: 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    display: flex;
    align-items: center;
}
.HeaderArea1 picture{
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}

.HeaderArea1 picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.HeaderArea1 .titleArea h1{
    width: 100%;
    font-size: var(--title-h1-fz);
    color: #fff;
}


@media screen and (max-width: 1276px) {
    .HeaderArea1 picture{
        height: 350px;
    }
}

@media screen and (max-width: 994px) {
    .HeaderArea1.leader picture{
        height: 500px;
    }
    .HeaderArea1.leader .titleArea .text .cmp-text>p{
        font-size: 1.75rem;
    }
}

/****************** 首页HeaderArea1 end ******************/

/****************** 网页锚点 start ******************/
.page-navigation ul {
    display: flex;
    flex-wrap: wrap;
}
.page-navigation ul li {
    display: inline-block;
    margin-right: 1.75rem;
    gap: 1.75rem;
    margin-bottom: 10px;
}
.page-navigation ul li a{
    color: #c00;
    position: relative;
}

.page-navigation ul li a::after{
    content: '';
    width: 10px;
    aspect-ratio: 1;
    display: inline-block;
    background-image: url('/sustainability/image/icon/icon_arrow-ltr-red.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    transform: rotate(90deg);
    margin-left: 10px;
}
/****************** 网页锚点 end ******************/


/****************** 标题 start ******************/
section h1{
    font-size: var(--title-h1-fz);
}
section h2{
    font-size: var(--title-h2-fz);
}
section h3{
    font-size: var(--title-h3-fz);
}
section h4{
    font-size: var(--title-h4-fz);
}

.title{
    margin-bottom: 1.5rem;
}
.cmp-title.cmp-title-center {
    text-align: center;
}
.cmp-title.cmp-title-left {
    text-align: left;
}
.cmp-title.cmp-title-right {
    text-align: right;
}
.cmp-title__left{
    text-align: left;
}
.cmp-title__center{
    text-align: center;
}
.cmp-title__right{
    text-align: right;
}

.cmp-title-strong-red .cmp-title h2{
    position: relative;
}
.cmp-title-strong-red .cmp-title h2::before{
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background-color: #c01a20;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
.cmp-title-strong-red .cmp-title h2 span{
    color: #c01a20;
    padding-inline: 3rem;
    background-color: #fff;
    font-size: 3rem;
}

@media screen and (max-width: 767px) {
    .cmp-title-strong-red .cmp-title h2 span{
        font-size: 2rem;
    }
}
/****************** 标题 end ******************/


/****************** 下划线 start ******************/
.cmp-separator{
    border-bottom: 1px solid #d9d9d9;
    line-height: 1.8;
}
/****************** 下划线 end ******************/



/****************** 文案 start ******************/
.text{
    margin-bottom: 1.5rem;
}
.cmp-text{
    width: 100%;
}
.cmp-text p{
    font-size: 1rem;
}
.paragraph-small-regular{
    font-size: .875rem;
}

.cmp-text.cmp-text-center{
    text-align: center;
}
.cmp-text.cmp-text-left{
    text-align: left;
}
.cmp-text.cmp-text-right{
    text-align: right;
}

.cmp-text ul{
    list-style-type: disc;
    padding-left: 1.5rem;
}
.cmp-leader strong{
    font-size: 1.75rem;
}
/****************** 文案 end ******************/


hr.separator {
    width: 100%;
    height: 1px;
    margin-bottom: 1.5rem;
    background-color: #d9d9d9;
}
.cmp-columns-container{
    display: flex;
    gap: 1.5rem;
}
.cmp-column{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.cmp-column div picture img{
    width: 100%;
}


/* 视频弹窗start */
.featherlight {
    background: transparent;
}
.featherlight .featherlight-content{
    max-width: 800px;
    width: 100%;
    overflow: unset;
    border-bottom: none;
    padding: 25px !important;
}
.featherlight.featherlight-inner{
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.featherlight .featherlight-content video{
    width: 100%;
}

/* 视频弹窗end */


/* 按钮 start */
.button{
    display: flex;
}
.button.alignment-center{
    justify-content: center;
}
.button.alignment-right{
    justify-content: flex-end;
}
.cmp-button{
    color: #fff;
    padding: 7px 1.5rem;
    border-radius: 50px;
    background-color: #c00;
    font-size: 16px;
    min-width: 150px;
    text-align: center;
    font-weight: normal;
}
.cmp-button::after{
    content: '\e900';
    font-family: icomoon !important;
    margin-left: 5px;
    font-size: 13px;
    line-height: 1.5rem;
    font-weight: normal;
}
.cmp-button:hover{
    background-color: #0c0c0c;
    color: #fff;
}
.cmp-button-link2 {
    margin-bottom: 1.5rem;
}
.cmp-button-link2 .cmp-button{
    background: none;
    padding: 0;
    color: #c00;
    transition: color .3s ease;
    text-align: left;
}
.cmp-button-link2 .cmp-button:hover{
    color: #000;
}
.cmp-button.icon-pdf::after {
    content: "\e90b";
    font-size: 1rem;
}
.cmp-button.icon-newtab::after {
    content: "\e902";
    font-size: 1rem;
}
.cmp-button sup{
    color: #fff;
}

#policies .button.cmp-button-link2{
    margin-bottom: 10px;
}




/* 卡片列表 ---- 管理层致辞 start */
.teaser {
    max-width: 1213px;
    margin-inline: auto;
    margin-bottom: 2rem;
}
.teaser .cmp-teaser{
    display: flex;
    position: relative;
}
.teaser .cmp-teaser .cmp-teaser__content{
    position: absolute;
    max-width: 500px;
    width: 100%;
    backdrop-filter: blur(8px);
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    padding: 1.5rem;
    background: transparent linear-gradient(27deg, #c00 -110%, #fff 25%) 0 0 no-repeat padding-box;
    z-index: 2;
    opacity: .9;
    transform: translateY(-50%);
}
.teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title{
    margin-bottom: 16px;
}
.teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}
.teaser.cmp-teaser--float-one-right .cmp-teaser .cmp-teaser__content{
    inset: 50% 0 auto auto;
}

.teaser .cmp-teaser .cmp-teaser__image {
    max-width: 800px;
}
.teaser .cmp-teaser .cmp-teaser__image .cmp-image{
    width: 100%;
    max-height: 450px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.teaser .cmp-teaser .cmp-teaser__image .cmp-image img{
    width: 100%;
    object-fit: contain;
}
.teaser.cmp-teaser--float-one-left .cmp-teaser {
    justify-content: flex-end;
}
.teaser.cmp-teaser--float-one-left .cmp-teaser .cmp-teaser__content{
    inset: 50% auto auto 0;
}
/* 卡片列表 ---- 管理层致辞 end */

.cmp-container-left{
    width: 100%;
    display: inline-flex;
    justify-content: left;
}
.cmp-container-right{
    width: 100%;
    display: inline-flex;
    justify-content: right;
}

/* 首页横图 start */
.cmp-banner-image {
    margin-bottom: 70px;
    position: relative;
}
.cmp-banner-image .cmp-image{
    max-height: fit-content;
    max-width: calc(100% - ((100% - 1275px) / 2));
    overflow: hidden;
}
.cmp-banner-image .cmp-image.cmp-image__full-width{
    max-width: 100%;
}
.cmp-banner-image .cmp-image.cmp-image__full-width img{
    width: 100%;
}
.cmp-banner-image .cmp-image img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.cmp-banner-image.top .cmp-image{
    height: 400px;
}

.cmp-banner-image .cmp-container{
    max-width: 1306px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 6%;
    left: calc((100% - 1275px) / 4);
    z-index: 1;
}
.cmp-banner-image.top .cmp-container{
    width: 100%;
    justify-content: center;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 4%;
}   
.cmp-banner-image .cmp-container h2{
    color: #fff;
    margin-bottom: 0;
    font-size: 6rem;
    font-weight: normal;
}
.cmp-banner-image.top .cmp-container h2{
    margin-bottom: 1.5rem;
    font-size: var(--title-h2-fz);
    font-weight: bold;
    padding-inline: 1.5rem;
}
@media screen and (max-width: 1326px) {
    .cmp-banner-image .cmp-container{
        left: 5%;
    }
    .cmp-banner-image .cmp-container h2{
        font-size: 4rem;
    }
}

@media screen and (max-width: 994px) {
    .cmp-banner-image.top .cmp-image {
        height: 300px;
    }
    .cmp-banner-image .cmp-container h2{
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .cmp-banner-image .cmp-container h2{
        font-size: 1.5rem;
    }
}
/* 首页横图 end */


.cmp-accordion .cmp-accordion__item{
    margin-top: 12px;
}

.cmp-accordion .cmp-accordion__item .cmp-accordion__header{
    background-color: #f4f4f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid transparent;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header:hover{
    background-color: #d9d9d9;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header:hover .cmp-accordion__icon{
    background-color: #c00;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header.active{
    border: 2px solid #0c0c0c;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header.cmp-accordion__button--expanded{
    background-color: #4d4d4d;
    border-radius: 4px 4px 0 0;
    border: 2px solid #0c0c0c;
    border-bottom: none;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header.cmp-accordion__button--expanded span{
    color: #fff;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('/sustainability/image/icon/icon_plus.svg');
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-size: 55%;
    background-position: center;
    background-color: #0c0c0c;
    border-radius: 4px;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__icon:hover{
    background-color: #0c0c0c;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__icon.is-open {
    background-image: url('/sustainability/image/icon/icon_minus.svg');
    background-color: #fff;
    background-size: 55% 100%;
}
.cmp-accordion .cmp-accordion__item .cmp-accordion__panel {
    border: 1px solid #4d4d4d;   
    padding: 16px;
    display: none;
    border-radius: 0 0 4px 4px;
}
.cmp-accordion .cmp-accordion__item .color-red{
    color: #c00;
}
.cmp-accordion .cmp-accordion__item .color-red *{
    color: #c00;
}
.cmp-accordion .cmp-accordion__item .banner-heading{
    font-size: 48px;
    font-weight: bold;
}
.cmp-accordion .cmp-accordion__item h5{
    font-size: 1.5rem;
}
.cmp-accordion .button{
    margin-block: 1.5rem 0;
}

/* 列表 */
.cmp-list{
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.cmp-list.cmp-grid2 .cmp-list__item{
    width: calc((100% - 1.5rem) / 2);
}
.cmp-list.cmp-grid3 .cmp-list__item{
    width: calc((100% - 3rem) / 3);
}
.cmp-list.cmp-grid4 .cmp-list__item{
    width: calc((100% - 4.5rem) / 4);
}
.cmp-list.cmp-grid4 .cmp-list__item picture{
    border-radius: 8px;
    overflow: hidden;
}
.cmp-list .cmp-list__item>a{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.cmp-list .cmp-list__item>a picture{
    display: flex;
    align-items: center;
    aspect-ratio: 3/2;
}
.cmp-list .cmp-list__item>a picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all;
}
.cmp-list .cmp-list__item>a .cmp-list-text{
    text-align: center;
}
.cmp-list .cmp-list__item>a .cmp-list-text span{
    font-size: 1.75rem;
    font-weight: bold;
}
.cmp-list .cmp-list__item>a .cmp-list-text span:hover{
    color: #c00;
    text-decoration: underline;
}
.cmp-list .cmp-list__item>a .cmp-list-links{
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 10px;
}
.cmp-list .cmp-list__item>a .cmp-list-links::after{
    content: "\e900";
    font-family: icomoon !important;
    width: 23px;
    height: 23px;
    aspect-ratio: 1;
    display: block;
    border-radius: 5px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background-color: #000;
}
.cmp-list .cmp-list__item>a:hover .cmp-list-links span{
    color: #c00;
}
.cmp-list .cmp-list__item>a:hover .cmp-list-links::after{
    color: #fff;
    background-color: #c00;
}
.cmp-customize-image .cmp-list__item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cmp-customize-image picture{
    max-width: 220px;
}
.cmp-customize-image .cmp-list__item .cmp-customize-bg{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.cmp-customize-image .cmp-list__item .cmp-customize-bg h4,
.cmp-customize-image .cmp-list__item .cmp-customize-bg h5,
.cmp-customize-image .cmp-list__item .cmp-customize-bg p{
    color: #fff;
    text-align: center;
} 
.cmp-customize-image .cmp-list__item .cmp-customize-bg.cmp-netzero{
    background-image: url('/sustainability/image/environment/bg_netzero.png');
}
.cmp-customize-image .cmp-list__item .cmp-customize-bg.cmp-ce{
    background-image: url('/sustainability/image/environment/bg_ce.png');
}
.cmp-customize-image .cmp-list__item .cmp-customize-bg.cmp-ne{
    background-image: url('/sustainability/image/environment/bg_ne.png');
}

@media screen and (max-width: 994px) {
    .cmp-list{
        flex-direction: column;
    }
    .cmp-reverse{
        order: -1;
    }
    .cmp-list.cmp-grid2 .cmp-list__item,
    .cmp-list.cmp-grid3 .cmp-list__item{
        flex: 1;
        width: auto;
    }
    .cmp-list.cmp-grid4 {
        flex-direction: row;
    }
    .cmp-list.cmp-grid4 .cmp-list__item{
        width: calc((100% - 1.5rem) / 2);
    }
    .cmp-columns-container{
        flex-direction: column;
    }
    .teaser {
        padding-bottom: 205px;
    }
    .teaser:last-child{
        margin-bottom: 0;
        padding-bottom: 175px;
    }
    .teaser .cmp-teaser .cmp-teaser__image{
        max-width: none;
        width: 100%;
    }
    .teaser .cmp-teaser .cmp-teaser__image .cmp-image{
        max-height: 430px;
        overflow: hidden;
        border-radius: 6px;
        align-items: flex-start;
        aspect-ratio: unset;
    }
    .teaser .cmp-teaser .cmp-teaser__content{
        transform: translate(-50%,-35%);
    }
     .teaser.cmp-teaser--float-one-left .cmp-teaser .cmp-teaser__content,
    .teaser.cmp-teaser--float-one-right .cmp-teaser .cmp-teaser__content{
        inset: 100% auto auto 50%;
    }

}

@media screen and (max-width: 767px) {
    .cmp-list.cmp-grid4 {
        flex-direction: column;
    }
    .cmp-list.cmp-grid4 .cmp-list__item{
        width: 100%;
    }
    .teaser,
    .teaser:last-child{
        padding-bottom: 0;
    }
    .teaser .cmp-teaser{
        flex-direction: column;
    }
    .teaser .cmp-teaser .cmp-teaser__content{
        inset: unset;
        transform: none;
        order: 1;
        position: unset;
        max-width: none;
    }
    .teaser .cmp-teaser .cmp-teaser__image .cmp-image{
        border-radius: unset;
    }
    .teaser .cmp-teaser .cmp-teaser__content{
        border: none;
        border-radius: unset;
    }
}

/* table切换 */
.cmp-tabs {
    width: 100%;
}
.cmp-tabs .cmp-tabs__dropdown{
    background-color: hsl(0, 0%, 85%);
    border-radius: 4px;
    overflow: hidden;
}
.cmp-tabs .cmp-tabs__dropdown .cmp-tabs__tablist{
    display: flex;
}
.cmp-tabs .cmp-tabs__dropdown .cmp-tabs__tablist .cmp-tabs__tab{
    width: calc(100% / 3);
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.cmp-tabs .cmp-tabs__dropdown .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active {
    background-color: #c00;
    color: #fff;
}
.cmp-tabs .cmp-tabs__tabpanel {
    padding-top: 20px;
    display: none;
    margin-bottom: 50px;
}
.cmp-tabs .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active {
    display: block;
}
.cmp-tabs .cmp-tabs__tabpanel .cmp-columns-container .cmp-tabs-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.cmp-tabs .cmp-tabs__tabpanel .cmp-columns-container .cmp-tabs-image picture{
    display: flex;
    align-items: center;
}
.cmp-tabs .cmp-tabs__tabpanel .cmp-columns-container .cmp-tabs-text picture img{
    width: auto;
}

/* swiper */
.cmp-stats {
    overflow: hidden;
}
.cmp-stats .swiper-wrapper {
    margin-bottom: 30px;
}
.cmp-stats .swiper-wrapper .swiper-slide {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.cmp-stats .swiper-wrapper .swiper-slide picture {
    display: flex;
    align-items: center;
}
.cmp-stats .swiper-wrapper .swiper-slide .swiper-slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
}
.cmp-stats .swiper-wrapper .swiper-slide .swiper-slide__content .cmp-stats__title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
}
.cmp-stats .swiper-wrapper .swiper-slide .swiper-slide__content .cmp-stats__desc {
    font-size: 1.5rem;
    color: #fff;
}
.cmp-stats .swiper-wrapper .swiper-slide .swiper-slide__content .cmp-stats__desc.cmp-stats__annotation{
    margin-top: 15px;
}
.cmp-stats .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 65px;
}
.cmp-stats .swiper-controls .swiper-button-next,
.cmp-stats .swiper-controls .swiper-button-prev {
    position: static;
    color: #000;
    width: 30px;
    height: 30px;
    background-color: #f4f4f4;
    transition: background-color 0.3s;
    margin-top: 0;
    border-radius: 5px;
}
.cmp-stats .swiper-controls .swiper-button-next:hover,
.cmp-stats .swiper-controls .swiper-button-prev:hover {
    background-color: #c00;
    color: #fff;
}

.cmp-stats .swiper-controls .swiper-button-next:hover:after,
.cmp-stats .swiper-controls .swiper-button-prev:hover::after{
    color: #fff;
}

.cmp-stats .swiper-controls .swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}
.cmp-stats .swiper-controls .swiper-pagination-fraction {
    width: auto;
    left: auto;
    bottom: auto;
    right: auto;
    top: auto;
    text-align: center;
    font-size: 14px;
    color: #000;
}


@media screen and (max-width: 994px) {
    .cmp-stats .swiper-wrapper .swiper-slide .swiper-slide__content{
        position: unset;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    
}

h2.cmp-text-decline{
    border-bottom: 5px solid #d9d9d9;
    line-height: 1.8;
    position: relative;
    margin-bottom: 32px;
}

h2.cmp-text-decline::after{
    content: '';
    width: 30%;
    height: 5px;
    background-color: #c00;
    position: absolute;
    left: 0;
    bottom: -5px;
}




/* 表格 */
.cmp-embed table thead tr th{
    background-color: #f2f2f2;
    padding: 10px;
    border: none;
}
.cmp-embed table thead tr th:nth-child(1){
    width: 50%;
}
.cmp-embed table thead tr th:nth-child(2),
.cmp-embed table thead tr th:nth-child(3){
    width: 25%;
}
.cmp-embed table thead tr th:last-of-type{
    text-align: right;
}
.cmp-embed table tbody tr td{
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}
.cmp-embed table tbody tr td:first-of-type{
    font-weight: bold;
}
.cmp-embed table tbody tr td a,
.cmp-embed table tbody tr td a sup{
    color: #c00;
}
.cmp-embed table tbody tr td:last-of-type{
    text-align: right;
}
.cmp-text__table-wrapper{
  overflow-x: auto;
}
.cmp-text__table-wrapper table thead tr th{
    background-color: #4d4d4d;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
}
.cmp-text__table-wrapper table thead tr th:first-of-type{
    border-right: 1px solid #b3b3b3;
}
.cmp-text__table-wrapper table tbody tr td{
    border: 0.5px solid #b3b3b3;
}
.cmp-text__table-wrapper table thead tr th,
.cmp-text__table-wrapper table tbody tr td{
    padding: 10px;
    vertical-align: middle;
}
.cmp-text__table-wrapper table tbody tr td:first-of-type{
    background-color: #f4f4f4;
    width: 30%;
    line-height: 1.5rem;
}

.cmp-text__table-wrapper table tbody tr td:nth-child(2){
    width: 50%;
}
.cmp-text__table-wrapper table tbody tr td:last-of-type{
    width: 20%;
}

.cmp-text__table-wrapper table tbody tr td .cmp-image img{
    width: 308px;
    height: 176px;
}