.wrapper {
  position: relative;
}
.imgBox {
  background-image: url(/sustainability/images/main_sustainability.jpg);
  height: 200px;
  width: 100%;
  background-position: 0% top;
}
.fixBox table {
  max-width: none;
}
.fixBox table caption {
  text-align: left;
  margin-bottom: 0.5em;
  font-size: 1.6rem;
  position: relative;
}
.fixBox table caption:before {
  content: "「";
}
.fixBox table caption:after {
  content: "」";
}
.fixBox table caption span {
  font-size: 1.2rem;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
/***********************************************/
@media print, screen and (min-width: 480px) {
  .imgBox {
    height: 300px;
  }
  .box .cut-3:nth-child(3n+1) {
    clear: both;
  }
}
/***********************************************/
@media print, screen and (min-width: 824px) {
  .fixBox table {
    max-width: 100%;
    ;
  }
}
/***********************************************/
@media only screen and (min-width: 1012px) {
  .imgBox {
    height: 360px;
  }
}
/*共通処理*/
#sect1, #sect2, #sect3, #sect4, #sect5, #sect6 {
  padding-top: 50px;
  margin-top: -50px;
}
ul.inlink, .sect_end {
  position: relative;
  z-index: 2;
}
p:nth-of-type(n+2) {
  margin-top: 2em;
}
dl dt {
  float: none;
}
dl dt:after {
  display: none;
}
.wrapper .wrapper {
  padding: 0;
}
.wrapper:nth-of-type(n+2) {
  margin-top: 60px;
}
#content-head + .wrapper {
  margin-top: 0px;
}
.block {
  text-align: left;
}
.img .caption {
  display: block;
  margin-bottom: 1em;
}
.img .caption:before {
  content: "「"
}
.img .caption:after {
  content: "」"
}
ul.atte > li {
  display: table;
  width: auto;
}
ul.atte > li:nth-of-type(n+2) {
  margin-top: 0.5em;
}
ul.atte > li:before {
  content: "※";
  display: table-cell;
}
ul.circle > li {
  display: table;
  width: auto;
}
ul.circle > li:before {
  display: table-cell;
  content: "〇";
}
ul.base {
  padding-left: 1.5rem;
}
ul.base > li {
  list-style-type: disc;
  display: list-item;
}
ul.number1 > li {
  display: table;
  width: auto;
}
ul.number1 > li:before {
  display: table-cell;
}
ul.number1 > li:nth-child(1):before {
  content: "①";
}
ul.number1 > li:nth-child(2):before {
  content: "②";
}
ul.number1 > li:nth-child(3):before {
  content: "③";
}
ul.number1 > li:nth-child(4):before {
  content: "④";
}
ul.number1 > li:nth-child(5):before {
  content: "⑤";
}
dl.table {
  display: table;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
dl.table .tr {
  display: table-row;
}
dl.table .tr > * {
  display: table-cell;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  vertical-align: top;
}
dl.table .tr:nth-of-type(n+2) > * {
  padding-top: 0.5em;
}
dl.table .tr > dt {
  white-space: nowrap;
  padding-right: 1em;
}
.caption {
  margin-bottom: 0.5em;
  font-size: 1.6rem;
}
.gray_box {
  background-color: #f5f5f5;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  text-align: left;
  margin-top: 20px;
}
.gray_box h3 {
  margin-top: 0px;
}
#pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: none;
  margin: 20px 0 0;
}
#pagination span {
  display: inline-block;
  width: auto;
}
#pagination .current_page {
  border: 1px solid #ccc;
  padding: 5px 10px 3px;
  display: inline-block;
  background-color: #3F7BC4;
  color: #fff;
}
#pagination a {
  border: 1px solid #ccc;
  padding: 5px 10px 3px;
  display: inline-block;
  width: auto;
}
#pagination a:hover {
  background-color: #033884;
  color: #fff;
}
/*サステナビリティトップ*********************/
dl#sus_top {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 824px;
}
dl#sus_top .block {
  width: 100%;
  text-align: left;
}
dl#sus_top .block > dt a {
  display: block;
  color: #033884;
  font-size: 1.6rem;
}
dl#sus_top .block > dt a .name {
  margin-top: 15px;
}
dl#sus_top .block > dd {
  margin-top: 10px;
  font-size: 1.2rem;
}
dl#sus_top .block ul.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.5rem;
  column-gap: 1em;
}
dl#sus_top .block ul.list > li {
  width: calc(50% - 0.75em);
  padding-left: 1.5em;
  position: relative;
}
dl#sus_top .block ul.list.full > li {
  width: 100%;
}
dl#sus_top .block ul.list > li:before {
  content: "";
  aspect-ratio: 1/1;
  display: block;
  width: 0.5em;
  border-left: 1px none #033884;
  border-right: 1px solid #033884;
  border-bottom: 1px none #033884;
  border-top: 1px solid #033884;
  position: absolute;
  left: 0px;
  top: 0.4em;
  transform: rotate(45deg);
}
dl.number2 {
  counter-reset: num 0;
}
dl.number2 > dt:before {
  counter-increment: num;
  content: counter(num)".";
}
@media print, screen and (min-width: 480px) {
  dl#sus_top {
    margin-top: 20px;
  }
  dl#sus_top .block {
    width: calc(50% - 1px);
  }
  dl#sus_top .block > dt {
    display: block;
    float: none;
  }
  dl#sus_top .block > dt:after {
    display: none;
  }
}
/*****************************************/
/*中電工グループサステナビリティ基本方針********/
#policy dl.point {
  margin-top: 40px;
}
#policy dl.point .block:nth-of-type(n+2) {
  margin-top: 30px;
}
#policy dl.point .block > dt {
  font-size: 2.0rem;
}
#policy dl.point .block > dd {
  margin-top: 15px;
}
#policy .flex1, #policy .flex2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 30px;
}
#policy .flex2 {
  margin-top: 60px;
}
#policy .flex1 p, #policy .flex2 dl.theme {
  width: 100%;
}
#policy dl.theme > dt {
  font-weight: bold;
}
@media print, screen and (min-width: 480px) {
  #policy .flex1, #policy .flex2 {
    justify-content: space-between;
  }
  #policy .flex1 p {
    width: 100%;
  }
  #policy .flex1 .img {
    width: 29.1262%;
  }
  #policy .flex2 .img {
    width: 100%;
  }
  #policy .flex2 dl.theme {
    width: calc(36.8932% - 2em);
  }
}
/*****************************************/
/*TCFD提言に基づく情報開示*******************/
#tcfd p {
  margin-bottom: 0px;
}
#tcfd .main_copy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}
#tcfd .wrapper:nth-of-type(n+2) {
  margin-top: 60px;
}
#tcfd .main_copy .img {
  max-width: 496px;
}
#tcfd .main_copy p {
  width: 100%;
}
#tcfd .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}
#tcfd .flex .img {
  width: 100%;
}
#tcfd .fixBox {
  margin-top: 30px;
}
#tcfd table tbody tr > * {
  width: 8%;
}
#tcfd table.table1 tbody tr > *:nth-last-child(1), #tcfd table.table1 tbody tr > *:nth-last-child(5), #tcfd table.table1 tbody tr > *:nth-last-child(6) {
  width: 20%;
}
#tcfd table.table1 tbody tr > *:nth-last-child(2), #tcfd table.table1 tbody tr > *:nth-last-child(3), #tcfd table.table1 tbody tr > *:nth-last-child(4), #tcfd table.table1 tbody tr > *:nth-last-child(7), #tcfd table.table1 tbody tr > *:nth-last-child(8) {
  text-align: center;
}
#tcfd table.table2 tbody tr > *:nth-last-child(1), #tcfd table.table2 tbody tr > *:nth-last-child(5), #tcfd table.table2 tbody tr > *:nth-last-child(6), #tcfd table.table2 tbody tr > *:nth-last-child(7) {
  width: 19%;
}
#tcfd table.table2 tbody tr > *:nth-last-child(2), #tcfd table.table2 tbody tr > *:nth-last-child(3), #tcfd table.table2 tbody tr > *:nth-last-child(4) {
  text-align: center;
}
#tcfd table.table3 tbody tr > *, #tcfd table.table4 tbody tr > * {
  width: 25%;
  text-align: center;
}
@media print, screen and (min-width: 480px) {
  #tcfd .main_copy .img, #tcfd .flex .img {
    width: 33.9806%;
  }
  #tcfd .main_copy p, #tcfd .flex p {
    width: calc(66.0194% - 2em);
  }
}
/*****************************************/
/*人的資本の投資?活用***********************/
#investment .red {
  color: #FF0000;
}
#investment .red ul.atte > li {
  color: #424242;
}
#investment .red ul.atte > li:before {
  color: #FF0000;
}
#investment dl.point {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
#investment dl.point .block {
  background-color: #F5F5F5;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
#investment dl.point .block > dt {
  color: #033884;
  font-size: 2.0rem;
}
#investment dl.point .block > dd {
  margin-top: 20px;
}
#investment .framework {
  margin-top: 30px;
}
#investment .table1 tr > * {
  width: 25%;
}
#investment .table1 tr > * {
  text-align: center;
}
#investment ul.circle {
  margin-top: 30px;
}
#investment dl.base {
  padding-left: 2em;
}
#investment dl.base > dt {
  font-weight: bold;
}
#investment ul.circle ul.number1 {
  padding-left: 2em;
}
#investment .fixBox {
  margin-top: 20px;
}
#investment .table2 {
  width: auto;
}
#investment .table2 tr > * {
  width: 50%;
  text-align: left;
}
#investment .table2 tr > * {
  text-align: center;
}
#investment dl.number2 > dt {
  font-size: 2.0rem;
  color: #033884;
}
#investment dl.number2 > dd {
  margin-top: 0.5em;
}
#investment dl.number2 > dt:nth-of-type(n+2) {
  margin-top: 30px;
}
#investment dl.goal > dt {
  font-weight: bold;
}
#investment h2.line {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  color: #033884;
  font-size: 2rem;
  border-top: 1px solid #033884;
  border-bottom: 1px solid #033884;
}
#investment ul.img_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
#investment ul.img_list > li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
}
#investment ul.img_list > li.column2, #investment ul.img_list > li.column3 {
  row-gap: 20px;
}
#investment ul.img_list .caption {
  font-size: 1.28rem;
  font-weight: bold;
  margin-bottom: 0.3em;
}
#investment ul.img_list > li > .caption {
  margin-bottom: calc(-20px + 0.3em);
}
#investment ul.img_list .caption:before {
  content: "＜";
}
#investment ul.img_list .caption:after {
  content: "＞";
}
#investment .womens {
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
#investment .womens.none {
  margin-top: 0px;
}
#investment .woman:nth-of-type(n+2) {
  margin-top: 60px;
}
#investment .woman .gray {
  background-color: #F5F5F5;
  padding-bottom: 30px;
}
#investment .woman .flex_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 30px;
}
#investment .woman .flex_center .data {
  width: 90%;
}
#investment .woman .flex_center .data .name {
  font-size: 24px;
  font-size: 2.4rem;
  color: #033884;
  padding: 10px 15px 8px 0;
  border-bottom: 2px solid #033884;
}
#investment .woman .flex_center .data dl.affiliation {
  margin-top: 15px;
}
#investment .woman .flex_center .data dl.affiliation > dt:after {
  content: "：";
  display: inline-block;
}
#investment .woman .flex_center .data dl.affiliation > * {
  display: inline-block;
}
#investment .woman h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #eee;
  padding: 10px 15px 8px;
  margin: 20px 0 15px;
  color: #424242;
}
#investment .woman .coment > h1, 
#investment .woman .coment > h2, 
#investment .woman .coment > h3, 
#investment .woman .coment > h4, 
#investment .woman .coment > h5, 
#investment .woman .coment > h6, 
#investment .woman dl.coment > dt {
  font-weight: bold;
  font-size: 1.28rem;
  line-height: 1.6;
  width: auto;
  max-width: none;
  margin: 0;
  color: #424242;
}
#investment .woman .coment > h1:before, 
#investment .woman .coment > h2:before, 
#investment .woman .coment > h3:before, 
#investment .woman .coment > h4:before, 
#investment .woman .coment > h5:before, 
#investment .woman .coment > h6:before, 
#investment .woman dl.coment > dt:before {
  content: "【";
}
#investment .woman .coment > h1:after, 
#investment .woman .coment > h2:after, 
#investment .woman .coment > h3:after, 
#investment .woman .coment > h4:after, 
#investment .woman .coment > h5:after, 
#investment .woman .coment > h6:after, 
#investment .woman dl.coment > dt:after {
  content: "】";
  display: inline;
}
#investment .woman .coment > *:nth-child(even) {
  margin-bottom: 10px;
  line-height: 1.6;
}
#investment .woman .coment > *:last-child {
  margin-bottom: 0px;
}
#investment .link_page2 {
  display: block;
  margin-top: -30px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#investment .link_page2 > a {
  display: block;
  width: 118px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  text-align: center;
  border: 1px solid #ccc;
}
@media print, screen and (min-width: 480px) {
  #investment dl.point .block {
    width: 49%;
  }
  #investment ul.img_list > li.column2 > * {
    width: 47.9369%;
  }
  #investment ul.img_list > li.column3 > * {
    width: 29.9757%;
  }
  #investment ul.img_list > li > .caption {
    width: 100%;
  }
  #investment .womens {
    padding-left: 0px;
    padding-right: 0px;
  }
  #investment .womens h2 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 824px;
  }
  #investment .woman .gray {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #investment .woman .flex_center {
    width: 94%;
    max-width: 824px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: center;
  }
  #investment .woman .flex_center .img {
    width: 40.0485%;
  }
  #investment .woman .flex_center .data {
    width: 57.5243%;
  }
  #investment .woman .body, #investment .woman .sect_end {
    display: block;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 824px;
  }
  #pagination {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }
}
/*****************************************/
/*ガバナンス********************************/
#governance dl.gray_dl {
  margin-top: 30px;
}
#governance dl.gray_dl > dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #eee;
  padding: 10px 15px 8px;
  display: block;
}
#governance dl.gray_dl > dt:nth-of-type(n+2) {
  margin-top: 20px;
}
#governance dl.gray_dl > dd {
  margin-top: 15px;
}
#governance dl.compliance > dt {
  font-size: 2.0rem;
  color: #033884;
}
#governance dl.compliance > dt:nth-of-type(n+2) {
  margin-top: 40px;
}
#governance dl.compliance > dd {
  margin-top: 10px;
}
#governance .business_table {
  margin-top: 30px;
}
#governance .business_table table tr {
  display: block;
}
#governance .business_table table tr:nth-of-type(n+2) {
  margin-top: 3em;
}
#governance .business_table table tr td {
  display: block;
}
#governance .business_table table thead {
  display: none;
}
#governance .business_table table tbody tr td {
  position: relative;
  padding-top: calc(3em + 12px);
}
#governance .business_table table tbody tr td:nth-of-type(n+2) {
  border-top: none;
}
#governance .business_table table tbody tr td:before {
  content: "";
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3em;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #ccc;
}
#governance .business_table table tbody tr td:nth-child(1) {
  padding-top: 12px;
  font-size: 1.6rem;
  font-weight: bold;
  border-top: none;
  border-left: none;
  border-right: none;
}
#governance .business_table table tbody tr td:nth-child(1):before {
  content: "項目";
  display: none;
}
#governance .business_table table tbody tr td:nth-child(2):before {
  content: "主要なリスクの概要";
}
#governance .business_table table tbody tr td:nth-child(3):before {
  content: "リスク対策";
}
@media print, screen and (min-width: 480px) {
  #governance .business_table table tbody tr td:before {
    display: none;
  }
  #governance .business_table table thead {
    display: table-header-group;
  }
  #governance .business_table table tr {
    display: table-row;
  }
  #governance .business_table table tr td {
    padding: 12px !important;
    display: table-cell;
    border: 1px solid #ccc !important;
    font-size: 1.28rem !important;
    font-weight: normal !important;
    width: 40%;
    vertical-align: top;
  }
  #governance .business_table table tr td:nth-child(1) {
    width: 20%;
    vertical-align: middle;
  }
}
/*****************************************/
/*知財?無形資産の投資?活用戦略***************/
#strategy .flex_creation {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
}
#strategy .flex_creation > * {
  width: 100%;
}
#strategy dl.dl_creation > dt {
  font-size: 1.6rem;
}
#strategy dl.dl_creation > dt:nth-of-type(n+2) {
  margin-top: 20px;
}
#strategy dl.dl_creation > dt.input {
  color: #E2A31C;
}
#strategy dl.dl_creation > dt.activities {
  color: #7EB03B;
}
#strategy dl.dl_creation > dt.output {
  color: #53B03B;
}
#strategy dl.dl_creation > dt.outcome {
  color: #3A90B9;
}
#strategy .fixBox {
  margin-top: 20px;
}
#strategy .table1 {
  width: 100%;
}
#strategy .table1 tr > * {
  width: 50%;
}
#strategy .table1 tr > * {
  text-align: center;
}
@media print, screen and (min-width: 480px) {
  #strategy .flex_creation {
    justify-content: space-between;
  }
  #strategy .flex_creation > .img {
    width: 30.3398%;
  }
  #strategy .flex_creation > dl.dl_creation {
    width: 63%;
  }
}
/*****************************************/

#pagination {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}