/* CSS Document */

#sustainability-report .report-wrap section .border_h3 span {
    display: inline;
    position: relative;
    border-bottom: solid 3px #379e49;
}

#sustainability-report .report-wrap .caption{
    font-family: 'UniqloProRegular','Noto Sans TC', serif;
}

#wrapper .container .mainContents{
    font-family: 'UniqloProRegular','Noto Sans TC', serif;
}

#wrapper .container .mainContents sup{
    display: inline-block;
    padding: 0 8px;
}

#sustainability-report .report-wrap .title_01 {
    color: #379e49;
    font-family: 'UniqloProRegular','Noto Sans TC', serif;
    font-weight: 600;
}

#sustainability-report .report-wrap .lead{
    font-family: 'UniqloProRegular','Noto Sans TC', serif;
    font-weight: 600;
}

#sustainability-report .report-wrap .h3 {
    color: #379e49;
    line-height: 1.2;
}

#sustainability-report .report-wrap .img_wrap .img_mw {
    width: 100%;
}

#sustainability-report .report-wrap .question_block {
    margin-top: 16px;
}

#sustainability-report .question_block .list_item {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 8px;
    text-indent: -1.3rem;
    margin-left: 1.3rem;
}

#sustainability-report .contents_wrap .tag {
    font-size: 11px;
    font-weight: bold;
    color: #379e49;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-top: 6px;
}

#sustainability-report .contents_wrap .col_wrap {
    margin-top: 16px;
}

#sustainability-report .contents_wrap .col_block .img_person {
    max-width: 24%;
    margin-top: 8px;
}

#sustainability-report .contents_wrap .col_block .img_person img {
    width: 100%;
}

#sustainability-report .contents_wrap .col_wrap .col_block .col_text {
    color: #000000;
    font-size: 11px;
    margin-top: 16px;
    text-align: justify;
    line-height: 1.7;
    letter-spacing: 0.13em;
    font-family: 'UniqloProRegular','Noto Sans TC', serif;
}
#sustainability-report .title_h1 sup.colon{
    display: inline-block;
    padding: 0 8px;
}

@media (min-width: 768px) {
    #sustainability-report .report-wrap .question_block {
        margin-top: 24px;
    }

    #sustainability-report .report-wrap .question_block .list_item  {
        font-size: 20px;
    }

    #sustainability-report .contents_wrap .tag {
        font-size: 20px;
        margin-top: 12px;
    }

    #sustainability-report .contents_wrap .col_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    #sustainability-report .contents_wrap .col_wrap .col_block {
        width: 50%;
    }

    #sustainability-report .contents_wrap .col_block:nth-of-type(1) {
        padding-right: 30px;
    }

    #sustainability-report .contents_wrap .col_block:nth-of-type(2) {
        padding-top: 8.6rem;
        padding-left: 30px;
    }

    #sustainability-report .contents_wrap .col_block .img_person {
        margin-top: 8px;
        max-width: 101px;
    }

    #sustainability-report .contents_wrap .col_wrap .col_block .col_text {
        font-size: 16px;
        margin-top: 24px;
    }
}

@media (max-width: 767px) {

    #sustainability-report .question_block .list_item {
        line-height: 1.5;
    }
    #sustainability-report .report-wrap section .cover_img img {
        width: 100%;
    }

    #sustainability-report .report-wrap section::before {
        height: 2px;
        width: 91%;
    }

    #sustainability-report .report-wrap .img_wrap {
        margin-top: 24px;
    }

    #sustainability-report .contents_wrap .col_block .img_person{
        margin-top: 16px;
    }

}