@charset "utf-8";
/* サイドナビ(csrnav.html)*/
.asideTop{
    overflow: hidden;
    width: 220px;
    height: 123px;
    border-top-right-radius: 12px;
}
.asideTop img {
    width: 220px;
    display: block;
    transition: 0.5s;
}
.asideTxt {
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.03em;
    margin: 0 0 8px;
    padding: 7px 0;
    text-align: center;
    font-size: 1.7rem;
    background-color: #5eae46;
}
.sitemapBtn{
    font-size: 16px;
    border-top-right-radius: 12px;
    background-color:#c4df9b;
}
.sitemapBtn a{
    display: block;
    color:#1b602d;
    padding: 10px 15px 8px 10px;
    margin-right: 5px;
    text-align: center;
    background: url(/common/img/com_ic05.png) no-repeat 100% 50%;
    background-size: 7px 12px;
    font-weight: bold;
}
/* サスティナビリティ詳細ページ */
#globalContents img{
    max-width: 100%;
}
.csrContents .heading02{
    margin-bottom: 15px !important;
}
.environment .heading02{
    margin-bottom: 15px !important;
}
.catHead2nd > a span {
    background:none;
}
.h1Sub {
    height: 45px;
    margin-bottom: 25px;
}
.h1Sub .title {
    font-size: 22px;
    padding: 9px 50px 11px 16px;
    height: 45px;
}
.h1Sub .icon {
    height: 45px;
}
.yearColumn th{
    width:130px;
}
.pc {
    display: block !important;
    margin-top: 52px;
}
.sp {
    display: none !important;
}
.environment .notes01 > li {
    padding-left: 2em;
}
.people .notes01 > li {
    padding-left: 2em;
}
/* アコーディオン */
.csrContents li {
    list-style: none;
}
.csrContents input {
    display: none;
}
.attemptBox {
    opacity: 0;
    height: 0px;
    overflow: hidden;
    margin-top: 0px;
    transition: all 0.3s ease-out 0s;
}
.csrContents input:checked + .csrLabel + .attemptBox {
    opacity: 1;
    padding: 0 0 35px;
    height: auto;
    margin-top: 0px;
}
.csrLabel {
    display: block; 
    margin: 15px 0;
    cursor: pointer;
}
.readmore span {
    position: relative;
    padding-left: 17px;
    color: #2b9446;
}
.readmore span:hover{
    text-decoration: underline;
}
.readmore span::before{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #339933;
}
.csrContents input:checked + .csrLabel .readmore span::before {
    border-top: none;
    border-bottom: 7px solid #339933 !important;
}
/* コーポレートガバナンス */
.compliance .heading02{
    margin-bottom: 15px !important;
} 
.governance .heading02{
    margin-bottom: 15px !important;
} 
.irIndent {
    padding-left: 50px !important;
}
/*20230307 コーポレートガバナンス*/
.groupGovernanceEN .irIndent {
    padding-left: 5.2em !important;
}

/* 関連データ */
.people .section02,.animals .section02,.environment .section02 {
    margin-top: 0;
}
.relatedData .tableWrap01, .relatedData_en .tableWrap01{
    overflow-x: scroll;
}
.relatedData .table01, .relatedData_en .table01{
    width: 100%;
    border-collapse: collapse;
}

/* 人への貢献 */
.people .relatedData .table01{
    min-width: 1285px;
}
.people .yearColumn th {
    width: 138px;
}
/* どうぶつへの貢献 */
.animals .relatedData .table01{
    min-width: 950px;
}
/* 環境への貢献 */
.senryakuTable .vertical-text{
    writing-mode: vertical-rl;
}
.senryakuTable .table01 th{
    text-align: center !important;
    vertical-align: middle;
}
.environment .relatedData .table01{
    min-width: 900px;
}
.environment .csrContents .section02:nth-of-type(n+2) {
    margin-top: 40px;
}
.indicatorsTable{
    overflow-x: scroll;
    margin-bottom: 30px;
}
.indicatorsTable .table01{
    width: 100%;
    min-width: 930px;
    border-collapse: collapse;
}
.indicatorsTable .table01 .aR{
    width: 120px;
}
.tcfdDisclosure > section+section {
    margin-top: 40px;
}

/* 【英語】人への貢献 */
.people .relatedData_en .table01{
    width: 100%;
    min-width: 1360px;
    border-collapse: collapse;
}
.people .relatedData_en .yearColumn th{
    width: 146px;
}
.people .relatedData_en .table01 .lv3{
    padding: 20px 5px;
}
/* 【英語】どうぶつへの貢献 */
.animals .relatedData_en .table01{
    min-width: 1000px;
}
/* 【英語】環境への貢献 */
.environment .relatedData_en .table01{
    min-width: 1050px;
}

@media only screen and (max-width: 799px) {
    img{
        width: 100%;
        max-width:auto;
    }
    .csrContents label {
        margin: 20px 0;
    }
    .h1Sub {
        height: 38px;
        margin: 0 -15px;
    }
    .h1Sub .title {
        height: 38px;
        padding: 5px 72px 8px 20px;
    }
    .h1Sub .icon {
        height: 38px;
    }
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    /* サステナビリティトップ */
    .csrTopimg {
        margin: 0 -15px;
        text-align: center;
    }
    /* 人への貢献 */
    .people .relatedData .tableWrap01.spScrolling .table01{
        min-width: 950px;
    }
    .people .relatedData .table01 th, .table01 td{
        padding: 12px 7px;
    }
    .people .relatedData .yearColumn th{
        width: 114px;
    }
    /* どうぶつへの貢献 */
    .animals .relatedData .tableWrap01.spScrolling .table01{
        min-width: 920px;
    }
    /* 環境への貢献 */
    .environment .relatedData .tableWrap01.spScrolling .table01{
        min-width: 840px;
    }
    .indicatorsTable {
        overflow-x: auto;
    }
    /* 【英語】人への貢献 */
    .people .relatedData_en .tableWrap01.spScrolling .table01{
        min-width: 1030px;
    }
    .people .relatedData_en .table01 th, .people .relatedData_en .table01 td{
        padding: 10px 10px;
    }
    .people .relatedData_en .table01 .lv3{
        padding: 12px 7px;
    }
    .people .relatedData_en .yearColumn th{
        width: 120px;
    }
    /* 【英語】どうぶつへの貢献 */
    .animals .relatedData_en .tableWrap01.spScrolling .table01{
        min-width: 920px;
    }
    /* 【英語】環境への貢献 */
    .environment .relatedData_en .tableWrap01.spScrolling .table01{
        min-width: 990px;
    }


}