@charset "UTF-8";
/*サステナビリティ*/
sub {
 vertical-align: sub;
 font-size: 80%;
}
/* サイド */
.sdm-list-01 .sdm-list-04 > li a:before, .sdm-list-01 .sdm-list-04 a:before {
 color: #50ba83;
 content: "▶";
 display: inline-block;
 position: relative;
 background-size: 100%;
 top: 0;
 left: 0;
 margin-right: 1em;
 font-size: 70%;
 font-weight: bold;
 vertical-align: middle;
 margin-left: 0.65em;
}
.sdm-ttl-01 {
 background: url(/environment/images/common/ico_earth.svg) 15px center no-repeat, #1eace5;
 background-size: 25px;
 padding-left: 48px;
}
.sdm-ttl-01:after {
 content: "▶";
 color: #fff;
 display: inline-block;
 position: absolute;
 top: 22px;
 right: 5px;
 margin-right: 1em;
 font-size: 65%;
 font-weight: bold;
 vertical-align: middle;
 margin-left: 0.65em;
}
.sdm-list-03 > li a:before {
 content: "▶";
 font-size: 70%;
}
.sdm-list-01 #js-smbnv-03 .sdm-ttl-02 {
 background: url(/environment/images/common/ico_env.svg) 10px center no-repeat, #ffffff;
 background-size: 20px;
 padding-left: 40px;
}
.sdm-list-01 #js-smbnv-04 .sdm-ttl-02 {
 background: url(/environment/images/common/ico_society.svg) 10px center no-repeat, #ffffff;
 background-size: 20px;
 padding-left: 40px;
}
.sdm-list-01 #js-smbnv-05 .sdm-ttl-02 {
 background: url(/environment/images/common/ico_governance.svg) 10px center no-repeat, #ffffff;
 background-size: 20px;
 padding-left: 40px;
}
.sdm-list-01 #js-smbnv-03.hglb02nv-current a, .sdm-list-01 #js-smbnv-04.hglb02nv-current a, .sdm-list-01 #js-smbnv-05.hglb02nv-current a {
 background-color: #fafafa;
}
.sdm-list-01 .sdm-ttl-02:before {
 content: none;
}
.sdm-list-01 > li .sdm-list-03 > .sdm-li-child a {
 padding-left: 62px;
}
.sdm-list-03 > .sdm-li-child a::before {
 content: "ー";
}
.ttl-01-01 {
 font-size: 228.6%;
 text-align: center;
 color: #717171;
 margin-bottom: 24px;
}
.txt-right {
 text-align: right;
}
.img-01 {
 margin: 40px auto 20px;
}
.img-02 {
 width: 240px;
 margin-left: 40px;
}
#WORK_SAFETY .img-02 {
 width: 320px;
 margin-left: 32px;
}
#WORK_SAFETY .img-01 {
 width: 360px;
 margin: 40px 0 20px;
}
.img-03 {
 width: 600px;
 margin: 40px auto 20px;
}
.pc-mode01 {
 display: block;
}
.sp-mode01 {
 display: none;
}
.img-cap {
 display: block;
 margin: 10px 0;
}
.rightimg_wrap {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.rightimg_wrap .txt-wrap {
 width: 500px;
}
.rightimg_wrap .btn-01-wrap {
 margin: 40px 0 0;
}
.s_list-01 {
 list-style: disc;
 list-style-position: outside;
 padding-left: 40px;
}
.s_list-01 li {
 font-size: 1.286em;
 line-height: 1.75;
 margin-bottom: 2em;
}
.s_list-01 li::marker {
 color: #d2d2d2;
}
.btn-01-wrap {
 width: 352px;
 margin: 40px auto 0;
}
.btn-01-wrap.left-btn {
 margin: 0.75em 0 0 0;
}
.list-num-01 {
 padding: 0 0 0 1.9em;
 margin: 0;
}
.list-num-01 li {
 list-style-type: none;
 list-style-position: outside;
 counter-increment: cnt;
 text-indent: -1.75em;
}
.list-num-01 li:before {
 display: marker;
 content: "("counter(cnt) ") ";
}
#S_SYSTEM .head2 {
 margin-top: 56px;
}
/* ------------------------------------------------------------

	index style

------------------------------------------------------------ */
.csr-idx .clm {
 margin-bottom: 140px;
}
.csr-idx .txt-01 {
 margin-bottom: 40px;
 font-size: 185%;
}
.csr-idx .clm-01 {
 text-align: center;
}
.csr-idx .clm-01 .icon-01 {
 width: 50px;
 height: 50px;
 margin-right: 20px;
}
.csr-idx .clm-01 .head2 {
 font-size: 271.5%;
 display: flex;
 justify-content: center;
 align-items: center;
}
.csr-idx .clm-01 .btn-clm ul {
 justify-content: center;
}
/* .csr-idx .clm-05 .btn-clm ul{
    justify-content: flex-start;
} */
.csr-idx .btn-clm {
 margin: 0 auto;
 width: 980px;
}
.csr-idx .btn-clm ul {
 display: flex;
 justify-content: left;
 flex-flow: wrap;
}
.csr-idx .btn-clm .btn {
 width: 300px;
 margin: 0 10px 20px;
}
.csr-idx .btn-clm .btn a {
 padding: 11px 0 10px;
}
.csr-idx .btn-clm .btn-01 {
 margin: 0 10px 20px;
}
.csr-idx .btn-clm .btn-01-01 a {
 font-size: 100%;
}
.csr-idx .clm-02 .sub-ttl-wrap {
 border-bottom: 2px solid #d5d5d5;
 padding: 0 5px 8px;
 margin-bottom: 28px;
}
.csr-idx .clm-02 .sub-ttl-wrap h2 {
 font-size: 150%;
 float: left;
}
.csr-idx .clm-02 .sub-ttl-wrap .txt-lnk1 {
 float: right;
 margin-top: 10px;
 margin-right: 4px;
}
.csr-idx .clm-02 .sub-clm {
 padding: 0 10px;
}
.csr-idx .clm-02 .dl-list-01 dt {
 float: left;
 width: 8.5em;
}
.csr-idx .clm-02 .dl-list-01 dd {
 padding: 0 0 1.25em 142px;
}
.csr-idx .clm-02 .dl-list-01 dd a {
 color: #037eaf;
}
.csr-idx .clm .head2-01 {
 margin-bottom: 60px;
}
.csr-idx .clm .icon-02 {}
.csr-idx .clm-03 {
 background: url(/environment/images/top_img02.png)no-repeat bottom right;
 padding-bottom: 170px;
 margin-bottom: 80px;
}
.csr-idx .clm-04 {
 background: url(/environment/images/top_img04.png)no-repeat bottom center;
 padding-bottom: 90px;
 margin-bottom: 200px;
}
.csr-idx .clm-05 {
 background: url(/environment/images/top_img06.png)no-repeat bottom right;
 padding-bottom: 144px;
 margin-bottom: 0;
}
.csr-idx .btn-clm .btn-01 a.external-link {
 background: url(/common/imgs/icon_tab1.png) 16px center no-repeat #1eace5;
 background-size: 15px auto;
}
#ENV_ACT .btn-clm ul {
 display: flex;
 justify-content: left;
 flex-flow: wrap;
 margin-top: 40px;
}
#ENV_ACT .btn-clm ul .btn {
 width: 300px;
 margin: 0 10px 20px;
}
/* ------------------------------------------------------------

	policy style

------------------------------------------------------------ */
#POLICY .head4 + p, #POLICY .head4 + ul, #POLICY .head4 + ol {
 /* margin-left: 1.25em; */
}
/* ------------------------------------------------------------

	administration style

------------------------------------------------------------ */
.administration .external-link {
 background: url(/common/imgs/icon_tab2.png) no-repeat scroll right 6px / 12px auto;
 display: inline-block;
 padding-right: 20px;
}
/* ------------------------------------------------------------
	message style
------------------------------------------------------------ */
#S_MESSAGE .txt-02 {
 font-size: 130%;
}
/* ------------------------------------------------------------

	environment style

------------------------------------------------------------ */
.tb_data2 {
 width: 780px;
}
.scroll {
 overflow: auto;
}
/* ------------------------------------------------------------
	maintenance style
------------------------------------------------------------ */
/* ----------tb_data2---------- */
.maintenance .tb_data2 .cell1 {
 width: 40px;
}
.maintenance .tb_data2 .cell2 {
 text-align: left;
}
.maintenance .tb_data2 .cell3, .maintenance .tb_data2 .cell4, .maintenance .tb_data2 .cell5, .maintenance .tb_data2 .cell6 {
 width: 75px;
 text-align: right;
}
/* ------------------------------------------------------------
	situation style
------------------------------------------------------------ */
/* ----------tb_data2---------- */
.situation .tb_data2 .cell2 {
 width: 40px;
 text-align: right;
}
.situation .tb_data2 .cell3, .situation .tb_data2 .cell4, .situation .tb_data2 .cell5 {
 width: 160px;
}
#SITUATION .txt_graph02 {
 margin-bottom: 21px;
}
/* ------------------------------------------------------------
	atmosphere style
------------------------------------------------------------ */
/* ----------tb_data2---------- */
.atmosphere .tb_data2 td {
 width: 130px;
}
.atmosphere .tb_data2 td.cell1 {
 width: auto;
}
.atmosphere .tb_data2 td.cell2 {
 width: 40px;
 text-align: right;
}
/* ------------------------------------------------------------
	csr style
------------------------------------------------------------ */
/* ----------layout---------- */
.csr_grid, .csr_grid2 {
 width: 780px;
 margin-bottom: 30px;
 overflow: hidden;
}
.csr_grid3 {
 width: 780px;
 overflow: hidden;
}
.csr_grid .box1 {
 float: left;
 width: 175px;
 margin-top: 0;
}
.csr_grid .box2 {
 float: right;
 width: 585px;
}
.csr_grid2 .box1 {
 float: left;
 width: 362px;
}
.csr_grid2 .box2 {
 float: right;
 width: 362px;
}
/*
.csr_grid3 .box1,
.csr_grid3 .box2,
.csr_grid3 .box3 {
	float: left;
	width: 250px;
	padding-right: 15px;
}

.csr_grid3 .box3 {
	padding-right: 0;
}
*/
.list_csr_grid {
 margin-right: -30px;
}
.list_csr_grid .cont_box_bn {
 float: left;
 width: 250px;
 padding-right: 10px;
 margin-bottom: 30px;
}
.csr_grid a, .csr_grid2 dd a, .csr_grid3 dd a {
 color: #037eaf;
}
.csr_grid a:hover, .csr_grid2 dd a:hover, .csr_grid3 dd a:hover {
 text-decoration: underline;
}
/* ----------thumbnail---------- */
.csr_grid .thumb img {
 border: 1px solid #999999;
}
.csr .btn {
 width: 301px;
 margin-top: 0.75em;
}
/* ----------list_backnum---------- */
dl.list_backnum {
 width: 250px;
 overflow: hidden;
}
dl.list_backnum dt {
 float: left;
 width: 100px;
}
dl.list_backnum dd {
 float: right;
 width: 135px;
}
dl.list_backnum dt img {
 border: 1px solid #999999;
 vertical-align: baseline;
}
dl.list_backnum dd span {
 display: table-cell;
 vertical-align: top;
}
* html dl.list_backnum dd span {
 display: inline;
 zoom: 1;
}
* + html dl.list_backnum dd span {
 display: inline;
 zoom: 1;
}
dl.list_backnum dd span {
 width: 105px;
}
dl.list_backnum dd span.icon {
 width: 16px;
 padding-right: 5px;
}
dl.list_backnum dd span.icon img {
 vertical-align: middle;
}
dl.banner_adobe dt {
 float: left;
 width: 158px;
}
dl.banner_adobe dd {
 float: left;
 margin-left: 14px;
}
/* ----------tb_csr---------- */
.tb_csr {
 width: 585px;
 margin-bottom: 1px;
 border: 1px solid #ccc;
}
.tb_csr tr {
 border-bottom: 1px dotted #ccc;
}
.tb_csr tr:last-child {
 border-bottom: none;
 background-color: #f6f6f6;
}
.tb_csr.tb-last-none tr:last-child {
 background-color: transparent
}
.tb_csr th, .tb_csr td {
 border-left: 1px dotted #ccc;
 padding: 5px 7px;
 font-weight: normal;
 vertical-align: middle;
}
.tb_csr th {
 background-color: #EDF6FD;
 font-weight: bold;
 line-height: 1.4em;
 text-align: center;
}
.tb_csr td {
 white-space: nowrap;
 text-align: center;
}
.tb_csr th.cell_item, .tb_csr td.cell_item {
 border-left-style: none;
 white-space: normal;
 text-align: left;
}
.tb_csr .txt_sub_01 {
 padding-left: 5.5em;
}
.tb_csr .txt_sub_02 {
 padding-left: 5em;
}
.tb_csr .cell_item a {
 display: inline-block;
 background: url(../images_main/common/arrow_03.gif) no-repeat left 0.5em;
 padding-left: 11px;
}
.tb_csr td img {
 vertical-align: middle;
 margin-right: 5px;
}
/*------------------------------------------------------------
human_rights
------------------------------------------------------------*/
.hrights .ttl-04 {
 font-size: 128.57%;
 margin: 20px 0 10px 0;
}
.hrights .mt40 {
 margin-top: 40px;
}
.hrights .list-deci {
 padding-left: 1.5em;
}
.hrights .list-deci li {
 list-style: decimal;
 margin-bottom: 5px;
}
.tgl-btn.btn span {
 color: #ffffff;
 font-size: 128%;
 padding: 8px 0 7px;
 background: url(/environment/images/ico_plus.png) right 16px center no-repeat #1eace5;
 display: block;
 border: 1px solid transparent;
 border-radius: 2px;
 text-align: center;
}
.tgl-btn.btn span:hover {
 cursor: pointer;
 opacity: 0.7;
}
.tgl-btn.btn.open span {
 background: url(/environment/images/ico_minus.png) right 16px center no-repeat #1eace5;
}
.tgl-clm {
 display: none;
 margin-top: 40px;
}
.tgl-clm .ttl-nml + p {
 padding-left: 1.5em;
}
.tgl-clm .list-type2 .ttl-01 {
 font-size: 128%;
 color: rgb(81, 81, 81);
 margin-bottom: 10px;
}
/* .tgl-clm .list-type2 {
	list-style: outside;
	padding-left: 2em;
	list-style-type: decimal;
} */
.tgl-clm .list-type2 .ttl-01 {
 font-size: 128%;
 color: rgb(81, 81, 81);
 margin-bottom: 10px;
}
.tgl-clm .list-type3 {
 counter-reset: list;
 margin: 0;
 list-style: outside;
 /* padding-left: 2em; */
 padding-left: 1.5em;
 margin-bottom: 1.5em;
}
.tgl-clm .list-type3 > li {
 list-style: none;
 position: relative;
 padding-left: 2em;
}
.tgl-clm .list-type3 > li:before {
 counter-increment: list;
 content: "("counter(list, decimal) ") ";
 position: absolute;
 /* left: -2em; */
 left: 0;
}
/* .tgl-clm .list-type4>li:before {
    font-weight: bold;
}  */
/* .tgl-clm .list-type3 span{
    font-weight: bold;
} */
.hrights .ttl-nml {
 font-size: 128%;
 color: rgb(81, 81, 81);
}
.hrights .cnt-01 {
 margin-bottom: 80px;
}
.hrights .r-txt {
 text-align: right;
}
.atnt {
 font-size: 85.71%;
}
.hrights .leftimg-wrap {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.hrights .leftimg-wrap .txt-wrap {
 width: 610px;
}
.hrights .leftimg-wrap .txt-wrap ul {
 padding-left: 1.5em;
}
.hrights .leftimg-wrap .txt-wrap li {
 list-style: disc;
}
.hrights .leftimg-wrap .img-04 {
 width: 150px;
}
.hrights .ttl-04 .disc {
 font-size: 40%;
 vertical-align: middle;
 display: inline-block;
 margin-right: 5px;
}
.hrights .border-box{
    border: 1px solid #DCDDDD;
    padding: 1.5em 1.5em 0;
    margin-bottom: 0.5em;
}
.hrights .border-box p{
    margin-bottom: 1.5em;
}
.hrights .border-box .ttl-01 {
    color: rgb(81, 81, 81);
    margin-bottom: 20px;
    font-size: 1.15em;
    font-weight: bolder;
}
.hrights .border-box a {
    color: #037eaf;
}
.hrights .tb_data2 .cell2{
    text-align: left;
}
.hrights .btn.btn-01,
.hrights .btn.btn-02{
    width: 350px;
}
.hrights .btn.btn-02 a{
    background-image: url(/common/imgs/icon_pdf2.png);
    background-size: 14px;
}
.hrights .contact3{
    padding: 25px;
    width: 225px;
    border: 1px solid #dddddd;
}
.hrights .contact3 .icon{
    width: 57px;
    margin: 2em auto 3em;
}
.hrights .contact3 .btn a {
    padding-left: 16px;
}
.hrights .tb_data2 .cell_item{
    width: 15em;
}

/*
responsible
*/
.responsible .leftimg-wrap {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.responsible .leftimg-wrap .img-wrap {
 width: 350px;
}
.responsible .leftimg-wrap .txt-wrap {
 width: 380px;
}
.responsible .txt-big {
 font-size: 120%;
}
.responsible .img-01-01 {
 width: 640px;
 margin: 40px 0 20px
}
/*------------------------------------------------------------
health_management
------------------------------------------------------------*/
.hmanag .cnt-bdr-01 {
 border: 1px solid #D5D5D5;
 padding: 35px 25px;
}
.hmanag .items-cnt {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.hmanag .item {
 width: calc((100% - 40px)/2);
}
.hmanag .item:nth-of-type(n+3) {
 margin-top: 30px;
}
.hmanag .item ul {
 padding-left: 1.5em;
}
.hmanag .item li {
 list-style: disc;
}
.hmanag .ttl-nml {
 font-size: 128%;
 color: rgb(81, 81, 81);
}
.hmanag .list_csr_grid .cont_box_bn {
 width: 100%;
 margin-bottom: 0;
}
.hmanag dl.list_backnum {
 width: 100%;
 margin-bottom: 0;
}
.hmanag dl.list_backnum dt {
 width: 144px;
}
.hmanag dl.list_backnum dd {
 width: calc(100% - 159px);
}
.hmanag dl.list_backnum dd span:last-of-type {
 width: calc(100% - 16px);
}
.hmanag .tb_data2 th {
 padding: 13px 20px;
 font-weight: normal;
}
.hmanag .cell_subttl {
 text-align: left;
}
.hmanag .tb_data2 td {
 padding: 33px 20px;
}
.scroll-img-pc {
 display: block;
 overflow: auto;
 padding-bottom: 10px;
}
.scroll-img-pc .scroll-img-01 img {
 max-width: 1320px;
}
.scroll-img-pc .scroll-notes, .img-cap {
 margin: 10px 0;
 color: #888;
 font-size: 71.4%
}
/* 気候変動への対応 */
#CLIMATE sup {
 font-size: 78%;
 line-height: 1;
}
#CLIMATE .txt-wrap-01 {
 padding: 24px 30px 30px;
 background: #E2EEF5;
 margin: 40px 0 0;
}
#CLIMATE .txt-wrap-01 .txt-01 {
 margin: 0 0 16px;
}
#CLIMATE .txt-wrap-01 .txt-02 {
 margin: 16px 0 0 20px;
 font-size: 170%;
 line-height: 1.5;
}
#CLIMATE .img-02 {
 width: 320px;
 margin-left: 28px;
}
#CLIMATE .txt-wrap-02 {
 display: flex;
 margin: 0 0 55px;
}
#CLIMATE .txt-wrap-02 .cnt-01 {
 padding: 14px;
 background: #EEEEEE;
 width: 280px;
 box-sizing: border-box;
 font-size: 85%;
}
#CLIMATE .txt-wrap-02 .cnt-01:last-child {
 padding: 14px;
 background: #EEEEEE;
 width: 480px;
 margin-left: 20px;
}
#CLIMATE .txt-type1 {
 margin: 0 0 20px;
}
#CLIMATE .img-01-01 {
 margin: 20px 0 20px;
 width: 680px;
}
#CLIMATE .img-01-02 {
 width: 620px;
 margin: 20px 20px;
}
#CLIMATE .img-01-03 {
 width: 680px;
 margin: 20px 0;
}
#CLIMATE .img-01-04 {
 width: 680px;
 margin: 40px 0;
}
#CLIMATE .img-01.scroll-img-pc {
 margin: 20px auto;
}
#MATERIALITY .img-01-01 {
 width: 660px;
 margin: 40px 0 0;
}
#MATERIALITY .img-01-02 {
 width: 480px;
 margin: 40px 0 40px 0;
}
#MATERIALITY .img-01-03 {
 width: 660px;
 margin: 40px 0 0;
}
/*------------------------------------------------------------
health_management
------------------------------------------------------------*/
/*タイトルの横パターン*/
#HEALTH .ttl-wrap{
    padding: 0;
}
#HEALTH .ttl-clm{
    display: flex;
    align-items: center;
}
#HEALTH .ttl-clm .img-cnt{
    width: 250px;/*ロゴ規定のサイズにする*/
    margin-left: 20px;
}

#HEALTH .rightimg_wrap .txt-01{
    flex: 1;
}

/*------------------------------------------------------------
procurement
------------------------------------------------------------*/
.procurement .ttl-04 {
 font-size: 128.57%;
 margin: 20px 0 10px 0;
}
.procurement .mt40 {
 margin-top: 40px;
}
.procurement .list-deci {
 padding-left: 1.5em;
}
.procurement .list-deci li {
 list-style: decimal;
 margin-bottom: 5px;
}
.tgl-btn.btn span {
 color: #ffffff;
 font-size: 128%;
 padding: 8px 0 7px;
 background: url(/environment/images/ico_plus.png) right 16px center no-repeat #1eace5;
 display: block;
 border: 1px solid transparent;
 border-radius: 2px;
 text-align: center;
}
.tgl-btn.btn span:hover {
 cursor: pointer;
 opacity: 0.7;
}
.tgl-btn.btn.open span {
 background: url(/environment/images/ico_minus.png) right 16px center no-repeat #1eace5;
}
.tgl-clm {
 display: none;
 margin-top: 40px;
}
.procurement .ttl-nml + p {
 padding-left: 1.5em;
}
.tgl-clm .list-type2 .ttl-01 {
 font-size: 128%;
 color: rgb(81, 81, 81);
 margin-bottom: 10px;
}
/* .tgl-clm .list-type2 {
	list-style: outside;
	padding-left: 2em;
	list-style-type: decimal;
} */
.tgl-clm .list-type2 .ttl-01 {
 font-size: 128%;
 color: rgb(81, 81, 81);
 margin-bottom: 10px;
}
.tgl-clm .list-type3 {
 counter-reset: list;
 margin: 0;
 list-style: outside;
 /* padding-left: 2em; */
 padding-left: 1.5em;
 margin-bottom: 1.5em;
}
.tgl-clm .list-type3 > li {
 list-style: none;
 position: relative;
 padding-left: 2em;
}
.tgl-clm .list-type3 > li:before {
 counter-increment: list;
 content: "("counter(list, decimal) ") ";
 position: absolute;
 /* left: -2em; */
 left: 0;
}
/* .tgl-clm .list-type4>li:before {
    font-weight: bold;
}  */
/* .tgl-clm .list-type3 span{
    font-weight: bold;
} */
.procurement .ttl-nml {
 font-size: 128%;
 color: rgb(81, 81, 81);
}
.procurement .cnt-01 {
 margin-bottom: 80px;
}
.procurement .r-txt {
 text-align: right;
}
.atnt {
 font-size: 85.71%;
}
.procurement .leftimg-wrap {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.procurement .leftimg-wrap .txt-wrap {
 width: 610px;
}
.procurement .leftimg-wrap .txt-wrap ul {
 padding-left: 1.5em;
}
.procurement .leftimg-wrap .txt-wrap li {
 list-style: disc;
}
.procurement .leftimg-wrap .img-04 {
 width: 150px;
}
.procurement .ttl-04 .disc {
 font-size: 40%;
 vertical-align: middle;
 display: inline-block;
 margin-right: 5px;
}
#ENV_ACT .img-01{
    width: 330px;
}
#ENV_ACT .external-link {
    background: url(/common/imgs/icon_tab2.png) no-repeat scroll right 6px / 12px auto;
    display: inline-block;
    padding-right: 20px;
}
#ENV_ACT .pdf-link{
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
 #SITUATION .txt_graph02 {
  margin-bottom: 12px;
 }
 .csr_grid, .csr_grid2, .csr_grid3 {
  width: 100%;
  overflow: visible;
  margin-bottom: 0;
 }
 .csr_grid .box1 {
  float: none;
  margin-bottom: 2em;
  width: 103%;
  margin-top: 0;
 }
 .csr_grid .box1 .thumb {
  width: 43%;
  float: left;
  margin-right: 20px;
  max-width: 173px;
 }
 .csr_grid .box2 {
  width: 100%;
  float: left;
 }
 .csr_grid3 .box1, .csr_grid3 .box2, .csr_grid3 .box3 {
  width: 100%;
  float: left;
  padding-right: 0;
  margin-bottom: 0;
 }
 .csr .btn {
  width: 100%;
 }
 dl.list_backnum {
  margin-bottom: 2em;
 }
 .scroll::-webkit-scrollbar {
  width: 5px;
  background: #eee;
 }
 .scroll::-webkit-scrollbar:horizontal {
  height: 5px;
  background: #eee;
 }
 .scroll::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 2px;
 }
 .scroll::-webkit-scrollbar-thumb:horizontal {
  background: #666;
  border-radius: 2px;
 }
 dl.list_backnum {
  width: 100%;
 }
 dl.list_backnum dt {
  width: 20%;
  margin-right: 4%;
  max-width: 115px;
 }
 dl.list_backnum dd {
  float: left;
  width: 65%;
 }
 dl.list_backnum dd span {
  width: 100%;
 }
 dl.list_backnum dd span.icon {
  width: 11%;
 }
 dl.banner_adobe dt {
  width: 36%;
  max-width: 158px;
  margin-top: 4px;
 }
 dl.banner_adobe dd {
  width: 58%;
  margin-left: 14px;
 }
 /* ----------tb_csr---------- */
 .tb_csr {
  width: 100%;
 }
 .tb_csr td.cell_item {
  width: 74%;
 }
 /*---------サステナビリティ----------*/
 .img-02 {
  margin: 40px auto 20px;
  text-align: center;
  width: 76%;
 }
 #WORK_SAFETY .img-01 {
  width: 100%;
 }
 #WORK_SAFETY .img-02 {
  margin: 40px auto 20px;
  text-align: left;
  width: 100%;
 }
 .img-03 {
  width: 100%;
  margin: 30px auto 20px;
 }
 .pc-mode01 {
  display: none;
 }
 .sp-mode01 {
  display: block;
 }
 .scroll-img {
  display: block;
  overflow: auto;
  padding-bottom: 10px;
 }
 .scroll-img img {
  max-width: unset;
 }
 .scroll-img-01 img {
  max-width: 1000px;
 }
 .scroll-notes, .img-cap {
  margin: 10px 0;
  color: #888;
  font-size: 71.4%
 }
 .rightimg_wrap {
  display: block;
 }
 .rightimg_wrap .txt-wrap {
  width: 100%;
 }
 .btn-01-wrap {
  width: 100%;
 }
 /*トップコミットメント*/
 #S_MESSAGE .txt-name {
  margin-top: 30px;
 }
 /*index*/
 .csr-idx .clm {
  margin-bottom: 75px;
 }
 .csr-idx #contents, .csr-idx .main .section-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
 }
 .csr-idx .txt-01 {
  margin-bottom: 30px;
  /* text-align: left; */ font-size: 172%;
 }
 .csr-idx .clm-01 .head2 {
  display: flex;
  text-align: left;
  justify-content: center;
  align-items: center;
  font-size: 250%;
 }
 .csr-idx .clm-01 .icon-01 {
  width: 12.5vw;
 }
 .csr-idx .clm-01 .icon-01 img {
  width: 100%;
 }
 .csr-idx .clm-01 .btn-clm ul {
  display: block;
 }
 .csr-idx .clm-02 .dl-list-01 dt {
  width: 100%;
 }
 .csr-idx .clm-02 .dl-list-01 dd {
  padding: 0 0 1.25em;
 }
 .csr-idx .clm .head2-01 {
  margin-bottom: 30px;
 }
 .csr-idx .clm .icon-02 {
  width: 12.5vw;
  height: 12.5vw;
  margin-bottom: 1em;
 }
 .csr-idx .clm .icon-02 img {
  width: 100%;
 }
 .csr-idx .clm-03, .csr-idx .clm-04, .csr-idx .clm-05 {
  background: none;
  padding-bottom: 0;
 }
 .csr-idx .btn-clm, .csr-idx .btn-clm .btn {
  width: 100%;
  margin: 0 auto 1em;
 }
 .responsible .leftimg-wrap .img-wrap{
  width: 100%;
 }
 #DIV_INC .tb_data2{
  width: 100%;
 }
 #ENV_ACT .btn-clm ul {
  display: block;
 }
 #ENV_ACT .btn-clm ul .btn {
  width: 100%;
  margin: 0 auto 20px;
 }
 /*------------------------------------------------------------
human_rights
------------------------------------------------------------*/
 .hrights .cnt-01 {
  margin-bottom: 40px;
 }
 .hrights .leftimg-wrap {
  flex-direction: column;
  align-items: center;
 }
 .hrights .leftimg-wrap .img-04 {
  margin-bottom: 20px;
 }
 .hrights .leftimg-wrap .txt-wrap {
  width: 100%;
 }
.hrights .btn.btn-01,
.hrights .btn.btn-02 {
    width: 100%;
}
.hrights .contact3 {
    padding: 25px 0 1em;
    width: 100%;
}
.hrights .contact3 .btn{
    width: 50%;
    margin: 0 auto 1.5em;
    min-width: 280px;
}
 /*
responsible
*/
 .responsible .leftimg-wrap {
  flex-direction: column-reverse;
 }
 .responsible .leftimg-wrap .txt-wrap {
  width: 100%;
  margin-bottom: 20px;
 }
 .responsible .img-01-01 {
  width: 100%;
  margin: 40px auto 20px
 }
 /*------------------------------------------------------------
health_management
------------------------------------------------------------*/
 .hmanag ul.list_pageanchor {
  width: 100%;
 }
 .hmanag .cnt-bdr-01 {
  padding: 30px 20px;
 }
 .hmanag .items-cnt {
  flex-direction: column;
 }
 .hmanag .item, .hmanag .item:nth-of-type(n+3) {
  width: 100%;
  margin-top: 25px;
 }
 .hmanag .item:first-of-type {
  margin-top: 0;
 }
 .hmanag .tb-cont {
  padding-bottom: 10px;
 }
 /* 気候変動への対応 */
 #CLIMATE .txt-wrap-01 {
  padding: 26px 26px 30px;
  background: #E2EEF5;
  margin: 40px 0 0;
 }
 #CLIMATE .txt-wrap-01 .txt-01 {
  margin: 0 0 14px;
 }
 #CLIMATE .txt-wrap-01 .txt-02 {
  margin: 14px 0 0;
  font-size: 132%;
 }
 #CLIMATE .img-02 {
  width: 96%;
  margin: 40px auto 20px;
 }
 #CLIMATE .txt-wrap-02 {
  display: block;
  margin: 0 0 55px;
 }
 #CLIMATE .img-01-01, #CLIMATE .img-01-02, #CLIMATE .img-01-03, #CLIMATE .img-01-04 {
  width: 100%;
  margin: 20px auto;
 }
 #CLIMATE .txt-wrap-02 .cnt-01, #CLIMATE .txt-wrap-02 .cnt-01:last-child {
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
  font-size: 85%;
  margin: 0 auto 10px;
 }
 .scroll-img-02 img {
  max-width: 720px;
 }
 #MATERIALITY .img-01-02 {
  width: 100%;
 }
 #MATERIALITY .img-01-03 .scroll-img img {
  max-width: 620px;
 }
 #MATERIALITY .img-01-01, #MATERIALITY .img-01-03, #MATERIALITY .img-01-04 {
  margin-bottom: 0;
  width: 100%;
 }      
 #HEALTH .ttl-clm{
    justify-content: space-between;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
 }
 #HEALTH .ttl-clm .img-cnt{
    margin-left: 0;
    width: 27vw;
 }
/*------------------------------------------------------------
procurement
------------------------------------------------------------*/
 #ENV_ACT .img-01{
    width: 76%;
}
}