@charset "UTF-8";
@import url(./esg-jp.css);
@media print {
  html,
  body {
    height: fit-content !important;
  }

  body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }

  .Header,
  .subContents,
  .Footer,
  .topicPath,
  .PageTop,
  .esg_vc_tab,
  .ancherNav,
  .esg_sub_tab {
    display: none !important;
  }

  table {
    width: 100%;
    table-layout: fixed;
  }

  th {
    padding: 12px 16px !important;
  }

  td {
    padding: 12px 12px !important;
  }

  .mainContents {
    border-top: none !important;
  }

  .sectionBlock {
    margin-bottom: 50px;
  }

  .esg-print-mbNone {
    margin-bottom: 0px !important;
  }

  .esg-pring-pb {
    page-break-before: always !important;
  }


  .pcNone {
    display: none !important;
  }

  .spNone {
    display: block !important;
  }

  .spNone.esg-db_print {
    display: block !important;
  }

  .esg-topLink {
    display: block !important;
  }

  .esg-topLink > div {
    float: left !important;
  }

  .esg-topLink_in {
    width: 70% !important;
    padding-right: 20px !important;
  }

  .esg-topLink_in_2 {
    width: 30% !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
  }

  .top_sectionBlock.topImg {
    background: url(/en/esg/img/img_top_fig01.jpg) center !important;
    height: 280px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  body {
    min-width: 100% !important;
  }


  .l-column {
    min-width: 100% !important;
  }

  .mainContents {
    width: 100% !important;
  }

  .articleContents {
    width: 100% !important;
  }

  .esg-grid00 {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: start !important;
    justify-content: space-between !important;
    overflow-y: visible !important;
  }

  .esg-ie-flex {
    display: block !important
  }

  .esg-ie-flex > div {
    display: inline-block !important;
    margin-right: 3px !important;
  }

  .esg_ht_mb > div {
    margin-bottom: 10px !important;
  }

  .esg-grid00_2 {
    display: flex !important;
    justify-content: space-between !important;
  }

  .esg-grid01 {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: start !important;
    justify-content: space-between !important;
  }

  .esg-grid02-Col_txt {
    width: 59% !important;
    justify-content: space-between !important;
  }

  .esg-grid02-txt {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 2 !important;
  }

  .esg-grid02-Col {
    width: 49% !important;
    justify-content: space-between !important;
    overflow-y: visible !important;
  }

  .esg-grid02-Col_img {
    width: 38% !important;
    justify-content: space-between !important;
    overflow-y: visible !important;
  }

  .esg-grid-jc_unset {
    justify-content: unset !important;
  }

  .esg-grid04-Col {
    width: calc(25% - 25px) !important;
    position: relative !important;
    cursor: pointer !important;
  }

  .esg-grid03-Col {
    width: 32% !important;
  }

  .esg-grid03-2-Col {
    width: 32% !important;
    margin-right: 18px !important;
  }

  .esg-grid03-Col.esg-top-feature {
    width: 33.3% !important;
  }

  img {
    border-style: none !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .ArticleLabelWrap {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .ArticleLabel {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
    margin: 0 0 0px !important;
    min-height: unset;
  }

  .ArticleLabel {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
    margin: 0 0 30px !important;
  }

  .ArticleLabelWrap {
    margin-bottom: 0px !important;
  }
  /*
.ArticleLabel {
    height: 0px !important;
}
*/
  .esg-grid02m-txt {
    width: 79% !important;
  }

  .esg-grid02m-img {
    width: 20% !important;
  }

  .barLabel {
    margin-top: 0px !important;
  }

  .esg-Panel01 {
    padding: 40px 65px !important;
    background: #f7fbfe !important;
  }

  .barLabel {
    font-size: 1.8rem !important;
  }

  .esg-linkList04 {
    margin-bottom: 20px;
  }

  .esg-linkList04 li {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 49%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    vertical-align: top;
  }

  .esg-scroll {
    overflow: inherit !important;
    white-space: inherit !important;
    clear: both;
  }
  /*
.esg-Table02 {
    width: 100% !important;
}
*/
  .esg-linkList04 li {
    position: relative !important;
    display: inline-block !important;
    text-align: left !important;
    width: 49% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 10px !important;
    vertical-align: top !important;
  }

  .esg-tbl-s-pd thead th {
    padding: 5px 10px !important;
  }

  .esg-tbl-s-pd tbody th {
    padding: 5px 10px !important;
  }

  .esg-tbl-s-pd tbody td {
    padding: 5px 10px !important;
  }

  .esg-tbl-prt-ss-pd thead th {
    padding: 5px 0px !important;
  }
  /*追加*/
  .esgp-width-05 {
    width: 5% !important;
  }

  .esgp-width-10 {
    width: 10% !important;
  }

  .esgp-width-15 {
    width: 15% !important;
  }

  .esgp-width-20 {
    width: 20% !important;
  }

  .esgp-width-25 {
    width: 25% !important;
  }

  .esgp-width-30 {
    width: 30% !important;
  }

  .esgp-width-35 {
    width: 35% !important;
  }

  .esgp-width-50 {
    width: 50% !important;
  }

  .esgp-width-60 {
    width: 60% !important;
  }

  .esgp-width-70 {
    width: 70% !important;
  }

  .esgp-width-75 {
    width: 75% !important;
  }

  .esgp-width-80 {
    width: 80% !important;
  }

  .esgp-width-90 {
    width: 90% !important;
  }

  /*高さ揃え*/
  .esg-grid00--h {
    flex-flow: nowrap !important;
    justify-content: left !important;
    gap: 0.4cm !important;
  }

  .esg-grid00--h.esg-p {
    width: fit-content;
  }

  /*
.esg-grid02-Col--h {
  width: fit-content !important;
}*/

  .esg-tabwidth--250,
  .esg-tabwidth--300 {
    width: unset;
  }

  .esg-img--h,
  .esg-height--250 {
    height: 5cm !important;
    width: auto !important;
  }

  .esg-height--200 {
    height: 5cm !important;
    width: auto !important;
    object-fit: cover !important;
  }

  .esg-img--h3 {
    height: 5cm !important;
    width: auto !important;
  }

  .esg-pcwidth--300 {
    width: 7.5cm !important;
  }

  .esg-pcwidth--380.esg-p {
    width: 7.5cm !important;
  }

  /*esg*/
  .esg-imgTit01.esgp-tac {
    text-align: center !important;
  }

  /*social*/

  .esg-bg-gr {
    background-color: #f7fef7 !important;
  }

  .esg-grid--qr.esg-p {
    width: 55% !important;
    flex-flow: nowrap !important;
  }

  /*改行*/
  .esg-bba {
    break-before: avoid;
  }

  .esg-baa {
    break-after: avoid;
  }

  .esg-bbp {
    break-before: page !important;
  }
  .esg-bap {
    break-after: page !important;
  }

  .esg-bia {
    break-inside: avoid;
  }

  h2,
  h3 {
    break-after: avoid;
  }

  .esg-figTit01,
  .esg-flostR,
  .esg-flostL {
    break-after: avoid;
  }

  .esg-notice00,
  .esg-notice01,
  .esg-notice02,
  .esg-notice03 {
    break-before: avoid;
    break-inside: avoid;
  }

  .esg-wordbreak {
    word-break: break-all;
  }

  .esgp-table th {
    padding: 0.5rem !important;
  }

  .mainContents {
    padding: 0;
  }

  .esgp-margin-0 {
    margin: 0 !important;
    margin-top: 0 !important;
  }

  .esgp-wmrl {
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateX(5px);
  }
  .esgp-z80 {
    zoom: 0.8;
  }
  .esgp-height-24cm {
    height: 24cm !important;
    max-width: unset;
    width: auto;
  }
}

/** 英語版のみ　**/

.esg-e-list01 li {
  text-indent: -90px;
  padding-left: 110px !important;
}

.esg-e-list02 li {
  text-indent: -98px;
  padding-left: 120px !important;
}

.esg-tbl-s-pd thead th {
  padding: 5px 10px !important;
}

.esg-tbl-s-pd tbody th {
  padding: 5px 10px !important;
}

.esg-tbl-s-pd tbody td {
  padding: 5px 10px !important;
}

/** toppage **/

.esg-topTop {
  width: 36%;
  padding-left: 20px;
}

.esg_top_blue {
  background: #e5f1f9;
  padding: 30px 25px;
  margin: 0 auto;
  text-align: center;
}

.esg_top_blue p {
  text-align: center;
  width: auto;
  display: inline;
  padding-left: 20px;
}

.esg_top_gray {
  background: #f1f1f1;
  border: 3px solid #e5f1f9;
  border-bottom: none;
}

.esg-grid03-Col.esg-top-btn {
  background: #e5f1f9;
  margin-bottom: 20px;
  font-size: 1.5rem !important;
  text-align: center;
}

.esg-grid03-Col.esg-top-btn a {
  display: block;
  padding: 30px 0px;
}

.esg-grid03-Col.esg-top-btn:nth-child(4) {
  margin-bottom: 0px;
}

.esg-grid03-Col.esg-top-btn:nth-child(5) {
  margin-bottom: 0px;
}

.esg-grid03-Col.esg-top-btn:nth-child(6) {
  margin-bottom: 0px;
}

.esg-grid03-Col.esg-top-feature {
  width: 32%;
  margin-left: 1%;
  margin-bottom: 1%;
}

/*.esg-grid03-Col.esg-top-feature {
    width: 33.3%;
}

.esg-topTop_in > div > a{
    display: block;
    width: 100%;
    background: #e5f1f9;
    padding: 25.5px;
    border: 1px solid #cfcfcf;
    border-top: none;
}

.esg-topTop_in > div:first-child > a{
    display: block;
    width: 100%;
    background: #e5f1f9;
    padding: 25.5px;
    border: 1px solid #cfcfcf;
}
*/

.img_hov:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.top_sectionBlock {
  margin-bottom: 100px;
}

.top_sectionBlock.topImg {
  background: url(/en/esg/img/img_top_fig01.jpg) center / contain no-repeat;
  height: 579px;
}

.topImg .text01 {
  margin-bottom: 0px !important;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}

.branchBox {
  margin: 0 auto;
  width: 1170px;
}

.branchBox h2 {
  margin: 0 0 35px;
  font-size: 3.5rem;
  font-weight: normal;
  text-align: center;
  letter-spacing: 6px;
}

.branchBox h2 span {
  margin-top: 5px;
  display: block;
  color: #65A1D6;
  font-size: 2.0rem;
  letter-spacing: 2px;
}
.branchBox .text01 {
  margin-bottom: 47px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}

.branchBox h2.esg_top_txt {
  margin: 0 0 35px;
  font-size: 3rem !important;
  font-weight: normal;
  text-align: center;
  letter-spacing: 6px;
}

.branchBox h2.esg_top_txt_2 {
  margin: 0 0 35px;
  font-size: 2rem !important;
  font-weight: normal;
  text-align: center;
  letter-spacing: 6px;
}

/* .branchBox h2.esg_top_txt span {
	margin-top: 5px;
	display: block;
	color: #333333;
	font-size: 1.5rem !important;
	letter-spacing: 2px;
} */

.esg-grid00_2 {
  display: flex;
  justify-content: space-between;
}

.esg-grid04-Col {
  width: calc(25% - 25px);
  position: relative;
  cursor: pointer;
}

.top_label li a {
  display: block;
  padding: 10px 7px;
  text-align: center;
  border: 1px solid #0063b6;
  border-bottom: none;
  color: #0063b6;
  font-size: 1.4rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.top_label li:last-child > a {
  border-bottom: 1px solid #0063b6 !important;
}

.top_label li a:hover {
  background: #0063b6;
  color: #fff;
  text-decoration: none;
}

.esg-topDl {
  display: table;
  background-color: #e5f1f9;
  width: 100%;
  padding: 10px 20px;
}

.esg-topDl > div {
  display: table-cell;
  vertical-align: middle;
}

.esg-topDl-in {
  width: 30%;
  font-size: 1.7rem;
  border-right: 1px solid #dddddd;
}

.esg-topDl-in_2 {
  width: 70%;
  padding-left: 3%;
}

.esg-topDl-in_2 p {
  margin: 0;
}

.esg-topDl-in_2 a {
  font-size: 2.0rem;
  text-decoration: underline;
}

.esg-topDl-in_2 a:hover {
  text-decoration: none;
}


.esg-topLink {
  display: block;
}

.esg-topLink > div {
  float: left;
}

.esg-topLink_in {
  width: 70%;
  padding-right: 20px;
}

.esg-topLink_in table {
  background-color: #eeeeee;
  width: 100%;
  height: 140px;
  border: 1px solid #cfcfcf;
}

.esg-topLink_in table td {
  border: 1px solid #cfcfcf;
  text-align: center;
}

.esg-topLink_in table td a {
  text-decoration: underline;
}

.esg-topLink_in table td a:hover {
  text-decoration: none;
}


.esg-topLink_in_3 {
  width: 100%;
  margin-bottom: 40px;
}

.esg-topLink_in_3 table {
  background-color: #eeeeee;
  width: 100%;
  height: 100px;
  border: 1px solid #cfcfcf;
}

.esg-topLink_in_3 table td {
  border: 1px solid #cfcfcf;
  text-align: center;
}

.esg-topLink_in_3 table td a {
  text-decoration: underline;
}

.esg-topLink_in_3 table td a:hover {
  text-decoration: none;
}


.esg-topLink_in_2 {
  background-color: #eeeeee;
  border: 1px solid #cfcfcf;
  width: 30%;
  height: 140px;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.esg-topLink_in_2 p {
  margin: 3px;
}

.esg-topFeature a {
  padding-bottom: 25px;
  display: block;
}

/** KJWblock **/

.esg-kjwBlock01 {
  margin-bottom: 2em;
}

.esg-kjwBlock01-inner {
  width: 200px;
  background: #f7fbfe;
  padding: 10px 20px;
  border-radius: 10px;
  margin-left: auto;
  letter-spacing: normal !important;
}

.esg-kjwBlock01-inner02 {
  width: 50%;
  background: #f7fbfe;
  padding: 10px 20px;
  border-radius: 10px;
}

.esg-kjwtrxt {
  width: 200px;
  display: inline-block;
}

.esg-kjwBlock01-inner li {
  letter-spacing: 3px;
}

.esg-kjwCircle01 {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background: #ffffff;
}

ul.esg-kjw01 li {
  display: inline-block;
  font-size: 150%;
  color: #999;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 50%;
  background: #ffffff
}

li.esg-k-on01 {
  color: #003366 !important;
}

li.esg-j-on01 {
  color: #FF0000 !important;
}

li.esg-w-on01 {
  color: #00B050 !important;
}

ul.esg-kjw01 {
  position: absolute;
  top: 16.5%;
  bottom: 0;
  right: 2%;
}
.esg-titleBlock01 {
  position: relative;
}

/** image grid **/

.esg-grid00 {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  justify-content: space-between;
}

.esg-grid00.esg-top-feature {
  justify-content: center !important;
}

.esg-grid01 {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  justify-content: space-between;
}

.esg-grid01-Col {
  width: 100%;
  text-align: center;
}

.esg-grid02-Col {
  width: 49%;
  justify-content: space-between;
}


.esg-grid03-Col {
  width: 32%;
}

.esg-grid03-2-Col {
  width: 32%;
  margin-right: 18px;
}

.esg-grid02-Col_txt {
  width: 59%;
  justify-content: space-between;
}

.esg-grid02-Col_img {
  width: 38%;
  justify-content: space-between;
}


.esg-grid02-txt {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 2;
}

.esg-grid02m-txt {
  width: 79%;
}

.esg-grid02m-img {
  width: 20%;
}
.esg-imgTit01 {
  margin-top: 10px;
  font-size: 85%;
  text-align: left !important;
}

.esg-figTit01 {
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.esg-figTit01::before {
  position: absolute;
  content: "\25A0";
  width: 20px;
  height: 20px;
  left: 0;
  color: #0063b6;
}

.esg-figTit-pink {
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.esg-figTit-pink::before {
  position: absolute;
  content: "\25A0";
  width: 20px;
  height: 20px;
  left: 0;
  color: #dd7687;
}

.esg-figTit-green {
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.esg-figTit-green::before {
  position: absolute;
  content: "\25A0";
  width: 20px;
  height: 20px;
  left: 0;
  color: #93b843;
}

.esg-figTit-orenge {
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.esg-figTit-orenge::before {
  position: absolute;
  content: "\25A0";
  width: 20px;
  height: 20px;
  left: 0;
  color: #e1a82c;
}

.esg-topEsgBtn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/** notice text **/


.esg-notice00 {
  line-height: 1.5;
  text-indent: -0.9em;
  margin-left: 1em;
  font-size: 85%;
}

.esg-notice01 {
  line-height: 1.5;
  text-indent: -0.9em;
  margin-left: 1em;
  font-size: 85%;
}
.esg-notice02 {
  line-height: 1.5;
  text-indent: -1.5em;
  margin-left: 1.5em;
  font-size: 85%;
}

.esg-notice03 {
  line-height: 1.5;
  text-indent: -2.5em;
  margin-left: 2.5em;
  font-size: 85%;
}
.esg-notice04 {
  line-height: 1.5;
  text-indent: -3em;
  margin-left: 3em;
  font-size: 85%;
}

.esg-notice05 {
  line-height: 1.5;
  text-indent: -2.0em;
  margin-left: 2.0em;
  font-size: 85%;
}
.esg-notice06 {
  line-height: 1.5;
  text-indent: -3.15em;
  margin-left: 3.15em;
  font-size: 85%;
}
.esg-noticeflex {
  line-height: 1.5;
  display: flex;
  gap: 0.5em;
}
.esg-noticeflex > span {
  display: block;
}


.esg-noticeX {
  line-height: 1.5;
  font-size: 85%;
}

/** text **/

.esg-txtkanekablue {
  position: relative;
  color: #004ea2 !important;
  padding-left: 23px;
}

.esg-txtkanekablue::before {
  position: absolute;
  content: "\25A0";
  width: 20px;
  height: 20px;
  left: 0px;
  color: #0063b6;
}

.esg-txtknkblue {
  color: #004ea2 !important;
}

.esg-txtgray01 {
  color: #d0d0d0 !important;
}

.esg-txtblue01 {
  color: #20b3d3 !important;
}

.esg-txtgreen01 {
  color: #92b742 !important;
}

.esg-txtgreen02 {
  color: #009836 !important;
}

.esg-txtlinegreen02 {
  text-decoration: underline #009836;
  -webkit-text-decoration-line: underline #009836 !important;
}

.esg-txtpink01 {
  color: #dd7686 !important;
}

.esg-txtyellow01 {
  color: #e0a82b !important;
}

.esg-txtCenter {
  text-align: center !important;
}

.esg-txtRight {
  text-align: right !important;
}

.esg-txtLeft {
  text-align: left !important;
}

.esg-flostL {
  float: left;
}

.esg-flostR {
  float: right;
}

.esg-clear {
  clear: both;
}

/** table **/

.esg-Table01 {
  /*
    width: 100%;
*/
}

.esg-Table01 tbody th {
  font-weight: 400;
  background-color: #eee;
}
.esg-Table01 tbody td, .esg-Table01 tbody th {
  text-align: left;
  vertical-align: middle;
  padding: 14px 20px;
  border: solid 1px #ddd;
}

.esg-Table01 thead th {
  text-align: center;
  vertical-align: middle;
  padding: 14px 20px;
  border: solid 1px #ddd;
  background-color: #eee;
}

.esg-Table02 {
  width: 100%;
}

.esg-Table02 tbody th {
  font-weight: 400;
  background-color: #eee;
}
.esg-Table02 tbody th {
  text-align: left;
  vertical-align: middle;
  padding: 14px 20px;
  border: solid 1px #ddd;
}

.esg-Table02 tbody td {
  text-align: right;
  vertical-align: middle;
  padding: 14px 20px;
  border: solid 1px #ddd;
}

.esg-Table02 tr th small {
  display: inline-block;
  line-height: 1em;
  padding: 8px 0 0 0;
}
.esg-Table02 tbody tr td small {
  display: inline-block;
  line-height: 1.4em;
  padding: 8px 0 0 0;
}

.esg-Table02 tr th {
  line-height: 1.2em;
}

.esg-Table02 thead th {
  text-align: center;
  vertical-align: middle;
  padding: 14px 20px;
  border: solid 1px #ddd;
  background-color: #eee;
}

.esg-Table-small thead th {
  padding: 5px 10px;
  font-size: 73%;
}

.esg-Table-small tbody td {
  padding: 5px 10px;
  font-size: 80%;
}

.esg-Table-small tbody th {
  padding: 5px 10px;
  font-size: 80%;
}

/* h2 title */

.esg-ttl01 {
  padding: 25px 20px;
  margin: 1em 0;
  border: 2px solid #005ca2;
  border-radius: 6px;
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.0;
  font-weight: 700;
  color: #006abc;
}

span.esg-ttl01-bd {
  border-bottom: 1px solid #7fb4dd;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 20px;
  margin-right: 20px;
  width: 50px !important;
}

span.esg-ttl01-bd_2 {
  border-bottom: 1px solid #7fb4dd;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
  width: 50px !important;
}


span.esg-txtEn01 {
  font-size: 1.5rem;
  color: #7fb4dd;
}

/* link button*/

.esg-list_box01 {
  margin-bottom: 10px;
  align-items: stretch;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-right: -1%;
  margin-left: -1%;
}

.esg-list_box01 li {
  list-style-type: none;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 16px;
  flex: 0 0 48%;
  max-width: 48%;
  margin-right: 1%;
  margin-left: 1%;
  border: 1px solid #ccc;
  border-left: 3px solid #0272c0;
}

.esg-list_box01 a {
  height: 60px;
  padding: 1em .5em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #eee;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  line-height: 1.4;
}

.esg-list_box02 {
  margin-bottom: 10px;
  align-items: stretch;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-right: -1%;
  margin-left: -1%;
}

.esg-list_box02 li {
  list-style-type: none;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 16px;
  flex: 0 0 31%;
  max-width: 31%;
  margin-right: 1%;
  margin-left: 1%;
  border: 1px solid #ccc;
  border-left: 3px solid #0272c0;
}

.esg-list_box02 a {
  height: 70px;
  padding: 1em .5em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #eee;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  line-height: 1.4;
}

.ov {
  transition: opacity .3s;
}

/* linkList */

.esg-linkList01 {
  margin-bottom: 20px;
}

.esg-linkList01 li {
  position: relative;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.esg-linkList01 li::before {
  position: absolute;
  content: "";
  border-left: 9px solid #0063b6;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 0px;
  height: 0px;
  top: 5px;
  left: 0;
}

.esg-linkList02 {
  position: relative;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}

.esg-linkList02::before {
  position: absolute;
  content: "";
  border-left: 9px solid #0063b6;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 0px;
  height: 0px;
  top: 5px;
  left: 0;
}

.esg-linkList03 {
  margin-bottom: 20px;
}

.esg-linkList03 li {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 49%;
  padding-right: 15px;
  margin-bottom: 10px;
}

.esg-linkList04 {
  margin-bottom: 20px;
}

.esg-linkList04 li {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 49%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
  vertical-align: top;
}

.esg-linkList04 li::before {
  position: absolute;
  content: "";
  border-left: 9px solid #0063b6;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 0px;
  height: 0px;
  top: 5px;
  left: 0;
}

ol.esg-linkList05 {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol.esg-linkList05 li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.esg-linkList05 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #b3d4fc;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

ol.esg-linkList-green {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol.esg-linkList-green li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.esg-linkList-green li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #93b843;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

ol.esg-report-list {
  text-indent: 1em;
}

.esg-report-list li {
  margin-bottom: 10px;
}

.ancherNav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.ancherNav li {
  position: relative;
  box-sizing: border-box;
  padding-right: 2em;
  list-style-type: none;
  margin-top: 10px;
  padding-left: 1.5em;
  white-space: nowrap;
}

.ancherNav li a {
  color: #0063b6;
  font-size: 95%;
}

.ancherNav li:before {
  position: absolute;
  content: "";
  border-left: 5px solid transparent;
  border-top: 9px solid #0063b6;
  border-right: 5px solid transparent;
  width: 0px;
  height: 0px;
  top: 7px;
  left: 0;
}

/* box */

.esg-ListPanel01 {
  padding: 40px;
  border: 1px solid #ddd;
}

.esg-ListPanel02 {
  padding: 20px 40px;
  border: 2px solid #005ca2;
}

.esg-Panel01 {
  padding: 40px 65px;
  background: #f7fbfe;
}

.esg-topics {
  padding: 20px 40px 30px 50px;
}

span.esg-topics_ttl {
  display: block;
  font-size: 15px;
  padding: 2px 10px;
  color: #fff;
  width: fit-content;
}

span.esg-topics_ttl-2 {
  display: block;
  font-size: 15px;
  padding: 2px 6px 2px 10px;
  color: #fff;
  width: 310px;
}

span.esg-txtbig {
  font-size: 125%;
  font-weight: bold;
}

.-blue {
  background: #0063b6;
}

.-blueline {
  border: 1px solid #0063b6;
}

.-green {
  background: #93b843;
}

.-greenline {
  border: 1px solid #93b843;
}

.-greentxt {
  color: #93b843 !important;
}

.-pinkline {
  border: 1px solid #dd7687;
}

.-pinktxt {
  color: #dd7687 !important;
}


/* policybox */

.esg-policy01 {
  border: 1px solid #d0d0d0;
  border-top: none !important;
}

.esg-policy01-ttl {
  padding: 10px 20px;
  margin: 0 !important;
  background: #006abc;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 700;
}

.esg-policy01-txt {
  line-height: 2;
  padding: 0px 25px;
}

/* list */

.esg-list01 {
  padding-left: 30px;
  margin-bottom: 20px;
}

.esg-list01 li {
  position: relative;
  padding-left: 12px;
}

.esg-list01 li::before {
  content: '';
  position: absolute;
  top: .6em;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #333;
}

.esg-linktxt01 {
  color: #0272c0;
  text-decoration: underline;
}

.esg-list02 {
  margin-bottom: 20px;
}

.esg-list02 li {
  position: relative;
  margin-bottom: 7px;
  padding-left: 12px;
}

.esg-list02 li::before {
  content: '';
  position: absolute;
  top: .6em;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #333;
}

.esg-list03 {
  margin-bottom: 10px;
}

.esg-list03 li {
  position: relative;
  margin-bottom: 7px;
  padding-left: 16px;
}

.esg-list03 li::before {
  content: '';
  position: absolute;
  top: .6em;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: #004ea2;
}

li.esg-blank::before {
  display: none;
}


/* list_dl */

dl.esg-dl {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  margin-left: 2em;
}

dl.esg-dl dt {
  width: 25%;
  padding-bottom: 1em;
  color: #0063b6;
}

dl.esg-dl dd {
  width: 75%;
  padding-bottom: 1em;
}

/* philosophy_link */

.philosophy_bg {
  width: 100%;
  background: #e9f3fb;
}


.philosophy_link .esg-linkList02 {
  margin-left: 10%;
}

/* strategy */

.esg_str_ttl {
  color: #004ea2 !important;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 10px;
}

.esg_str_ttl_2 {
  text-align: center;
}

.esg_balloon_right {
  position: relative;
  display: inline-block;
  margin: 0em 15px 1.5em 0;
  padding: 25px 23px;
  border-radius: 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #004ea2;
}

.esg_balloon_right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #004ea2;
}

.esg_balloon_right p {
  margin: 0;
  padding: 0;
}

.esg_balloon_right h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

.esg-parent {
  position: relative;
}

.esg-parent .balloon1 {
  display: inline-block;
  position: relative;
  top: -20px;
  left: 5px;
  white-space: nowrap;
  max-width: 100%;
}

.esg-parent .balloon2 {
  display: inline-block;
  position: relative;
  top: -20px;
  left: 5px;
  white-space: nowrap;
  max-width: 100%;
}


/* --- Baroon Tablet TOP --- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .esg-parent .balloon1 {
    position: absolute;
    top: -22px;
    left: 312px;
  }
  .esg-parent .balloon2 {
    position: absolute;
    top: -24px;
    left: 380px;
  }
}
/* --- Baroon Tablet END --- */


/* --- Baroon SmartPhone TOP --- */

@media only screen and (max-width: 767px) {
  .esg-parent .balloon1 {
    position: absolute;
    top: -10px;
    left: 200px;
  }

  .esg-parent .balloon2 {
    position: absolute;
    top: -10px;
    left: 220px;
  }
}
/* --- Baroon SmartPhone END --- */


/* value-creation_tab */

.esg_vc_tab {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  margin-bottom: 90px;
}

.esg_vc_tab > div {
  /* height: 52px; */
  display: flex;
  align-items: center;justify-content: center;
  width: 50%;
  border: 1px solid #0063b6;
  text-align: center;
  font-weight: bold;
  line-height: 1.1em;
}

.esg_vc_tab > div > a {
  display: block;
  padding: 16px 0px;
}

.esg_vc_tab_on {
  color: #fff;
  background: #0063b6;
  padding: 14px 0px;
}

.esg_tab_line_2 {
  padding: 12px 0px 12px 0px;
  line-height: 1.1em;
}

.esg_tab_line_2 a {
  padding: 0px !important;
  line-height: 1.1em;
}

.tab_2 > div {
  border-left: none;

}

.tab_2 > div:nth-child(2n+1) {
  border-left: 1px solid #0063b6;
}

.tab_2 > div:nth-child(n+3) {
  border-top: none;
}
.tab_2_line {
  padding: 27.5px 0px;
}

.tab_2_line > a {
  display: block;
  padding: 0px 0px !important;
}

.tab_2_line_b {
  padding: 6px 0px;
  font-size: 90%;
  line-height: 1.0em;
}

.tab_2_line_b > a {
  display: block;
  padding: 0px 0px !important;
}


.tab_3 > div {
  width: 33.3%;
  border: 1px solid #0063b6;
  text-align: center;
  font-weight: bold;
  border-right: none;
}

.tab_3 > div:last-child {
  border-right: 1px solid #0063b6;
}

.tab_4 > div {
  width: 25%;
  border: 1px solid #0063b6;
  text-align: center;
  font-weight: bold;
  border-right: none;
}

.tab_4 > div:last-child {
  border-right: 1px solid #0063b6;
}

.tab_6 > div {
  width: 33.3%;
  border: 1px solid #0063b6;
  text-align: center;
  font-weight: bold;
  border-left: none;
}

.tab_6 > div:nth-child(3n+1) {
  border-left: 1px solid #0063b6;
}

.tab_6 > div:nth-child(n+4) {
  border-top: none;
}

.tab_6 > div:last-child {
  border-right: 1px solid #0063b6;
}

/* history */

.esg_vc_ttl {
  font-size: 2.4rem;
  color: #0063b6;
}

.esg_history01_tab {
  padding: 10px 30px;
  margin: 0 !important;
  background: #64a9de;
  color: #fff;
  text-align: left;
}

.esg_history01_tab p, .esg_history02_tab p, .esg_history03_tab p {
  margin-top: 0px;
  font-size: 1.6rem;
}

.esg_history_ttl {
  color: #fff !important;
  margin-bottom: 5px !important;
  font-size: 2.0rem !important;
  font-weight: 700 !important;
  margin-top: 15px !important;
}

.esg_history_ttl02 {
  color: #0063b6;
}

.esg_history01_panel {
  padding: 20px 30px;
  border: 2px solid #64a9de;
  margin-bottom: 20px;
}

.esg_history01_panel p {
  color: #64a9de;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}

.esg_history02_tab {
  padding: 10px 30px;
  margin: 0 !important;
  background: #3d80c2;
  color: #fff;
  text-align: left;
}

.esg_history02_panel {
  padding: 20px 30px;
  border: 2px solid #3d80c2;
  margin-bottom: 20px;
}

.esg_history02_panel p {
  color: #3d80c2;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}

.esg_history03_tab {
  padding: 10px 30px;
  margin: 0 !important;
  background: #004ea2;
  color: #fff;
  text-align: left;
}

.esg_history03_panel {
  padding: 20px 30px;
  border: 2px solid #004ea2;
  margin-bottom: 20px;
}

.esg_history03_panel p {
  color: #004ea2;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}


/* report */

.esg_report_list {
  padding-left: 1em;
  font-size: 1.35rem;
  margin-top: 5px;
  text-align: left;
}


/* highlight */

.esg_ht_mb > div {
  margin-bottom: 50px;
}


/* topcomittment */

.ArticleLabelWrap_tc {
  margin-bottom: 60px;
}

.sectionBlock_tc {
  margin-bottom: 40px;
}


/* 調整用 */

.esg-mT00 {
  margin-top: 0 !important;
}

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

.esg-mT20 {
  margin-top: 20px !important;
}

.esg-mT30 {
  margin-top: 30px !important;
}

.esg-mT40 {
  margin-top: 40px !important;
}

.esg-mT50 {
  margin-top: 50px !important;
}

.esg-mB00 {
  margin-bottom: 0 !important;
}

.esg-mB10 {
  margin-bottom: 10px !important;
}

.esg-mB20 {
  margin-bottom: 20px !important;
}

.esg-mB25 {
  margin-bottom: 25px !important;
}

.esg-mB30 {
  margin-bottom: 30px !important;
}

.esg-mB40 {
  margin-bottom: 40px !important;
}

.esg-mB50 {
  margin-bottom: 50px !important;
}

.esg-mL10 {
  margin-left: 10px !important;
}

.esg-mL20 {
  margin-left: 20px !important;
}

.esg-mL30 {
  margin-left: 30px !important;
}

.pct0 {
  width: 0%
}
.pct1 {
  width: 1%
}
.pct2 {
  width: 2%
}
.pct3 {
  width: 3%
}
.pct4 {
  width: 4%
}
.pct5 {
  width: 5%
}
.pct6 {
  width: 6%
}
.pct7 {
  width: 7%
}
.pct8 {
  width: 8%
}
.pct9 {
  width: 9%
}
.pct10 {
  width: 10%
}
.pct11 {
  width: 11%
}
.pct12 {
  width: 12%
}
.pct13 {
  width: 13%
}
.pct14 {
  width: 14%
}
.pct15 {
  width: 15%
}
.pct16 {
  width: 16%
}
.pct17 {
  width: 17%
}
.pct18 {
  width: 18%
}
.pct19 {
  width: 19%
}
.pct20 {
  width: 20%
}
.pct21 {
  width: 21%
}
.pct22 {
  width: 22%
}
.pct23 {
  width: 23%
}
.pct24 {
  width: 24%
}
.pct25 {
  width: 25%
}
.pct26 {
  width: 26%
}
.pct27 {
  width: 27%
}
.pct28 {
  width: 28%
}
.pct29 {
  width: 29%
}
.pct30 {
  width: 30%
}
.pct31 {
  width: 31%
}
.pct32 {
  width: 32%
}
.pct33 {
  width: 33%
}
.pct34 {
  width: 34%
}
.pct35 {
  width: 35%
}
.pct36 {
  width: 36%
}
.pct37 {
  width: 37%
}
.pct38 {
  width: 38%
}
.pct39 {
  width: 39%
}
.pct40 {
  width: 40%
}
.pct41 {
  width: 41%
}
.pct42 {
  width: 42%
}
.pct43 {
  width: 43%
}
.pct44 {
  width: 44%
}
.pct45 {
  width: 45%
}
.pct46 {
  width: 46%
}
.pct47 {
  width: 47%
}
.pct48 {
  width: 48%
}
.pct49 {
  width: 49%
}
.pct50 {
  width: 50%
}
.pct51 {
  width: 51%
}
.pct52 {
  width: 52%
}
.pct53 {
  width: 53%
}
.pct54 {
  width: 54%
}
.pct55 {
  width: 55%
}
.pct56 {
  width: 56%
}
.pct57 {
  width: 57%
}
.pct58 {
  width: 58%
}
.pct59 {
  width: 59%
}
.pct60 {
  width: 60%
}
.pct61 {
  width: 61%
}
.pct62 {
  width: 62%
}
.pct63 {
  width: 63%
}
.pct64 {
  width: 64%
}
.pct65 {
  width: 65%
}
.pct66 {
  width: 66%
}
.pct67 {
  width: 67%
}
.pct68 {
  width: 68%
}
.pct69 {
  width: 69%
}
.pct70 {
  width: 70%
}
.pct71 {
  width: 71%
}
.pct72 {
  width: 72%
}
.pct73 {
  width: 73%
}
.pct74 {
  width: 74%
}
.pct75 {
  width: 75%
}
.pct76 {
  width: 76%
}
.pct77 {
  width: 77%
}
.pct78 {
  width: 78%
}
.pct79 {
  width: 79%
}
.pct80 {
  width: 80%
}
.pct81 {
  width: 81%
}
.pct82 {
  width: 82%
}
.pct83 {
  width: 83%
}
.pct84 {
  width: 84%
}
.pct85 {
  width: 85%
}
.pct86 {
  width: 86%
}
.pct87 {
  width: 87%
}
.pct88 {
  width: 88%
}
.pct89 {
  width: 89%
}
.pct90 {
  width: 90%
}
.pct91 {
  width: 91%
}
.pct92 {
  width: 92%
}
.pct93 {
  width: 93%
}
.pct94 {
  width: 94%
}
.pct95 {
  width: 95%
}
.pct96 {
  width: 96%
}
.pct97 {
  width: 97%
}
.pct98 {
  width: 98%
}
.pct99 {
  width: 99%
}
.pct100 {
  width: 100%
}

.esg-history_mB {
  margin-bottom: 15px;
}

.esg-grid-jc_unset {
  justify-content: unset;
}

.esg-indent2 {
  margin-left: 1rem;
  text-indent: -2rem;
}

.esg-indent15 {
  margin-left: 1rem;
  text-indent: -1.5rem;
}

/*.pcNone {
  display: none;
}*/

@media only screen and (max-width: 767px) {

  /** toppage **/

  .esg-scroll table {
    width: 100%;
  }
  .esg-scroll {
    overflow: auto;
    white-space: nowrap;
    clear: both;
  }

  .esg-scroll::-webkit-scrollbar {
    height: 5px;
  }

  .esg-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .esg-scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }

  .top_sectionBlock.topImg {
    background: none;
    height: auto;
  }

  .top_sectionBlock {
    margin-bottom: 50px;
  }

  .esg-grid03-Col.esg-top-btn {
    width: 49%;
    font-size: 1.3rem !important;

  }

  .esg-grid03-Col.esg-top-btn:nth-child(4) {
    margin-bottom: 20px;
  }

  .esg-grid03-Col.esg-top-feature {
    width: 100%;
  }

  .mB20_sp {
    margin-bottom: 20px;
  }

  .mB50_sp {
    margin-bottom: 50px !important;
  }

  .branchBox {
    width: 100%;
  }

  .branchBox h2 {
    margin-bottom: 20px;
    font-size: 2.6rem;
  }

  .branchBox h2 span {
    margin: 0;
    font-size: 1.5rem;
  }

  .branchBox .text01 {
    margin-bottom: 30px;
    font-size: 1.6rem;
    text-align: center;
  }

  .branchBox h2.esg_top_txt span {
    margin-top: 5px;
    display: block;
    color: #65A1D6;
    font-size: 1.2rem !important;
    letter-spacing: 2px;
  }
  .branchBox h2.esg_top_txt {
    margin: 0 0 35px;
    font-size: 2rem !important;
    font-weight: normal;
    text-align: center;
    letter-spacing: 6px;
  }

  .esg-topTop_in > div:first-child > a {
    padding: 11px;
  }

  .esg-topTop_in > div > a {
    padding: 11px;
  }

  .esg-topDl {
    display: table;
    background-color: #e5f1f9;
    width: 100%;
    padding: 10px;
  }

  .esg-topDl-in {
    width: 35%;
    font-size: 1.6rem;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
  }

  .esg-topDl-in_2 {
    width: 65%;
    padding-left: 3%;
  }

  .esg-topDl-in_2 a {
    font-size: 1.7rem;
    text-decoration: underline;
  }

  .esg-grid00_2 {
    display: block;
    justify-content: space-between;
  }
  .esg-grid04-Col {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    cursor: pointer;
  }

  .esg-topLink > div {
    float: none;
  }

  .esg-topLink_in {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .esg-topLink_in_2 {
    background-color: #eeeeee;
    border: 1px solid #cfcfcf;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .esg-topLink_in_2 {
    height: auto;
  }

  .esg-topLink_in_3 table {
    background-color: #eeeeee;
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
  }

  .esg-topLink_in table {
    background-color: #eeeeee;
    width: 100%;
    height: 100px;
    border: 1px solid #cfcfcf;
  }

  .esg-topLink_in_3 {
    width: 100%;
    margin-bottom: 20px;
  }


  .esg-topLink_in table td {
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 20px 5px;
  }

  .esg-topLink_in_3 table td {
    padding: 10px 5px;
  }

  .esg-topLink_in_3 table td a {
    font-size: 1.3rem !important;
    display: inline-block;
    line-height: 1.9rem !important;
  }

  .esg-topFeature a {
    padding-bottom: 10px;
    display: block;
  }

  .spNone {
    display: none !important;
  }

  /*.pcNone {
  display: block !important;
}*/

  .sectionBlock.topImg {
    padding: 29px 5px;
  }

  .esg-topTop {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    padding-left: 0px;
  }

  .branchBox h2.esg_top_txt_2 {
    margin: 0 0 20px;
    font-size: 2rem !important;
    font-weight: normal;
    text-align: center;
    letter-spacing: 6px;
  }

  .esg_top_blue {
    background: #e5f1f9;
    padding: 10px 15px;
  }

  /** subpage **/

  .ancherNav li {
    min-width: 20%;
    white-space: inherit;
  }

  table {
    width: 100%;
  }

  .scroll {
    overflow-x: auto;
  }
  .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  .scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }

  .esg-list01 {
    padding-left: 10px;
  }

  .esg-list01 li {
    position: relative;
    text-align: left;
  }

  .esg-linkList03 li {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
  }

  .esg-linkList04 li {
    position: relative;
    display: block;
    text-align: left;
    width: auto;
    padding-left: 12px;
  }

  #sec01,
  #sec02,
  #sec03,
  #sec04,
  #sec05,
  #sec06,
  #sec07,
  #sec08,
  #sec09,
  #sec10 {
    margin-top: -57px;
    padding-top: 57px;
  }

  /** KJWblock **/

  ul.esg-kjw01 {
    position: absolute;
    top: 14.5%;
    bottom: 0;
    right: 2%;
  }

  ul.esg-kjw01 li {
    display: inline-block;
    font-size: 150%;
    color: #999;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ffffff;
  }

  .esg-kjwBlock01-inner {
    width: 180px;
    background: #f7fbfe;
    padding: 10px 15px;
    border-radius: 10px;
    margin-left: auto;
  }

  .esg-kjwBlock01-inner02 {
    width: auto;
    background: #f7fbfe;
    padding: 5px 7px;
    border-radius: 10px;
  }

  .esg-kjwCircle01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background: #ffffff;
  }

  /** h2 title **/

  .esg-ttl01 {
    padding: 10px 15px;
    margin: 1em 0;
    border: 2px solid #005ca2;
    border-radius: 6px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.0;
    font-weight: 700;
    color: #006abc;
  }

  span.esg-ttl01-bd {
    border-bottom: 1px solid #7fb4dd;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    margin-right: 10px;
    width: 30px !important;
  }

  span.esg-txtEn01 {
    font-size: 1.0rem;
    color: #7fb4dd;
  }

  /** table **/

  .esg-Table01 tbody td, .esg-Table01 tbody th {
    text-align: left;
    vertical-align: middle;
    padding: 5px 7px;
    border: solid 1px #ddd;
  }

  .esg-Table01 thead th {
    text-align: center;
    vertical-align: middle;
    padding: 5px 7px;
    border: solid 1px #ddd;
    background-color: #eee;
  }

  .esg-Table02 tbody th {
    text-align: left;
    vertical-align: middle;
    padding: 5px 7px;
    border: solid 1px #ddd;
  }

  .esg-Table02 tbody td {
    text-align: right;
    vertical-align: middle;
    padding: 5px 7px;
    border: solid 1px #ddd;
  }

  .esg-Table02 thead th {
    text-align: center;
    vertical-align: middle;
    padding: 5px 7px;
    border: solid 1px #ddd;
    background-color: #eee;
  }
  .esg-grid01 {
    margin-bottom: 20px;
  }
  .esg-grid02-Col {
    width: 100%;
    /*text-align: center;*/
    margin-bottom: 20px;
  }

  .esg-grid02-Col_txt {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1em;
  }

  .esg-grid02-Col_img {
    width: 100%;
    justify-content: space-between;
  }


  .esg-grid02-txt {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 2;
    text-align: left;
  }

  .esg-grid02m-txt {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 1em;
  }

  .esg-grid02m-img {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
  }

  .esg-grid03-Col {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }

  .esg-grid03-2-Col {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }

  .esg-grid04-Col {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .esg-policy01-txt {
    line-height: 2;
    padding: 0px 15px;
  }

  /* panelbox */

  .esg-Panel01 {
    padding: 15px;
  }

  .esg-ListPanel01, .esg-ListPanel02 {
    padding: 20px;
  }

  .esg-topics {
    padding: 20px 25px 20px 25px;
  }

  /* リスト */

  .esg-linkList01 li::before {
    top: 4.5px;
  }

  .esg-linkList02::before {
    top: 4.5px;
  }

  dl.esg-dl {
    display: flex;
    flex-flow: row wrap;
    align-items: start;
    margin-left: 1em;
  }

  dl.esg-dl dt {
    width: 30%;
    padding-bottom: 1em;
    color: #0063b6;
  }

  dl.esg-dl dd {
    width: 70%;
    padding-bottom: 1em;
  }

  /* value-creation_tab */

  .esg_vc_tab {
    display: flex;
    flex-flow: row wrap;
    align-items: start;
    margin-bottom: 45px;
    font-size: 1.2rem;
  }
  .esg_vc_tab > div {
    height: 42px;
  }
  .esg_vc_tab > div > a {
    display: inline-block;
    padding: 12px 0px 12px;
  }

  .esg_vc_tab_on {
    display: inline-block;
    color: #fff;
    background: #0063b6;
    padding: 12px 0px;
  }

  .esg_vc_tab.tab_3 > div {
    width: 50%;
    border-right: 1px solid #0063b6;
    padding: 12px 0px;
  }

  .esg_tab_line_2 {
    padding: 13px 0px;
    line-height: 1.2em;
  }

  .esg_tab_line_2 a {
    padding: 0px !important;
    line-height: 1.2em;
  }


  .esg_vc_tab.tab_3 > div:first-child {
    border-right: none !important;
  }

  .esg_vc_tab.tab_3 > div > a {
    display: block;
    padding: 0px;
  }

  .tab_3 > div:last-child {
    border-right: 1px solid #0063b6;
    border-top: 0px solid #0063b6;
  }
  .esg_vc_tab.tab_4 > div {
    width: 50%;
    border-bottom: 0px;
    border-right: 0px;
    padding: 13px 0px;
  }

  .esg_vc_tab.tab_4 > div:nth-child(2n) {
    border-right: 1px solid #0063b6;
  }

  .esg_vc_tab.tab_4 > div:nth-child(3) {
    border-bottom: 1px solid #0063b6;
  }

  .esg_vc_tab.tab_4 > div:nth-child(4) {
    border-bottom: 1px solid #0063b6;
  }

  .esg_vc_tab.tab_4.first_tab > div:nth-child(3) {
    border-bottom: none;
  }

  .esg_vc_tab.tab_4.first_tab > div:nth-child(4) {
    border-bottom: none;
  }


  .esg_vc_tab.tab_4 > div > a {
    display: block;
    padding: 0px;
  }

  .esg_vc_tab.tab_4.last_tab {
    border-bottom: 1px solid #0063b6;
  }

  .tab_6 > div {
    width: 50%;
    border: 1px solid #0063b6;
    text-align: center;
    font-weight: bold;
    border-left: none;
  }

  .tab_6 > div:nth-child(3n+1) {
    border-left: none;
  }

  .tab_6 > div:nth-child(2n+1) {
    border-left: 1px solid #0063b6;
  }
  .tab_6 > div:nth-child(n+3) {
    border-top: none;
  }
  .tab_1_col_sp {
    display: block;
  }

  .tab_1_col_sp > div {
    width: 100%;
    border: 1px solid #0063b6;
    text-align: center;
    font-weight: bold;
    padding: 12px 0px !important;
  }

  .tab_1_col_sp.tab_2 > div {
    border-left: 1px solid #0063b6;
  }

  .tab_1_col_sp.tab_2 > div:nth-child(n+1) {
    border-top: none;
  }

  .tab_1_col_sp.tab_2 > div:first-child {
    border-top: 1px solid #0063b6;
  }

  .tab_2_line {
    padding: 15px 0px !important;
  }

  .tab_2_line_b {
    font-size: 85%;
    padding: 12px 0px !important;
  }
  /* strategy */

  .esg_balloon_right {
    margin: 0em 0px 1.5em 0 !important;
  }
  .esg_balloon_right:before {
    content: "";
    position: absolute;
    margin-top: 0px !important;
    border: 15px solid transparent;
    border-top: 15px solid #004ea2;
    top: 100% !important;
    left: 50% !important;
    margin-left: -15px;
  }
  /*history*/

  .esg_history01_tab {
    padding: 5px 20px;
  }

  .esg_Hhistory_ttl {
    color: #fff !important;
    margin-bottom: 10px !important;
    font-size: 2.0rem !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
  }

  .esg_history01_panel {
    padding: 5px 20px;
    border: 2px solid #64a9de;
  }

  .esg-history_mB {
    margin-bottom: -20px;
  }

  /* topcomittment */

  .ArticleLabelWrap_tc {
    margin-bottom: 30px;
  }

  .sectionBlock_tc {
    margin-bottom: 20px;
  }

  /* social */
  span.esg-ttl01-bd_2 {
    border-bottom: 1px solid #7fb4dd;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 20px;
    width: 20px !important;
  }

  /* link list_box02 */

  .esg-list_box02 a {
    height: 100%;
    padding: 1em .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #eee;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    line-height: 1.4;
  }

}

/*
20220427 esg/strategy/rb/fusion.html */
.esg-txtknkgreen {
  color: #4db56a;
}
.esg-list03green li::before {
  background: #4db56a;
}
.esg-txtknkorange {
  color: #fd7e00;
}
.esg-list03orange li::before {
  background: #fd7e00;
}
.esg-txtknkpink {
  color: #fc0fc0;
}
.esg-list03pink li::before {
  background: #fc0fc0;
}
.esg-txtknklightblue {
  color: #71c5e8;
}
.esg-list03lightblue li::before {
  background: #71c5e8;
}
.esg-txtknklightred {
  color: #dd7687;
}
.esg-grid-fusion {
  display: flex;
  align-items: stretch;
  width: 500px;
  margin: auto;
  justify-content: space-around;
  margin-bottom: 40px;
}
.esg-grid-fusion img:first-child {
  width: 28%;
}
.esg-grid-fusion img:last-child {
  width: 68%;
}
.esg-grid-fusion02 {
  display: flex;
  align-items: stretch;
  width: 400px;
  margin: auto;
  justify-content: space-around;
  margin-bottom: 40px;
}
.esg-grid-fusion03 {
  display: flex;
  align-items: stretch;
  width: 700px;
  margin: auto;
  justify-content: space-around;
  margin-bottom: 40px;
}

.esg-img-small img {
  width: 25%;
}
.esg-width-50 {
  width: 50%;
}
.esg-width-55 {
  width: 55%;
}

.esg-width-60 {
  width: 60%;
}
.esg-width-70 {
  width: 70%;
}
.esg-width-80 {
  width: 80%;
}
.esg-width-100 {
  width: 100%;
}
@media only screen and (max-width: 767px) {

  .esg-width-50,
  .esg-width-60,
  .esg-width-70,
  .esg-width-80 {
    width: 100%;
  }
}
.esg-parent .balloon99 {
  position: absolute;
  top: -30px;
  left: 315px;
}

.esg-parent .balloon99 img {
  width: 200px;
}

.esg-parent .balloon100 {
  position: absolute;
  top: -47px;
  left: 565px;
}

.esg-parent .balloon100 img {
  width: 200px;
}

.esg-parent .balloon101 {
  position: absolute;
  top: -47px;
  left: 375px;
}

.esg-parent .balloon101 img {
  width: 200px;
}


@media (max-width: 767px) {
  .esg-grid-fusion {
    width: 100%;
  }
  .esg-img-small img {
    width: 50%;
  }
  .esg-width-70 {
    width: 100%;
  }
  .esg-parent .balloon99 {
    position: absolute;
    top: -19px;
    left: 210px;
  }
  .esg-parent .balloon99 img {
    width: 130px;
  }
  .esg-parent .balloon100 {
    position: absolute;
    top: -38px;
    right: 0;
    left: auto;
  }

  .esg-parent .balloon100 img {
    width: 130px;
  }
  .esg-parent .balloon101 {
    position: absolute;
    top: -38px;
    right: 0;
    left: auto;
  }
  .esg-parent .balloon101 img {
    width: 130px;
  }
}
@media (min-width: 1160px) {
  .esg-parent .balloon100 {
    /* right: 205px; */
    left: 565px;
  }
}

.esg-font-bold {
  font-weight: bold;
}


/*20220509 esg/strategy/hr/ */
.hr__table {
  border: solid 1px blue;
  text-align: center;
}
.hr__table th {
  background-color: aliceblue;
}
.hr__table caption {
  caption-side: bottom;
  text-align: left;
}
.hr__table .oneLine td {
  padding: 10px 0;
}
.hr__table .oneLine th {
  padding: 10px 0;
}
.blue__table {
  border: solid 1px #004ea2;
}
.blue__table td {
  padding: 10px;
  border: solid 1px #004ea2;
}
.blue__tag {
  background-color: #004ea2;
  color: white;
  padding: 5px;
}


/*20220510 esg/makeitreal/ */
.carbon__table {
  border-collapse: separate;
  border-spacing: 0;
}
.carbon__table tr td, .carbon__table tr th {
  border: 1px solid gray;
  border-bottom: 0;
  border-right: 0;
}
.carbon__table tr:last-child th, .carbon__table tr:last-child td {
  border-bottom: 1.0px solid gray;
}
.carbon__table tr td:last-child {
  border-right: 1.0px solid gray;
}
.carbon__table td {
  padding: 10px;
}
.carbon__ol li {
  text-indent: -1em;
  padding-left: 2em;
}
.carbon__ul li {
  margin-left: 1em;
}

.tcfd__table {
  border-collapse: separate;
  border-spacing: 0;
}
.tcfd__table tr td, .tcfd__table tr th {
  border: 1px solid gray;
  border-bottom: 0;
  border-right: 0;
}
.tcfd__table tr:last-child th, .tcfd__table tr:last-child td {
  border-bottom: 1.0px solid gray;
}
.tcfd__table tr td:last-child, .tcfd__table tr th:last-child {
  border-right: 1.0px solid gray;
}
.tcfd__table th {
  background: #e8f0d5;
  padding: 10px;
}
.tcfd__table td {
  padding: 10px;
}
.tcfd__table .esg-list03 li::before {
  left: 18px;
  background: #000000;
}
.tcfd__table .esg-list03 li {
  padding-left: 35px;
}

.add-mb30 {
  margin-bottom: 30px;
}
.add-mb50 {
  margin-bottom: 50px;
}

.green__flexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.green__flexBox figcaption {
  font-size: 13px;
}
.green01 {
  width: 100%;
  margin-bottom: 20px;
}
.green01 img {
  width: 70%;
  margin-bottom: 10px;
}
.green02 img {
  margin-bottom: 10px;
}
.green02 {
  width: 49%;
}
.green01 figure {
  text-align: center;
}
.green02 figure {
  text-align: center;
}

@media (min-width: 768px) {
  .esg-add > div:first-child {
    margin-bottom: 20px;
  }
  .esg-add > div:nth-child(2) {
    margin-bottom: 20px;
  }
  .esg-add > div:nth-child(3) {
    margin-bottom: 50px;
  }
  .esg-add > div:last-child {
    margin-bottom: 50px;
  }
}

@media (max-width: 375px) {
  .eag-add-a .esg-top-btn a {
    font-size: 10px;
  }
}

.ip-caption-flex {
  display: flex;
}
.ip-caption-flex p:first-child {
  padding-right: 16%;
}

.box-indent {
  padding-left: 1em;
}

.box-indent .esg-list03 li::before {
  width: 3px;
  height: 3px;
}
.blue-box {
  border: 1px solid #004ea2;
  padding: 0 10px;
}
.align-center {
  text-align: center !important;
}

/*20220616 toppage */
.esg-top-content {
  padding: 10px;
  padding-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .esg-top-content {
    padding-bottom: 0;
  }
}
.padding-img {
  padding-top: 15px;
}

@media (min-width: 768px) {
  .padding-img-l {
    padding-top: 67%;
  }
  .padding-img-table {
    padding-top: 22px;
  }
}
.top-grid .esg-grid02-Col_txt {
  width: 76%;
}
.top-grid .esg-grid02-Col_img {
  width: 24%;
}
@media print {
  .esg-parent .balloon99 {
    top: -30px;
    left: 310px;
  }
  .esg-parent .balloon100 {
    top: -40px;
    right: auto;
    left: 570px;
  }
  .esg-parent .balloon101 {
    top: -40px;
    right: auto;
    left: 380px;
  }
}

/*20220617 makeitreal */
.img-small-add {
  text-align: center;
}
.img-small-add img {
  width: 60%;
}
.img-small-add p {
  width: 60%;
  margin: auto;
  padding-top: 10px;
}
.text-left {
  text-align: left !important;
  font-size: 90%;
  line-height: normal;
}
/*
.tab_2 > div.tab_1_line_en a {
  padding: 16px 0px;
  font-size:90%;
}
.tab_2 > div.tab_2_line_en a {
  padding: 10px 0px;
  font-size:90%;
}
.tab_2 > div.tab_3_line_en a {
  padding: 3px 0px;
  font-size:90%;
}
.esg_vc_tab_on.tab_3_line_en{
  padding: 3px 0px;
}
@media only screen and (max-width: 767px){
  .tab_1_col_sp.tab_2 > div.tab_1_line_en a {
    padding : 0px 0px;
  }
  .tab_1_col_sp.tab_2 > div.tab_2_line_en a {
    padding : 0px 0px;
  }
  .tab_1_col_sp.tab_2 > div.tab_3_line_en a {
    padding : 0px 0px;
  }
}
*/

/*20220214 data/outline/history */
.esg-grid05-Col_txt {
  display: flex;
  width: 65%;
  justify-content: space-between;
}

.esg-grid05_year {
  width: 20%;
}
.esg-grid05_txt {
  width: 80%;
}

.esg-grid05-Col_img {
  width: 30%;
}

@media (max-width: 767px) {
  .esg-grid05-Col_txt {
    width: 100%;
  }
  .esg-grid05-Col_img {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
}

/*20220624 subnavigation */
.esg_sub_tab {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 90px;
}
.col_2pc {
  width: 50%;
  min-height: 52px;
}
.col_2pc:nth-child(n+2) {
  border-left: 0;
}
.col_2pc:nth-child(n+3) {
  border-top: 0;
}
.col_2pc:nth-child(2n+1) {
  border-left: 1px solid #0063b6;
}
.col_3pc {
  width: 33%;
  min-height: 52px;
}
.col_3pc:nth-child(n+2) {
  border-left: 0;
}
.col_3pc:nth-child(n+4) {
  border-top: 0;
}
.col_3pc:nth-child(3n+1) {
  border-left: 1px solid #0063b6;
}
.col_4pc {
  width: 25%;
  min-height: 52px;
}
.col_4pc:nth-child(n+2) {
  border-left: 0;
}
.col_4pc:nth-child(n+5) {
  border-top: 0;
}
.col_4pc:nth-child(4n+1) {
  border-left: 1px solid #0063b6;
}
.esg_sub_box {
  inset: 0;
  display: flex;
  border: 1px solid #0063b6;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.esg_sub_box a {
  display: flex;
  min-height: 52px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.esg_sub_on {
  color: #fff;
  background: #0063b6;
}
@media (max-width: 767px) {
  .esg_sub_tab {
    font-size: 1.2rem;
    margin-bottom: 45px;
  }
  .esg_sub_box a {
    min-height: 42px;
  }
  .col_2sp {
    min-height: 42px;
  }
  .col_2sp {
    width: 50%;
    min-height: 42px;
  }
  .col_2sp:nth-child(2n+1) {
    border-left: 1px solid #0063b6;
  }
  .col_2sp:nth-child(2n) {
    border-left: 0;
  }
  .col_2sp:nth-child(n+3) {
    border-top: 0;
  }
  .col_1sp {
    width: 100%;
    min-height: 47px;
  }
  .col_1sp:nth-child(n) {
    border-left: 1px solid #0063b6;
  }
  .col_1sp:nth-child(n+2) {
    border-top: 0;
  }
}

/*20230612*/
.esg-grid_top {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
}

.esg-grid03-white.esg-top-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem !important;
  text-align: center;
}

.esg-grid03-white.esg-top-btn a {
  display: block;
  padding: 30px 0px;
}

.esg_strategy_ttl {
  position: relative;
  padding: 0.3em;
  text-align: center;
}

.esg_strategy_ttl:before,
.esg_strategy_ttl:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  display: inline-block;
  border-top: solid 2px #0063b6;
  border-bottom: solid 2px #0063b6;
}

.esg_strategy_ttl:before,
.esg_strategy_ttl:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  display: inline-block;
  border-top: solid 2px #0063b6;
  border-bottom: solid 2px #0063b6;
}

.esg_strategy_ttl:after {
  border-right: solid 2px #0063b6;
  right: 0;
}

.esg_strategy_ttl:before {
  border-left: solid 2px #0063b6;
  left: 0;
}

.esg_strategy_ttl {
  position: relative;
  padding: 0.3em;
  text-align: center;
}

.esg-inline-block02 {
  display: inline-block;
  width: 10rem;
}

@media (max-width: 590px) {
  .esg-inline-block02 {
    width: 3rem;
  }
}

/*strategy*/
.esg_hybrid_ttl_blue {
  font-size: 2.4rem;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 50px;
}

.esg_hybrid_ttl_red {
  font-size: 2.4rem;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 50px;
}

.esg-hybrid_h3 {
  font-size: 36px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}

.esg-hybrid_p {
  font-size: 24px;
  text-align: left;
  margin: 0.5em 0;
}

.esg_strategy_ttl > small {
  font-weight: normal;
}

b,
h2 {
  font-weight: 700;
}

.esg-tal {
  text-align: left;
}

.esg-interview-content {
  background-color: #e5f1f9;
  padding: 20px;
  border-radius: 10px;
}

.barLabel {
  width: 100%;
}

/*topmessage*/
.esg_tm-bgblock {
  display: flex;
  flex-flow: wrap;
  justify-content: stretch;
}

.esg_tm-bgblock__text {
  min-width: 60%;
  max-width: 80%;
}

.esg_tm-bgblock__img {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-grow: 1;
}

@media screen and (max-width: 638px) {
  .esg_tm-bgblock__img {
    width: 100%;
  }

  .esg_tm-bgblock__text {
    min-width: 100%;
    max-width: 100%;
  }
}

.esg_tm-bgblock__img--140 {
  width: 140px;
}

.esg_tm-bgblock__img--200 {
  width: 200px;
}

.esg_tm-bgblock__img > img {
  height: auto;
  object-fit: contain;
}

.esg_tm-br {
  display: block;
  content: "";
  margin: 1em 0;
}

.esg-tm-list {
  list-style: disc;
  text-indent: 2em;
}

.esg-topGrid_pl50 {
  padding-left: 50px;
}

.esg-topGrid_italic {
  font-style: italic;
}

.esg-topm_bold {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}

.esg_tm-bgblock__img--grow {
  flex-grow: 1;
}
.esg-topGrid_001 {
  width: 49%;
  margin: auto;
}
/*画像縦の高さ揃え*/

.esg-grid00--h {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  justify-content: left;
  gap: 12px;
}

.esg-grid02-Col--h {
  width: fit-content;
}

.esg-height--200 {
  height: 200px;
}

.esg-height--250 {
  height: 250px;
}

.esg-img--h {
  height: 200px;
  width: auto;
}

@media (max-width: 767px) {
  .esg-grid02-Col--h {
    width: 100%;
  }

  .esg-img--h {
    width: min(440px, 100%);
    height: auto;
  }
}



/*画像横ぞろえ*/
.esg-img--150 {
  width: 150px;
}

.esg-img--200 {
  width: 200px;
}

@media (max-width: 767px) {
  .esg-tabwidth-40p {
    width: 40%;
    margin-inline: auto;
  }

  .esg-tabwidth--250,
  .esg-tabwidth--300 {
    width: 100%;
    height: auto;
  }

}

/*キャプション調整*/
.esg-pcwidth--300 {
  width: 300px;
}

.esg-pcwidth--380 {
  width: 380px;
}

@media (max-width: 767px) {

  .esg-pcwidth--300,
  .esg-pcwidth--380 {
    width: 100%;
  }
}

/*/strategy/hybrid/*/
.esg-hybrid_h3 {
  font-size: 36px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}

.esg-hybrid_p {
  font-size: 24px;
  text-align: left;
  margin: 0.5em 0;
}

/*inline-block*/
.esg-inline-block01 {
  display: inline-block;
  width: 12rem;
}

.esg-inline-block02 {
  display: inline-block;
  width: 20rem;
}
.esg-inline-block03 {
  display: inline-block;
  width: 9rem;
}
@media (max-width: 767px) {
  .esg-inline-block01 {
    width: 2rem;
  }

  .esg-inline-block02 {
    width: 35rem;
  }
  .esg-inline-block03 {
    display: none;
    /* display: inline-block;
  width:18%; */
  }
}

@media (max-width: 590px) {
  .esg-inline-block02 {
    width: 20rem;
  }
  .esg-inline-block03 {
    display: inline-block;
    width: 1rem;
  }
}

.esg-topm_bold {
  font-family: 'Noto Sans JP';
  font-weight: 900;
}

.esg-fitcontent {
  width: fit-content;
}

@media (max-width:767px) {
  .esg-fitcontent {
    width: 100%;
  }
}


.esg-br-pc {
  display: inline;
}
.esg-br-sp {
  display: none;
}
@media (max-width:767px) {
  .esg-br-pc {
    display: none;
  }
  .esg-br-sp {
    display: inline;
  }
}

.esg-width-650px {
  width: 650px;
}

@media (max-width:767px) {
  .esg-width-650px {
    width: 100%;
  }
}
.esgp-br {
  display: none;
}
/*印刷　上書き用*/
@media print {
  .esgp-mT10 {
    margin-top: 10px !important;
  }
  .esgp-br {
    display: inline;
  }
  .table-nonefix {
    table-layout: unset !important;
  }

}
.esg-th--paddingmin {
  padding: 6px 10px !important;
}
.esg-noticebox {
  display: flex;
  flex-flow: nowrap;
  font-size: 85%;
  line-height: 1.5;
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .esg-flex-sp {
    display: flex;
  }
  .esg-block-sp {
    display: block;
  }
  .esg-width-50-sp {
    width: 50%;
  }
}

.align-end {
  align-items: end !important;
}

@media print {
  .esg-flex-sp {
    display: flex;
  }
  .esg-block-sp {
    display: block;
  }
  .esg-width-50-sp {
    width: 50%;
  }

}
@media only screen and (max-width: 767px) {
  .esg-width-55, .esg-tabwidth--100 {
    width: 100%;
  }
}
.esg-2024top-management .esg-grid03-Col.esg-top-btn {
  margin-bottom: 0;
}
.esg-2024top-management {
  width: 520px;
}
@media only screen and (max-width: 767px) {
  .esg-grid03-Col.esg-top-btn {
    width: 100%;
  }
}
.esg-discover__btn > div:nth-of-type(1) a {
  font-size: 22px;
  text-align: center;
}
.esg-discover__btn > div:nth-of-type(2) {
  padding-inline: 16px;
}
.esg-noticeflex--reg {
  gap: 0.5em;
}
.esg-width-25 {
  width: 25% !important;
}
@media (max-width: 767px) {
  .esg-width-25 {
    width: 100% !important;
  }
}
.esg-generation__wrapper {
  flex-wrap: nowrap !important;
}
@media screen and (max-width: 1169px) {
  .esg-generation__wrapper {
    flex-wrap: wrap !important;
  }
}
.esg-Table00 :is(th, td) {
  padding: 4px 8px !important;
  font-size: 12px;
}
.esg-flex--nowrap * {
  min-width: 0;
}
.esg-bt1 {
  border-top: 1px solid #0063b6 !important;
}
.esg-highlight .esg-grid02-Col img {
  width: 421px;
}
@media only screen and (max-width: 767px) {
  .esg-highlight .esg-grid02-Col img {
    width: 100%;
  }
}
.esg-mT80 {
  margin-top: 80px !important;
}
.esg-mT140 {
  margin-top: 140px !important;
}
@media only screen and (max-width: 767px) {
  .esg-mT80, .esg-mT140 {
    margin-top: 40px !important;
  }
}

@media print {
  .esgp-tableauto {
    table-layout: auto;
  }
  .esgp-width-unset {
    width: unset;
  }
  .esgp-width-12cm {
    width: 12cm !important;
  }
  .esgp-height-unset {
    height: unset !important;
  }
}
.esg-noticeflex > span {
  font-size: 85%;
}
.esg-strategy-linkarea {
  background-image: url(/en/esg/strategy/img/img_strategy_02.jpg);
}
.esg-strategy-linkarea .esg-flex {
  gap: 16px;
}
.esg-strategy-linkarea .esg-flex a {
  flex-shrink: 0;
  font-size: 22px;
}
.esg-strategy-linkarea .esg-flex p {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .esg-strategy-linkarea .esg-flex :is(a, p) {
    font-size: 12px;
  }
}
.branchBox h2.esg_top_txt {
  margin-bottom: 22px;
}
.esg-2025top-subttl {
  font-size: 26px !important;
  margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
  .esg-2025top-subttl {
    font-size: 24px !important;
  }
}
.esg-2025top-grid {
  row-gap: 26px;
}
.esg-2025top-img02 {
  top: unset;
}
.esg-2025top-img05 {
  z-index: -1;
  width: 22%;
  bottom: -55px;
}
.esg-2025top-img07 {
  bottom: 66%;
}
.esg-2025top-img13 {
  margin-top: 36px;
}
.esg-2025top-img14 {
  margin-top: 125px;
}
@media screen and (max-width: 767px) {
 .esg-2025top-img14 {
  margin-top:0;
}
}
.esg-2025top-img15 {
  margin-top: 0;
}
.esg-2025top-img16 {
  width: 28%;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px){
  .esg-height--200{
    height: auto;
  }
  .esg-tabwidth--80{
    width: 80%;
  }
}
.esg-2025top-discover h2.esg_top_txt{
  margin-bottom: 40px;
}
i{
  font-style: italic;
}
.esg-gap02{
  gap: 0.2em;
}
.esg-2024top-grid{
  grid-template-columns: min-content min-content 1fr;
  column-gap: 0.2em;
}