@font-face {
    font-family: YuGothicM;
    font-weight: normal;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
}

@font-face {
    font-family: YuGothicM;
    font-weight: bold;
    src: local("YuGothic-Bold"), local("Yu Gothic Bold")
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes AnimatedLinearGradient {
    0% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }

    50% {
        background-position: 100% 50%;
        background-size: 400% 400%
    }

    100% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }
}

@keyframes AnimatedLinearGradient {
    0% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }

    50% {
        background-position: 100% 50%;
        background-size: 400% 400%
    }

    100% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }
}

@-webkit-keyframes text_animation1 {
    0% {
        letter-spacing: -.7em
    }

    100% {
        letter-spacing: 0
    }
}

@keyframes text_animation1 {
    0% {
        letter-spacing: -.7em
    }

    100% {
        letter-spacing: 0
    }
}

@font-face {
    font-family: YuGothicM;
    font-weight: normal;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
}

@font-face {
    font-family: YuGothicM;
    font-weight: bold;
    src: local("YuGothic-Bold"), local("Yu Gothic Bold")
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes AnimatedLinearGradient {
    0% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }

    50% {
        background-position: 100% 50%;
        background-size: 400% 400%
    }

    100% {
        background-position: 0% 50%;
        background-size: 100% 200%
    }
}

@keyframes text_animation1 {
    0% {
        letter-spacing: -.7em
    }

    100% {
        letter-spacing: 0
    }
}

.csr.categoryTop .hero-main {
    margin-bottom: 90px;
    background-image: url(/img/csr/index_hero_2024_top_pc.jpg)
}

@media (max-width: 767px) {
    .csr.categoryTop .hero-main {
        margin-bottom: 45px;
        background-image: url(/img/csr/index_hero_2024_top_sp.jpg);
        background-position: 0 0
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(2) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(3) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(4) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(5) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(6) {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(7) {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(8) {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(9) {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(10) {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(11) {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(12) {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(13) {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(14) {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(15) {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(2) {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(4) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(6) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(8) {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(10) {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(12) {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(14) {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .csr.categoryTop .c-feature-01>li:nth-of-type(16) {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }
}

.csr.categoryTop .c-feature-01>li>div {
    padding-bottom: 73.5%
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li>div {
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li>div>div {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.csr.categoryTop .c-feature-01>li:nth-of-type(1)>div {
    background-image: url("/img/csr/index_bg_feature_01_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(2)>div {
    background-image: url("/img/csr/index_bg_feature_02_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(3)>div {
    background-image: url("/img/csr/index_bg_feature_03_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(4)>div {
    background-image: url("/img/csr/index_bg_feature_04_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(5)>div {
    background-image: url("/img/csr/index_bg_feature_05_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(6)>div {
    background-image: url("/img/csr/index_bg_feature_06_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(7)>div {
    background-image: url("/img/csr/index_bg_feature_07_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(8)>div {
    background-image: url("/img/csr/index_bg_feature_08_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(9)>div {
    background-image: url("/img/csr/index_bg_feature_09_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(10)>div {
    background-image: url("/img/csr/index_bg_feature_010_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(10)>div {
    background-image: url("/img/csr/index_bg_feature_10_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(11)>div {
    background-image: url("/img/csr/index_bg_feature_011_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(11)>div {
    background-image: url("/img/csr/index_bg_feature_11_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(12)>div {
    background-image: url("/img/csr/index_bg_feature_012_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(12)>div {
    background-image: url("/img/csr/index_bg_feature_12_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(13)>div {
    background-image: url("/img/csr/index_bg_feature_013_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(13)>div {
    background-image: url("/img/csr/index_bg_feature_13_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(14)>div {
    background-image: url("/img/csr/index_bg_feature_014_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(14)>div {
    background-image: url("/img/csr/index_bg_feature_14_pc.jpg")
}

.csr.categoryTop .c-feature-01>li:nth-of-type(15)>div {
    background-image: url(/img/csr/index_bg_feature_15_pc.jpg)
}

.csr.categoryTop .c-feature-01>li:nth-of-type(16)>div {
    background-image: url(/img/csr/index_bg_feature_16_pc.jpg)
}

html[lang=ja] .csr.categoryTop .c-feature-01>li:nth-of-type(1)>div {
    background-image: url("/img/csr/index_bg_feature_2018_01_pc.jpg")
}

html[lang=ja] .csr.categoryTop .c-feature-01>li:nth-of-type(2)>div {
    background-image: url("/img/csr/index_bg_feature_2018_02_pc.jpg")
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.image>div>div {
        padding-bottom: 64%
    }
}

.csr.categoryTop .c-feature-01>li.detail:nth-of-type(1) .text:nth-of-type(2) {
    margin-top: 5px;
    text-align: right
}

.csr.categoryTop .c-feature-01>li.detail:nth-of-type(1) .text:nth-of-type(2) span {
    display: inline-block;
    margin-left: 15px;
    font-size: 26px;
    font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: bold
}

@media (min-width: 768px) and (max-width: 1230px) {
    .csr.categoryTop .c-feature-01>li.detail:nth-of-type(1) .text:nth-of-type(2) span {
        font-size: 2.1875vw
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail:nth-of-type(1) .text:nth-of-type(2) span {
        margin-left: 10px;
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail>div>div {
        background-image: url("/img/csr/index_bg_feature_13_pc.jpg")
    }
}

.csr.categoryTop .c-feature-01>li.detail.right>div>div {
    padding-left: 8.45%;
    padding-right: 8.45%
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail.right>div>div {
        padding-left: 20px;
        padding-right: 20px
    }
}

.csr.categoryTop .c-feature-01>li.detail.left>div>div {
    padding-left: 8.45%;
    padding-right: 8.45%
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail.left>div>div {
        padding-left: 20px;
        padding-right: 20px
    }
}

.csr.categoryTop .c-feature-01>li.detail .title {
    color: #fff;
    font-size: 36px
}

@media (min-width: 768px) and (max-width: 1230px) {
    .csr.categoryTop .c-feature-01>li.detail .title {
        font-size: 2.8125vw
    }
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail .title {
        font-size: 25px
    }
}

.csr.categoryTop .c-feature-01>li.detail .title>span {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail .title>span {
        font-size: 12px
    }
}

.csr.categoryTop .c-feature-01>li.detail .text {
    color: #fff;
    font-weight: normal
}

.csr.categoryTop .c-feature-01>li.detail [class^="c-btn"] {
    margin-top: 35px
}

@media (max-width: 767px) {
    .csr.categoryTop .c-feature-01>li.detail [class^="c-btn"] {
        margin-top: 25px;
        font-size: 16px
    }
}

@media (min-width: 768px) and (max-width: 1230px) {
    .csr.categoryTop .c-feature-01>li.detail [class^="c-btn"]>a {
        padding: 1.25vw;
        font-size: 1.5625vw
    }
}

.csr.categoryTop .c-list-news .list {
    margin-top: 55px
}

.csr.categoryTop .c-plug-wrap {
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .csr.categoryTop .c-plug-wrap {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.csr .hero-main .title {
    color: #fff;
    text-shadow: 0 0 10px #000
}

.csr[class*="before"] .c-list-news .list {
    margin-top: 0
}

.csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 {
    max-width: 100%
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image {
        padding-bottom: 0
    }
}

.csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image>a+.title {
    margin-top: 30px
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image figure {
        max-width: 48%
    }
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image .title {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image .button {
        overflow: hidden;
        text-align: center
    }
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid>.col-4 .image .button>span {
        width: 100%
    }
}

.csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04 {
    max-width: 236px;
    margin-left: 0
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04 {
        overflow: hidden;
        margin: 20px auto 0;
    }
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04::before {
        width: 15px;
        height: 10px
    }
}

.csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04::after {
    top: -8px;
    width: 10px;
    height: 10px
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04::after {
        top: -5px;
        right: -3px;
        width: 7px;
        height: 7px
    }
}

.csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04>a {
    font-size: 16px;
    background-color: #333
}

@media (max-width: 767px) {
    .csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04>a {
        font-size: 16px
    }
}

.csr:not(.categoryTop) .c-data-02 .c-grid .c-btn-04>a:hover {
    opacity: 1;
    background-color: #666
}

.csr:not(.categoryTop) .c-grid>[class^="col"] .image {
    padding-bottom: 62.6%
}

@media (max-width: 767px) {
    .csr.csrmessage .c-image+.ttl-02 {
        font-size: 1.9rem
    }
}

.csr.next_generation_cheering .img-banner::after {
    display: block;
    clear: both;
    content: ""
}

.csr.next_generation_cheering .img-banner>a {
    display: block;
    float: left;
    width: 50%
}

@media (max-width: 767px) {
    .csr.next_generation_cheering .img-banner>a {
        float: none;
        width: 100%
    }

    .csr.next_generation_cheering .img-banner>a>img {
        width: 100%
    }
}

.csr.next_generation_cheering .c-card-06-modal .c-grid>li {
    margin-bottom: 0
}

.csr.next_generation_cheering .c-card-06-modal .c-grid a:after {
    display: none
}

.csr.environment .c-btn-search>a::before {
    content: normal
}

.csr.environment .list-info-01::after {
    display: block;
    clear: both;
    content: ""
}

.csr.environment .list-info-01 dt,
.csr.environment .list-info-01 dd {
    margin-bottom: 5px
}

.csr.environment .list-info-01 dt {
    clear: left;
    float: left;
    margin-right: 0.5em;
    width: 56px
}

html[lang=en] .csr.environment .list-info-01 dt {
    width: 80px
}

.csr.environment .list-info-01 dd {
    overflow: hidden
}

.csr.management_of_chemical .c-list-01>li {
    padding-left: 1em
}

@media (max-width: 767px) {
    .csr.management_of_chemical .c-list-01>li {
        padding-left: 1.0em;
        text-indent: -0.5em
    }

    .csr.management_of_chemical .c-list-01>li:before {
        margin-right: 2px
    }
}

.csr.report .back-number .c-grid>li .fileInfo {
    display: block
}

.csr [id^="attachment_"] {
    width: 100% !important
}

@media (max-width: 1160px) {
    .margin-top-pc-50 {
        margin-top: 50px !important
    }
}

@media (min-width: 768px) {
    .margin-top-pc-50 {
        margin-top: 50px !important
    }
}

@media (max-width: 1160px) {
    .margin-bottom-pc-10 {
        margin-bottom: 10px !important
    }
}

@media (min-width: 768px) {
    .margin-bottom-pc-10 {
        margin-bottom: 10px !important
    }
}

@media (max-width: 1160px) {
    .padding-top-pc-50 {
        padding-top: 50px !important
    }
}

@media (min-width: 768px) {
    .padding-top-pc-50 {
        padding-top: 50px !important
    }
}

.c-ico-target-window::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/img/common/icon/ico_target_02.svg) no-repeat center center;
    background-size: 13px 13px;
    margin-left: 5px
}

.csr [class^="c-card"] .c-grid [class^="col"] .detail {
    position: relative;
    padding: 0 15px 12px 0
}

.csr [class^="c-card"] .c-grid [class^="col"] .detail .title {
    font-size: 14px
}

.c-modal-01 {
    max-width: 80%
}

.mfp-container {
    padding-left: 70px;
    padding-right: 70px
}

html[lang=en] .lower.csr.safety [class^="c-card"] .c-grid [class^="col"] .detail .title {
    width: 135px;
    text-align: center
}

@media (max-width: 767px) {
    html[lang=en] .lower.csr.safety [class^="c-card"] .c-grid [class^="col"] .detail .title {
        width: calc(50vw - 50px)
    }
}
.climate .csr_table{
    /* border: solid 1px #666; */
    border-collapse: collapse;
    margin-top: 40px;
}
.climate .csr_table-long{
    /* border: solid 1px #666; */
    border-collapse: collapse;
    margin-top: 40px;
}
@media(max-width:1160px){
    .climate .csr_table-long{
        width: 100%;
        min-width: 1000px;
    }
}
@media(max-width:1160px){
    .csr_table-wrap{
        overflow-x: scroll;
    }
}
.climate .csr_table_header,.climate .csr_table_inner{
    border: solid 1px #e3e3e3;
    padding: 10px 20px;
}
.climate .csr_table_header{
    background-color: #fafafa;
    text-align: center;
}
.climate .csr_table_scenario-no{
    min-width: 90px;
}
.climate .csr_table_center{
    text-align: center;
}
.csr_climate_table-small{
    margin-bottom: 40px;
    font-size: 1.4rem;
}
.csr_climate_table1_first-line{
    width: 89px;
}
@media(max-width:1160px){
    .csr_climate_table1_first-line{
        width: 89px;
    }
}
.csr_climate_table1_2nd-line{
    width: 73px;
}
.csr_climate_table1_6th-line{
    width: 380px;
}
.csr_climate-e_table1_6th-line{
    width: 310px;
}
.csr_climate_table2_first-line{
    width: 162px;
}
.csr_climate_e_table2_first-line{
    width: 237.61px;
}
.csr_climate_e_table2_4th-line{
    width: 101.14px;
}
.climate_gove_fig{
    width: 400px;
}
@media(max-width:787px){
    .climate_gove_fig{
        width: 100%;
        max-inline-size: max-content;
        margin-inline: auto;
    }
}
.climate_gove_fig img{
    width: 100%;
}

.climate .climate_flex{
    display: flex;
}
@media(max-width:1160px){
    .climate .climate_flex{
        display: inherit;
        margin-bottom: 40px;
    }
}
.climate_fig01{
    width: 50%;
    margin-left: 5%;
}
@media(max-width:787px){
    .climate_fig01{
        width: 100%;
        max-inline-size: max-content;
        margin-inline: auto;
    }
}
.climate .climate_co2::after{
    content: "2";
    font-size: 16px;
    vertical-align: -2px;
    padding-right: 4px;
}
.csr_climate_flex-wrap{
    display: flex;
    flex-wrap: wrap;
    max-width: 680px;
    gap: 20px;
    margin-top: 30px;
}
.csr_climate-e_flex-wrap{
    max-width: none;
}
.csr_climate_flex-wrap-1{
    max-width: 600px;
    gap: 0px 20px;
}
/* @media(max-width:1165px){
    .csr_climate_flex-wrap-1{
        max-width: 280px;
    }
} */
@media(max-width:787px){
    .csr_climate_flex-wrap{
        display: inherit;
    }
    .csr_climate_flex-wrap:first-child{
        max-width: 440px;
    }
}
@media(max-width:787px){
    .csr_climate_flex-wrap-2{
        display: flex;
    }
}
.csr_fig-top{
    height: 150px;
    margin-left: 10px;
}
/* @media(max-width:1165px){
    .crs_fig_top{
        max-width: ;
    }
} */
@media(max-width:787px){
    .csr_fig-top{
        margin: 0px auto;
        height: 155px;
    }
}
.csr_fig-bottom{
    width: 200px;
    justify-content: space-between;
}
@media(max-width:787px){
    .csr_fig-bottom{
        width: calc(50% - 20px);
    }
}
.csr_fig-bottom img{
    width: 100%;
}

.ccsr_climate_flex-wrap-2 figure img{
    width: 100%;
}
.csr_climate_flex-wrap-2 figcaption{
    font-size: 12px;
}
.climate .climate_p-co2::after{
    content: "2";
    font-size: 12px;
    vertical-align: -2px;
    padding-right: 4px;
}
.climate .climate_caption{
    font-size: 12px;
}
.climate .climate_width{
    min-width: 380px;
}
/*# sourceMappingURL=../../_maps/csr.css.map */

/* ==========================================================
.ttl-01_csr
========================================================== */
.ttl-01_csr {
    margin-bottom: 44px;
    padding: 0 20px;
    background: #e8e9ed;
}
.ttl-01_csr > span {
    display: block;
    position: relative;
    padding: 15px 0 15px 22px;
    font-size: 3.0rem;
    font-weight: bold;
    color: #1374c7;
    line-height: 1.4;
}
.ttl-01_csr > span:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: calc(100% - 34px);
    background: #1374c7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
@media(max-width:787px){
    .ttl-01_csr {
        margin-bottom: 22px;
    }
    .ttl-01_csr > span {
        font-size: 2.2rem;
    }
}

/* ==========================================================
.ttl-02_csr
========================================================== */
.ttl-02_csr {
    position: relative;
    margin: 40px 0;
    padding: 11px 0 10px;
    font-size: 2.6rem;
    font-weight: bold;
    color: #1374c7;
    border-bottom: 1px solid #e6e6e6;
}
.ttl-02_csr:after {
    content: "";
    display: inline-block;
    width: 44px;
    height: 1px;
    background: #1374c7;
    position: absolute;
    bottom: -1px;
    left: 0;
}
@media(max-width:787px){
    .ttl-02_csr {
        font-size: 2.0rem;
    }
}

/* ==========================================================
.c-box-content
========================================================== */
.c-box-content {
    position: relative;
    border: solid 1px #e3e3e3;
    padding: 20px;
    margin-top: 40px !important;
}
.c-box-content__list {
    margin-top: 40px;
    padding-left: 0 !important;
}
.c-box-content__list > li {
    display: flex;
    flex-direction: column;
}
.c-box-content.mt10 {
    margin-top: 10px !important;
}
/* ==========================================================
.c-image--center
========================================================== */
.c-image--center {
    text-align: center;
    margin-top: 25px;
}

.c-image-caption-top {
    margin-bottom: 15px;
}

/* ==========================================================
.c-image--left
========================================================== */
.c-image--top {
    margin-top: 25px;
}

/* ==========================================================
.csr_table_right
========================================================== */
.csr_table_right {
    text-align: right;
}

/* ==========================================================
.c-list-01--style-none
========================================================== */
.c-list-01--style-none,
.c-list-02--style-none {
    list-style: none !important;
    padding-left: 0 !important;
}

/* ==========================================================
.c-box-info
========================================================== */
.c-box-info__item {
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}
.c-box-info__item + .c-box-info__item {
    margin-top: 30px !important;
}
@media (min-width: 768px) and (max-width: 992px) {
    .c-box-info__item {
        display: grid;
        grid-template-columns: 400px 1fr;
        gap: 0 40px;
    }
    .c-box-info__item + .c-box-info__item {
        margin-top: 40px !important;
    }
}
@media (min-width: 993px) {
    .c-box-info__item {
        display: grid;
        grid-template-columns: 500px 1fr;
        gap: 0 40px;
    }
    .c-box-info__item + .c-box-info__item {
        margin-top: 40px !important;
    }
}
.c-box-info__figure {
    display: flex;
    gap: 0 10px;
}
.c-box-info__figure > figure {
    width: 50%;
}
.c-box-info__figure > figure > img {
    width: 100%;
}
.c-box-info__figure > figure > figcaption {
    text-align: center;
    padding-top: 10px;
    font-size: 1.4rem;
}
.c-box-info__figure > figure > figcaption > span {
    display: inline-block;
}
.c-box-info__content {
    margin-top: 0 !important;
    position: relative;
}

/* ==========================================================
materiality
========================================================== */
.materiality .csr_table_header {
    background-color: #0f6fc6;
    color: #FFFFFF;
}

/* ==========================================================
.p-csr-table-logo
========================================================== */
.p-csr-table-logo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 5px;
}
.p-csr-table-logo__item {
    width: 34px;
}

/* ==========================================================
social
========================================================== */
.climate .csr_table .csr_table_inner > span,
.climate .csr_table .csr_table_header > span,
.climate .csr_table .csr_table_inner > div > span,
.climate .csr_table .csr_table_header > div > span {
    display: inline-block;
}

.csr_table_txt_small {
    font-size: 1.3rem;
}

@media (max-width: 787px) {
    .csr_table_txt_small {
        font-size: 1.2rem;
    }
}

/* ==========================================================
2nd directory index
========================================================== */
.csr [class^="c-card"] .c-grid.second_directory_index li{ 
    padding-bottom: 60px;
}
@media(max-width:787px){
    .csr [class^="c-card"] .c-grid.second_directory_index li{ 
        padding-bottom: 20px;
    }
}
.csr [class^="c-card"] .c-grid.second_directory_index [class^="col"] .detail .title {
    font-weight: bold;
    font-size: 20px;
}
@media(max-width:787px){
    .csr [class^="c-card"] .c-grid.second_directory_index [class^="col"] .detail .title {
        font-size: 16px;
    }
}

/* ==========================================================
governance
========================================================== */
.csr_table .csr_table_bg {
    background-color: #fafafa;
}

/* ==========================================================
.p-arrow-down
========================================================== */
.p-arrow-down {
    margin: 15px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .p-arrow-down {
        margin: 30px 0;
    }
}

/* ==========================================================
.p-table-content
========================================================== */
.p-table-content {
    position: relative;
}
.p-table-content__lead {
    display: block;
}
.p-table-content__title {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.p-table-content__row {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 0 20px;
}
.p-table-content__topic {
    position: relative;
}
.p-table-content__detail {
    position: relative;
}
.p-table-content .p-table-content__row + .p-table-content__title {
    margin-top: 30px;
}

/* ==========================================================
.csr_climate_table_note
========================================================== */
.csr_climate_table_note {
    display: flex;
    flex-direction: row;
    gap: 5px 10px;
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .csr_climate_table_note {
        font-size: 1.4rem;
    }
}
.csr_climate_table_note > span:first-child {
    min-width: 25px;
}
.csr_climate_table_note > span:last-child {
    flex: 1;
}

/* ==========================================================
.csr_climate_table_note_small
========================================================== */
.csr_climate_table_note_small {
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .csr_climate_table_note_small {
        font-size: 1.4rem;
    }
}

/* ==========================================================
figcaption
========================================================== */
.p-figcaption-bold {
    font-size: 1.6rem !important;
    font-weight: bold;
}

.p-figcaption-left {
    text-align: left;
}

.p-figcaption-w800 {
    margin: 15px auto 10px auto;
    max-width: 800px;
}

.p-figcaption-w500 {
    margin: 15px auto 10px auto;
    max-width: 500px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

/* ==========================================================
c-ico-word--sp
========================================================== */
@media (max-width: 767px) {
    .c-ico-word--sp::after {
        width: 18px;
        height: 22px;
        background-size: 18px 22px;
    }
}

/* ==========================================================
c-link-arrow
========================================================== */
.c-link-arrow {
    position: relative;
    display: inline-block;
    padding-left: 28px;
}

.c-link-arrow::before {
    content: "";
    position: absolute;
    display: block;
    background: url(/img/common/icon/ico_arrow_05.svg) center center/contain no-repeat;
    width: 14px;
    height: 5px;
    top: 10px;
    left: 5px;
}

/* ==========================================================
c-list-06
========================================================== */
.c-list-06 {
    list-style: none !important;
    padding-left: 0 !important;
    counter-reset: list;
}

.c-list-06 > li {
    padding-left: 2.8em;
    text-indent: -2.8em;
}

.c-list-06 > li::before {
    counter-increment: list;
    content: "（" counter(list) "）";
}

/* ==========================================================
c-box-title
========================================================== */
.c-box-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .c-box-title {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px 0;
        margin-bottom: 10px;
    }
}

.c-box-title .ttl-04 > span {
    display: inline-block;
}

/* ==========================================================
p-box-list
========================================================== */
.p-box-list__in {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
    align-items: start;
}

@media (min-width: 768px) {
    .p-box-list__in {
        grid-template-columns: repeat(4, 1fr);
        gap: 0 15px;
    }
}

.p-box-list__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-box-list__figure {
    margin-top: 15px;
    flex: 1;
    display: inline-flex;
    align-items: flex-end;
}

/* ==========================================================
c-link-pdf
========================================================== */
a.c-link-pdf::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-top: -4px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/img/common/icon/ico_pdf_01.svg) no-repeat center center;
    background-size: 18px 20px;
  }

/* ==========================================================
For XJ c-link-pdf
========================================================== */
p.c-link[class^=c-link]>a {
    font-weight: normal;
}

p.c-link[class^=c-link]>a::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-top: -4px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/img/common/icon/ico_pdf_01.svg) no-repeat center center;
    background-size: 18px 20px;
    border-right: none;
    border-bottom: none;
    transform: none;
}