@charset "UTF-8";
/*===========================================
sustainability.css
===========================================*/
/*-----------------------
variable
-----------------------*/
@media screen and (max-width: 767px) {
  html.noScroll {
    overflow: hidden !important; }
    html.noScroll body {
      overflow: hidden !important; } }
/*-----------------------
Side Nav
-----------------------*/
#sidebar ul > li > ul > li {
  font-size: 1.3rem; }
  #sidebar ul > li > ul > li.active {
    background-color: #eff4fa; }
    #sidebar ul > li > ul > li.active a:hover {
      text-decoration: underline; }
  #sidebar ul > li > ul > li a {
    padding-left: 30px; }
    #sidebar ul > li > ul > li a:before {
      content: '-';
      display: inline-block;
      margin: 0 3px 0 -0.7rem; }
  #sidebar ul > li > ul > li > ul > li {
    font-size: 1.2rem;
    background-color: transparent; }
    #sidebar ul > li > ul > li > ul > li a {
      padding-left: 45px; }
      #sidebar ul > li > ul > li > ul > li a:before {
        content: "\2514";
        display: inline-block;
        margin: 0 3px 0 -1.6rem; }

/*-----------------------
General class
-----------------------*/
/* module custom */
.bPattern01 {
  margin: 20px 0;
  padding: 25px; }
  @media screen and (max-width: 767px) {
    .bPattern01 {
      padding: 15px; } }

.tPattern03 .topLine01 {
  border-top: #ccc 1px solid; }

ul.iconLink li {
  margin-bottom: 0; }
ul.iconLink li + li {
  margin-top: 5px; }
@media screen and (max-width: 767px) {
  ul.iconLink.notChange {
    border: none !important; } }

.insideLinks.-column li {
  display: block; }

.uAlphaList.-margin li + li {
  margin: 15px 15px 15px 24px; }
.uAlphaList .figureWrap {
  margin: 10px 0; }
.uAlphaList .note {
  padding: 10px 0 0; }
  .uAlphaList .note li {
    list-style-type: none;
    margin-left: 0; }

.lumpMix .lumpR span,
.lumpMix .lumpL span {
  padding: 10px 0 0 0;
  text-align: left; }

@media screen and (max-width: 767px) {
  .lumpMix.-order {
    display: flex;
    flex-direction: column; }
    .lumpMix.-order [data-order="1"] {
      order: 1;
      margin: 20px 0 0; }
    .lumpMix.-order [data-order="2"] {
      order: 2;
      margin: 20px 0 0; }
    .lumpMix.-order [data-order="3"] {
      order: 3;
      margin: 20px 0 0; }
    .lumpMix.-order [data-order="4"] {
      order: 4;
      margin: 20px 0 0; }
    .lumpMix.-order [data-order="5"] {
      order: 5;
      margin: 20px 0 0; }
    .lumpMix.-order [data-order="1"] {
      margin: 0; } }
@media screen and (min-width: 768px) {
  .lumpMix.-adjust4 {
    margin-bottom: 30px; }
    .lumpMix.-adjust4 .lumpR {
      margin: 0 140px; } }
@media screen and (max-width: 767px) {
  .lumpMix.-adjust4 {
    margin-bottom: 20px; }
    .lumpMix.-adjust4 .lumpR span {
      text-align: center; } }

[class*="imgColumn"] li span {
  font-size: 1.4rem; }
  @media screen and (max-width: 767px) {
    [class*="imgColumn"] li span {
      text-align: left; } }

.pressBlock {
  margin: 60px 0 0; }
  @media screen and (max-width: 767px) {
    .pressBlock {
      margin: 40px 0 0; } }

.deciList02.-type1 li {
  text-indent: -2.9rem;
  margin-left: 2.9rem; }
.deciList02.-type1 .figureWrap figcaption {
  padding-left: 4.3rem; }

.underline {
  text-decoration: underline; }

/* section */
section.separate {
  margin-top: 45px;
  border-top: #ddd 1px solid; }
  @media screen and (max-width: 767px) {
    section.separate {
      margin-top: 30px; } }

/* heading */
.susHeading1 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 30px 0 15px; }
  .susHeading1.-line {
    margin: 60px 0 15px;
    padding: 0 0 10px;
    border-bottom: #014099 2px solid; }
  .susHeading1 .sub {
    font-size: 1.8rem; }
  .susHeading1 .sublink {
    display: inline-block;
    position: relative;
    margin: 0 0 0 40px;
    padding-left: 15px;
    font-size: 1.4rem; }
    .susHeading1 .sublink:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      margin: auto;
      width: 6px;
      height: 6px;
      border-top: #014099 1px solid;
      border-right: #014099 1px solid;
      transform: translateY(-50%) rotate(45deg);
      right: -10px;
      margin: auto 0; }
  .susHeading1 .note {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
    float: right;
    padding: 10px 0 0; }
  h1 + .susHeading1 {
    margin-top: 0 !important; }
  @media screen and (max-width: 767px) {
    .susHeading1 {
      font-size: 1.8rem; }
      .susHeading1.-line {
        margin: 40px 0 15px; }
      .susHeading1 .sub {
        font-size: 1.4rem; }
      .susHeading1 .sublink {
        margin: 0;
        display: block; }
      .susHeading1 .note {
        font-size: 1.2;
        float: none;
        padding: 3px 0 0; } }

.susHeading2 {
  font-size: clamp(2.4rem, 2.2vw, 3.2rem);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: clamp(15px, 2.5vw, 40px); }

.susHeadingLv1 {
  position: relative; }
  .susHeadingLv1 .susHeadingText {
    position: absolute;
    top: 80px;
    left: 0;
    font-size: 1.8rem; }
    @media print, screen and (min-width: 768px) and (max-width: 959px) {
      .susHeadingLv1 .susHeadingText {
        font-size: 1.4rem;
        top: 60px; } }
    @media only screen and (max-width: 767px) {
      .susHeadingLv1 .susHeadingText {
        font-size: 1.1rem;
        top: 50px;
        width: 62%; }
        .susHeadingLv1 .susHeadingText br {
          display: none; } }

/* text */
.textEmphasis {
  margin: 0 0 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center; }
  h1 + .textEmphasis {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .textEmphasis {
      margin: 0 0 20px;
      font-size: 1.6rem;
      text-align: left; }
      .textEmphasis br {
        display: none; } }
  .textEmphasis + p > img {
    width: 100%; }

.note.-asterisk {
  margin: 20px 0 0; }
  .note.-asterisk li {
    margin: 0;
    list-style-type: none;
    padding-left: 1.3rem;
    text-indent: -1.3rem;
    font-size: 1.4rem; }
    .note.-asterisk li i {
      color: #ff3300;
      font-style: normal; }
.note.-asterisk-nonum {
  margin: 20px 0 0; }
  .note.-asterisk-nonum li {
    margin: 0;
    list-style-type: none;
    padding-left: 1.0rem;
    text-indent: -1.0rem;
    font-size: 1.4rem; }
    .note.-asterisk-nonum li i {
      color: #ff3300;
      font-style: normal; }
.note.-asterisk-biodiversity {
  margin: 20px 0 0; }
  .note.-asterisk-biodiversity li {
    margin: 0;
    list-style-type: none;
    padding-left: 4.0rem;
    text-indent: -4.0rem;
    font-size: 1.4rem; }
.note.-scope {
  margin: 10px 0 0; }
  .note.-scope li {
    margin: 0;
    list-style-type: none;
    font-size: 1.3rem; }
.note.-hosoku {
  margin: 20px 0 0; }
  .note.-hosoku li {
    margin: 0;
    list-style-type: none;
    font-size: 1.4rem; }

.-surveys li {
  list-style-type: none;
  padding-left: 1.4rem !important;
  text-indent: -1.4rem !important;
  margin-left: 0; }

/* list */
.lowerList {
  margin: 60px 0 0; }
  .report + .lowerList {
    margin: 20px 0 0; }
  .lowerList + .susHeading1 {
    margin: 60px 0 15px; }
  .lowerList * {
    box-sizing: border-box; }
  .lowerList h4 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 25px 0 15px; }
  .lowerList > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .lowerList > ul li {
      width: 49.2%;
      display: flex;
      align-items: center;
      background-color: #014099; }
      .lowerList > ul li:nth-of-type(n+3) {
        margin: 15px 0 0; }
      .lowerList > ul li a {
        position: relative;
        display: block;
        width: 100%;
        color: #fff;
        padding: 25px;
        font-size: 1.8rem;
        font-weight: bold;
        transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1); }
        .lowerList > ul li a.-small {
          font-size: 1.6rem; }
        .lowerList > ul li a:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 50%;
          margin: auto;
          width: 6px;
          height: 6px;
          border-top: #fff 1px solid;
          border-right: #fff 1px solid;
          transform: translateY(-50%) rotate(45deg);
          right: 20px;
          margin: auto 0;
          left: 93%; }
        .lowerList > ul li a:hover {
          opacity: .8;
          text-decoration: none; }
  @media screen and (max-width: 767px) {
    .lowerList {
      margin: 30px 0 0; }
      .lowerList + .susHeading1 {
        margin: 40px 0 15px; }
      .lowerList h4 {
        font-size: 1.6rem;
        margin: 20px 0 10px; }
      .lowerList > ul {
        flex-direction: column; }
        .lowerList > ul li {
          width: 100%;
          margin: 0; }
          .lowerList > ul li:nth-of-type(n+3) {
            margin: 0; }
          .lowerList > ul li:nth-of-type(n+2) {
            margin-top: 1px; }
          .lowerList > ul li a {
            padding: 10px 25px 10px 15px;
            font-size: 1.4rem;
            font-weight: 300; }
            .lowerList > ul li a.-small {
              font-size: 1.4rem; } }

/* button */
.btnLink {
  margin: 40px 0 0;
  text-align: center; }
  .btnLink a {
    position: relative;
    display: inline-block;
    padding: 20px 140px;
    background-color: #014099;
    font-weight: 600;
    color: #fff;
    transition: all .4s; }
  .btnLink a:hover {
    text-decoration: none;
    opacity: .7; }
  .btnLink a::before {
    content: '';
    display: inline-block;
    margin: 0 10px 3px 0;
    width: 8px;
    height: 8px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle; }
  .btnLink.-mid {
    margin: 20px 0 0; }
    .btnLink.-mid a {
      padding: 15px 70px; }
  @media screen and (max-width: 767px) {
    .btnLink {
      margin: 20px 15% 0; }
      .btnLink a {
        display: block;
        padding: 15px 0;
        font-size: 1.4rem; }
      .btnLink.-mid {
        margin: 20px 0 0; }
        .btnLink.-mid a {
          padding: 15px; } }

.btnLink1 {
  position: relative;
  display: inline-block;
  padding: 5px 30px 5px 23px;
  background-color: #014099;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center; }
  .btnLink1:visited {
    color: #fff; }
  .btnLink1:hover {
    text-decoration: none;
    opacity: .7; }
  .btnLink1:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    transform: translateY(-50%) rotate(45deg);
    right: 20px;
    margin: auto 0;
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    left: 0; }

/* img */
.figureWrap {
  margin: 30px 0;
  text-align: center;
  overflow: hidden; }
  .figureWrap figcaption {
    margin: 0 0 20px;
    text-align: left;
    font-weight: 600; }
    .figureWrap figcaption .supp {
      display: inline-block;
      float: right;
      font-size: 1.4rem; }
  .figureWrap img + figcaption {
    margin: 20px 0 0; }
  h2 + .figureWrap {
    margin-top: 0; }
  h3 + .figureWrap {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .figureWrap {
      margin: 20px 0; }
      .figureWrap figcaption .supp {
        display: block;
        float: none;
        text-align: right; } }

.figCaption1 {
  margin: 30px 0 20px;
  font-weight: bold; }
  .headingActivity + .figCaption1 {
    margin-top: 0; }
  h2 + .figCaption1 {
    margin-top: 0; }

.figureColumn {
  display: flex;
  justify-content: space-between; }
  .figureColumn.-col2 > .figureWrap {
    width: calc((100% - 40px) / 2); }
  @media screen and (max-width: 767px) {
    .figureColumn.-col2 {
      flex-direction: column; }
      .figureColumn.-col2 > .figureWrap {
        width: 100%; }
        .figureColumn.-col2 > .figureWrap + .figureWrap {
          margin-top: 20px; } }

/* table */
.dataTable {
  overflow-x: scroll;
  padding-bottom: 10px; }
  .dataTable .tPattern03 th, .dataTable .tPattern03 td {
    vertical-align: middle; }
  .dataTable .tPattern03 thead th {
    background: #ccc;
    border-color: #fff;
    font-weight: bold;
    white-space: nowrap; }
  .dataTable .tPattern03 tbody th {
    white-space: nowrap;
    text-align: left; }
    .dataTable .tPattern03 tbody th[colspan].segment {
      background: #dedede; }
    .dataTable .tPattern03 tbody th[colspan] {
      font-weight: 600;
      background: #eaeaea; }
  .dataTable .tPattern03 tbody td .discList {
    white-space: nowrap;
    text-align: left; }
  .dataTable .tPattern03 .indent1 {
    padding-left: 1.5em; }
  .dataTable .tPattern03[data-label="all"] thead th[colspan], .dataTable .tPattern03[data-label="basicUnit"] thead th[colspan] {
    background: #666;
    color: #fff; }
  .dataTable .tPattern03[data-label="all"] thead tr > th:nth-of-type(5n), .dataTable .tPattern03[data-label="basicUnit"] thead tr > th:nth-of-type(5n) {
    background-color: #edf5dd; }
  .dataTable .tPattern03[data-label="all"] tbody tr > td:nth-of-type(5n-1), .dataTable .tPattern03[data-label="basicUnit"] tbody tr > td:nth-of-type(5n-1) {
    background-color: #edf5dd; }
  .dataTable::-webkit-scrollbar {
    height: 7px; }
  .dataTable::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px; }
  .dataTable::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666; }

@media screen and (max-width: 767px) {
  .smpVerticalTable,
  .smpVerticalTable caption,
  .smpVerticalTable tbody,
  .smpVerticalTable thead,
  .smpVerticalTable tr,
  .smpVerticalTable th,
  .smpVerticalTable td {
    display: block; }

  .smpVerticalTable th,
  .smpVerticalTable td {
    width: 100% !important; }

  .smpTableScroll {
    overflow-x: scroll;
    padding-bottom: 10px; }

  .smpTableScroll::-webkit-scrollbar {
    height: 7px; }

  .smpTableScroll::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px; }

  .smpTableScroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666; } }
/* box */
.activityReport {
  margin: 60px 0 0;
  padding: 30px 64px;
  background-color: #eff4fa; }
  .activityReport h3 {
    color: #014099;
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 25px;
    text-align: center; }
  .activityReport h4 {
    color: #014099;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 25px 0 15px;
    text-align: center; }
  .activityReport ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .activityReport ul li {
      width: 48%; }
      .activityReport ul li:nth-of-type(n+3) {
        margin-top: 10px; }
      .activityReport ul li a {
        position: relative;
        display: block;
        padding: 20px 25px;
        background-color: #fff;
        border: #fff 1px solid;
        transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1); }
        .activityReport ul li a:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 50%;
          margin: auto;
          width: 6px;
          height: 6px;
          border-top: #014099 1px solid;
          border-right: #014099 1px solid;
          transform: translateY(-50%) rotate(45deg);
          right: 20px;
          margin: auto 0;
          left: 93%; }
        .activityReport ul li a:hover {
          text-decoration: none;
          border-color: #014099; }
  @media screen and (max-width: 767px) {
    .activityReport {
      margin: 40px 0 0;
      padding: 20px; }
      .activityReport h3 {
        font-size: 1.8rem;
        margin: 0 0 10px; }
      .activityReport h4 {
        font-size: 1.6rem;
        margin: 20px 0 10px; }
      .activityReport ul {
        flex-direction: column; }
        .activityReport ul li {
          width: 100%;
          font-size: 1.4rem; }
          .activityReport ul li + li {
            margin: 5px 0 0; }
          .activityReport ul li:nth-of-type(n+3) {
            margin-top: 5px; }
          .activityReport ul li a {
            padding: 12px 25px 12px 12px; } }

.emphasisBox {
  margin: 30px 0;
  background-color: #eee;
  padding: 20px; }
  .emphasisBox dl {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .emphasisBox dl dt {
      font-weight: 600; }
    .emphasisBox dl dd {
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.2;
      text-align: center; }
      .emphasisBox dl dd span {
        font-size: 1.3rem;
        font-weight: 300; }
  @media screen and (max-width: 767px) {
    .emphasisBox {
      padding: 20px 10px; }
      .emphasisBox dl {
        flex-direction: column; }
        .emphasisBox dl dt {
          font-size: 1.4rem; }
        .emphasisBox dl dd {
          margin: 15px 0 0;
          font-size: 1.8rem; } }

.bborder01 {
  margin: 30px 0;
  padding: 20px;
  border: 2px solid #eee; }
  .bborder01 .columnBlock {
    margin-bottom: 0; }
  .h3Type01 + .bborder01 {
    margin-top: 0; }

/* Grid */
@media screen and (max-width: 767px) {
  .lumpMix .sp100 + * {
    margin: 20px 0 0; } }
.lumpMix.-index .lumpL {
  margin: 0 30px 0 0; }
.lumpMix.-index .lumpEnd > h3 {
  color: #014099;
  font-size: 2rem;
  font-weight: 600; }
.lumpMix.-index .lumpEnd > .outline {
  display: flex;
  font-size: 1.4rem; }
  .lumpMix.-index .lumpEnd > .outline > .link {
    min-width: 170px;
    margin-left: 30px; }
    .lumpMix.-index .lumpEnd > .outline > .link a {
      display: inline-block; }
  .lumpMix.-index .lumpEnd > .outline + h3 {
    margin: 25px 0 0; }
@media screen and (max-width: 767px) {
  .lumpMix.-index .lumpEnd {
    margin: 15px 0 0; }
    .lumpMix.-index .lumpEnd > h3 {
      font-size: 1.8rem;
      margin: 0 0 5px; }
    .lumpMix.-index .lumpEnd > .outline {
      flex-direction: column; }
      .lumpMix.-index .lumpEnd > .outline > .link {
        min-width: 0;
        margin: 15px 0 0; } }
.lumpMix.-stance {
  margin: 35px 0; }
  .lumpMix.-stance .declaration {
    width: 55%;
    float: left;
    color: #014099;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0 0 50px; }
  .lumpMix.-stance .degree {
    font-size: 1.4rem;
    line-height: 1.6;
    float: left; }
    .lumpMix.-stance .degree em {
      display: inline-block;
      padding: 5px 0 0;
      font-size: 1.8rem;
      font-weight: 600; }
  @media screen and (min-width: 768px) {
    .lumpMix.-stance .lumpR {
      margin: 0 0 0 5%;
      max-width: 40%; } }
  @media screen and (max-width: 767px) {
    .lumpMix.-stance {
      margin: 20px 0; }
      .lumpMix.-stance .declaration {
        float: none;
        width: 100%;
        font-size: 1.6rem;
        margin: 0 0 20px; }
      .lumpMix.-stance .degree {
        float: none; } }

.fontBlue {
  color: #014099;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 25px; }
  @media screen and (max-width: 767px) {
    .fontBlue {
      font-size: 1.6rem;
      margin: 0 0 20px; } }

@media screen and (max-width: 767px) {
  .lumpMix .lumpR span, .lumpMix .lumpL span {
    display: inline-block; } }

/*-----------------------
stance
-----------------------*/
.gridBlock.-sus {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 0; }
  .pickupBlock + .gridBlock.-sus {
    margin: 60px 0 0; }
  .gridBlock.-sus .listBox {
    background-color: #fff;
    float: none; }
  .gridBlock.-sus.cl3 .listBox {
    width: 32.4%; }
  .gridBlock.-sus.cl4 .listBox {
    width: 23.8%; }
  .gridBlock.-sus.cl4 .listBoxInner .listTitle {
    font-size: 1.6rem; }
  .gridBlock.-sus .listBoxInner {
    background-color: #fff;
    padding: 10px 15px; }
    .gridBlock.-sus .listBoxInner .listTitle {
      text-align: center; }
  .gridBlock.-sus .imgArea.-pict {
    display: flex;
    align-items: center;
    justify-content: center;
    border: #ddd 1px solid;
    padding: 15px 0;
    height: 70px; }
    .gridBlock.-sus .imgArea.-pict img {
      width: 108px;
      display: inline-block; }
    .gridBlock.-sus .imgArea.-pict.tcfd img {
      width: 230px;
      display: inline-block; }
    .gridBlock.-sus .imgArea.-pict.sasb img {
      width: 150px; }
    .gridBlock.-sus .imgArea.-pict.third img {
      width: 270px;
      display: inline-block; }
  @media screen and (max-width: 767px) {
    .gridBlock.-sus {
      flex-direction: column;
      margin: 10px 0 0 !important; }
      .pickupBlock + .gridBlock.-sus {
        margin: 40px 0 0; }
      .gridBlock.-sus .listBox {
        padding: 10px 0 0; }
        .gridBlock.-sus .listBox:nth-of-type(1) {
          padding: 0; }
        .gridBlock.-sus .listBox.thumb .imgArea {
          width: 34.6%; }
      .gridBlock.-sus.cl3 .listBox {
        width: 100%; }
      .gridBlock.-sus.cl4 .listBox {
        width: 100%; }
      .gridBlock.-sus .listBoxInner {
        width: calc(100% - 34.6%); }
        .gridBlock.-sus .listBoxInner .listTitle {
          text-align: left; }
      .gridBlock.-sus .imgArea.-pict {
        padding: 10px 0;
        display: table-cell;
        height: 46px;
        vertical-align: middle; }
        .gridBlock.-sus .imgArea.-pict img {
          width: 60px; }
        .gridBlock.-sus .imgArea.-pict.tcfd img {
          width: 100px; }
        .gridBlock.-sus .imgArea.-pict.sasb img {
          width: 80px; }
        .gridBlock.-sus .imgArea.-pict.third img {
          width: 180px; } }

.categoryUI {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 60px; }
  @media screen and (max-width: 767px) {
    .categoryUI {
      flex-direction: column;
      margin: 0 0 25px; } }
  .categoryUI * {
    box-sizing: border-box; }
  .categoryUI ol {
    width: 49.2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .categoryUI ol li {
      width: calc((100% - 10px) /2);
      height: 100px;
      margin: 0;
      list-style-type: none;
      margin: 10px 0 0; }
      .categoryUI ol li:nth-of-type(1), .categoryUI ol li:nth-of-type(2) {
        margin: 0; }
      .categoryUI ol li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 18px;
        border: #ddd 1px solid;
        color: #014099;
        font-size: 1.4rem;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1); }
        .categoryUI ol li a span {
          color: #333;
          font-weight: bold;
          font-size: 1.6rem;
          line-height: 1.4; }
        .categoryUI ol li a i {
          display: inline-block; }
        .categoryUI ol li a:hover {
          border-color: #014099; }
        .categoryUI ol li a.current {
          color: #fff;
          background-color: #014099;
          border-color: #014099; }
        .categoryUI ol li a.current span {
          color: #fff; }
    @media screen and (max-width: 767px) {
      .categoryUI ol {
        width: 100%; }
        .categoryUI ol li {
          width: 49%; }
          .categoryUI ol li a {
            padding: 8px;
            font-size: 1.2rem; }
            .categoryUI ol li a span {
              font-size: 1.4rem; } }
  .categoryUI .lowerLinks {
    position: relative;
    width: 49.2%;
    background-color: #eff4fa;
    border: #014099 1px solid;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .categoryUI .lowerLinks {
        width: 100%;
        background-color: transparent;
        border: none; } }
    .categoryUI .lowerLinks > div {
      position: absolute;
      background-color: #eff4fa;
      opacity: 0;
      display: none; }
      .categoryUI .lowerLinks > div.current {
        width: 100%;
        height: 100%;
        display: block;
        animation: elm-show 0.7s cubic-bezier(0.17, 0.935, 0.305, 1) both; }
      .categoryUI .lowerLinks > div .close {
        display: none; }
      @media screen and (max-width: 767px) {
        .categoryUI .lowerLinks > div {
          display: none;
          width: 100%;
          height: 100vh;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 102;
          opacity: 1;
          background-color: transparent; }
          .categoryUI .lowerLinks > div .close {
            display: block; }
          .categoryUI .lowerLinks > div .overlay {
            background: rgba(0, 0, 0, 0.7);
            height: 100vh;
            position: absolute;
            width: 100%; }
          .categoryUI .lowerLinks > div .modalContent {
            background: #fff;
            left: 50%;
            padding: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 90%; }
            .categoryUI .lowerLinks > div .modalContent .close {
              width: 23px;
              height: 23px;
              border: none;
              background-color: transparent;
              position: absolute;
              top: -30px;
              right: 0; }
              .categoryUI .lowerLinks > div .modalContent .close:before, .categoryUI .lowerLinks > div .modalContent .close:after {
                content: '';
                width: 24px;
                height: 2px;
                position: absolute;
                background-color: #fff;
                top: 0;
                right: 0; }
              .categoryUI .lowerLinks > div .modalContent .close:before {
                transform: translateY(8px) rotate(-45deg); }
              .categoryUI .lowerLinks > div .modalContent .close:after {
                transform: translateY(-6px) rotate(45deg);
                top: 14px; }
            .categoryUI .lowerLinks > div .modalContent .inner {
              max-height: 70vh;
              overflow-y: scroll; } }
    .categoryUI .lowerLinks .head {
      font-size: 2.4rem;
      color: #fff;
      display: flex;
      align-items: center;
      padding: 25px;
      height: 150px;
      background-color: #ccc;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: cover; }
      .categoryUI .lowerLinks .head.-create {
        background-image: url(../stance/images/index_guide_01.jpg); }
      .categoryUI .lowerLinks .head.-governance {
        background-image: url(../stance/images/index_guide_02.jpg); }
      .categoryUI .lowerLinks .head.-society {
        background-image: url(../stance/images/index_guide_03.jpg); }
      .categoryUI .lowerLinks .head.-environment {
        background-image: url(../stance/images/index_guide_04.jpg); }
    .categoryUI .lowerLinks .inner {
      padding: 30px; }
      .categoryUI .lowerLinks .inner h3 {
        position: relative;
        color: #014099;
        font-weight: bold;
        margin-bottom: 20px; }
      .categoryUI .lowerLinks .inner.manyItem2 {
        padding: 30px 20px; }
        .categoryUI .lowerLinks .inner.manyItem2 ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 10px 0 0; }
          .categoryUI .lowerLinks .inner.manyItem2 ul li {
            width: 46.5%;
            font-size: 1.3rem;
            margin-top: 5px;
            line-height: 1.15; }
      .categoryUI .lowerLinks .inner ul {
        padding: 10px 0 0 28px; }
        @media screen and (min-width: 767px) {
          .categoryUI .lowerLinks .inner ul.manyItem1 {
            font-size: 1.4rem; } }
    @media screen and (max-width: 767px) {
      .categoryUI .lowerLinks .head {
        padding: 15px;
        height: 75px;
        font-size: 1.8rem;
        background-size: 100%; }
      .categoryUI .lowerLinks .inner {
        padding: 20px; }
        .categoryUI .lowerLinks .inner h3 {
          font-size: 1.8rem; }
        .categoryUI .lowerLinks .inner ul {
          padding: 10px 0 0; }
          .categoryUI .lowerLinks .inner ul li {
            font-size: 1.4rem; }
        .categoryUI .lowerLinks .inner.manyItem2 {
          padding: 20px; }
          .categoryUI .lowerLinks .inner.manyItem2 ul {
            flex-direction: column; }
            .categoryUI .lowerLinks .inner.manyItem2 ul li {
              width: 100%; } }

@keyframes elm-show {
  0% {
    opacity: 0;
    display: none; }
  100% {
    opacity: 1;
    display: block; } }
@keyframes elm-show-x {
  0% {
    opacity: 0;
    display: none; }
  100% {
    opacity: 1;
    display: block; } }
@keyframes elm-hide-x {
  0% {
    transform: translateX(0);
    opacity: 1;
    display: block; }
  100% {
    transform: translateX(-16px);
    opacity: 0;
    display: none; } }
.pickupBlock {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 0; }
  .pickupBlock * {
    box-sizing: border-box; }
  .pickupBlock > a {
    display: block;
    position: relative;
    width: 32.4%;
    border: #014099 1px solid; }
    .pickupBlock > a:hover {
      text-decoration: none;
      opacity: .8; }
    .pickupBlock > a img {
      width: 100%; }
    .pickupBlock > a p {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 8px 20px 8px;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 1.2;
      color: #014099; }
      .pickupBlock > a p span {
        display: block;
        font-size: 1.4rem;
        font-weight: 600; }
  @media screen and (max-width: 767px) {
    .pickupBlock {
      flex-direction: column;
      margin: 40px 0 0; }
      .pickupBlock > a {
        width: 100%; }
        .pickupBlock > a + a {
          margin: 10px 0 0; }
        .pickupBlock > a p {
          padding: 8px 10px;
          font-size: 1.6rem; }
          .pickupBlock > a p span {
            font-size: 1.2rem; } }

.lumpBox {
  width: 97%; }
  @media screen and (max-width: 767px) {
    .lumpBox {
      width: 100%; } }

/*-----------------------
vision
-----------------------*/
@media only screen and (max-width: 767px) {
  .bl_headingLv1._pb30 {
    padding-bottom: 20px !important; } }

.ly_container.-bgSky {
  background: url(../../sustainability/vision/images/bg_sky.jpg) no-repeat top;
  background-size: cover; }

.ly_container.-bgcBlueLight {
  background: #eaeef4; }

.up_susOutlines.bl_cardUnit {
  margin-bottom: 0; }
  .up_susOutlines.bl_cardUnit .bl_card .heading {
    font-weight: 600;
    font-size: clamp(1.4rem, 1.25vw, 1.8rem);
    color: #333; }
  @media print, screen and (min-width: 768px) {
    .up_susOutlines.bl_cardUnit .bl_card {
      margin-bottom: 0; } }
  @media print, screen and (min-width: 768px) and (max-width: 959px) {
    .up_susOutlines.bl_cardUnit {
      margin-top: 20px; }
      .up_susOutlines.bl_cardUnit .bl_card {
        margin-bottom: 0; } }

.uq_susFourworldsIndex {
  margin-top: max(4vw, 60px);
  margin-bottom: max(4vw, 60px); }
  .uq_susFourworldsIndex .indexHeading {
    text-align: center;
    font-weight: 600;
    font-size: clamp(2.4rem, 2.2vw, 3.2rem);
    color: #014099;
    margin-bottom: 40px; }
  .uq_susFourworldsIndex .cardImg {
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .uq_susFourworldsIndex .cardImg img {
        display: block;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .uq_susFourworldsIndex .cardImg img {
        width: 50%; } }
    @media print, screen and (min-width: 768px) and (max-width: 959px) {
      .uq_susFourworldsIndex .cardImg img {
        width: 80%; } }
  .uq_susFourworldsIndex .cardBody .heading {
    text-align: center;
    font-weight: 600; }
    @media print, screen and (min-width: 768px) and (max-width: 959px) {
      .uq_susFourworldsIndex .cardBody .heading {
        font-size: 1.4rem; }
        .uq_susFourworldsIndex .cardBody .heading br {
          display: none; } }

@media print, screen and (min-width: 768px) {
  .uq_susFourworldsData .bl_headingLv2 {
    font-size: 3.2rem; } }
.uq_susFourworldsData .indent {
  margin-left: max(4vw, 60px);
  margin-right: max(4vw, 60px); }
  @media only screen and (max-width: 959px) {
    .uq_susFourworldsData .indent {
      margin-left: 0;
      margin-right: 0; } }
.uq_susFourworldsData .table {
  margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .uq_susFourworldsData .table {
      padding-bottom: 10px;
      overflow-x: scroll; } }
  .uq_susFourworldsData .table table {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .uq_susFourworldsData .table table {
        white-space: nowrap; } }
    .uq_susFourworldsData .table table th, .uq_susFourworldsData .table table td {
      padding: 10px;
      border: #707070 1px solid;
      vertical-align: middle;
      font-size: 1.6rem;
      line-height: 1.4; }
      .uq_susFourworldsData .table table th.-nonTop, .uq_susFourworldsData .table table td.-nonTop {
        border-top: none; }
      .uq_susFourworldsData .table table th.-nonBottom, .uq_susFourworldsData .table table td.-nonBottom {
        border-bottom: none; }
      @media only screen and (max-width: 767px) {
        .uq_susFourworldsData .table table th, .uq_susFourworldsData .table table td {
          font-size: 1.4rem; } }
    .uq_susFourworldsData .table table .bgcBlue {
      background: #004098; }
    .uq_susFourworldsData .table table .bgcLightBlue {
      background: #EAEEF4; }
    .uq_susFourworldsData .table table .bgcTransparent {
      background: transparent;
      border: none; }
    .uq_susFourworldsData .table table thead th {
      color: #fff;
      font-weight: normal;
      vertical-align: middle; }
    .uq_susFourworldsData .table table tbody th {
      font-weight: normal;
      text-align: left;
      background: #EAEEF4; }
    .uq_susFourworldsData .table table tbody td {
      text-align: center; }
      .uq_susFourworldsData .table table tbody td:first-child {
        text-align-last: left;
        font-weight: bold;
        background: #F6F6F6; }
    .uq_susFourworldsData .table table tbody td:nth-of-type(3),
    .uq_susFourworldsData .table table tbody td:nth-of-type(4) {
      background: #fcfaf3; }
.uq_susFourworldsData .list {
  margin-top: 30px; }
  .uq_susFourworldsData .list li {
    position: relative;
    margin-left: 0;
    padding-left: 2em;
    font-size: 1.4rem;
    list-style: none;
    line-height: 1.3; }
    .uq_susFourworldsData .list li:not(:last-child) {
      margin-bottom: 15px; }
    .uq_susFourworldsData .list li span {
      display: block;
      position: absolute;
      left: 0;
      top: 0; }

.uq_susSlogan figure {
  display: block; }
  .uq_susSlogan figure img {
    width: 100%; }
.uq_susSlogan .susHeading2 {
  line-height: 1.6; }
@media print, screen and (min-width: 768px) {
  .uq_susSlogan {
    display: flex;
    align-items: center;
    margin-bottom: 5%; }
    .uq_susSlogan figure {
      width: min(16.6%, 200px);
      margin-right: min(3.4vw, 50px); }
      .uq_susSlogan figure img {
        width: 100%; } }
@media only screen and (max-width: 767px) {
  .uq_susSlogan {
    margin-bottom: 30px; }
    .uq_susSlogan figure {
      width: 50%;
      margin: 0 auto 20px; }
    .uq_susSlogan .susHeading2 {
      font-size: 2rem; }
      .uq_susSlogan .susHeading2 br {
        display: none; } }

.uq_susVisionDesc p + p {
  margin-top: 1.5em; }

/*-----------------------
vision/world01/
vision/world02/
vision/world03/
vision/world04/
-----------------------*/
.uq_susFourworldsTab.bl_tabLink {
  margin-top: 30px; }
  .uq_susFourworldsTab.bl_tabLink > ul > li {
    font-size: clamp(1.4rem, 1.2vw, 1.6rem); }
    .uq_susFourworldsTab.bl_tabLink > ul > li:nth-of-type(1)::after {
      background: #008000; }
    .uq_susFourworldsTab.bl_tabLink > ul > li:nth-of-type(2)::after {
      background: #598FFB; }
    .uq_susFourworldsTab.bl_tabLink > ul > li:nth-of-type(3)::after {
      background: #81CBE8; }
    .uq_susFourworldsTab.bl_tabLink > ul > li:nth-of-type(4)::after {
      background: #EE83B1; }
    .uq_susFourworldsTab.bl_tabLink > ul > li a {
      font-weight: normal;
      color: #014099;
      line-height: 1.5; }
    .uq_susFourworldsTab.bl_tabLink > ul > li.is_current a {
      font-weight: 600;
      color: #000; }
    .uq_susFourworldsTab.bl_tabLink > ul > li.is_current::after {
      height: 14px; }
  @media print, screen and (min-width: 768px) {
    .uq_susFourworldsTab.bl_tabLink > ul > li br {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .uq_susFourworldsTab.bl_tabLink {
      margin-top: 0; }
      .uq_susFourworldsTab.bl_tabLink > ul > li {
        font-size: 1.4rem; }
        .uq_susFourworldsTab.bl_tabLink > ul > li.is_current::after {
          height: 7px; } }

.uq_susFourworldsDesc {
  position: relative; }
  .uq_susFourworldsDesc .descHeading {
    display: flex;
    align-items: center;
    margin: clamp(20px, 2.7vw, 40px) 0; }
    .uq_susFourworldsDesc .descHeading .descThumb {
      width: clamp(80px, 20vw, 290px);
      margin-right: clamp(20px, 2.7vw, 40px); }
    .uq_susFourworldsDesc .descHeading .descBody {
      width: 72.5%; }
      .uq_susFourworldsDesc .descHeading .descBody .towards {
        margin-bottom: clamp(10px, 2.7vw, 30px); }
        .uq_susFourworldsDesc .descHeading .descBody .towards span {
          display: inline-block;
          font-size: clamp(1.4rem, 1.2vw, 1.6rem);
          font-weight: 600;
          border-bottom: 6px solid #0089ff; }
        .uq_susFourworldsDesc .descHeading .descBody .towards em {
          display: block;
          margin-top: 15px;
          font-size: clamp(2rem, 2.2vw, 3.2rem);
          font-weight: 600;
          line-height: 1.4; }
      .uq_susFourworldsDesc .descHeading .descBody .actions span {
        display: inline-block;
        color: #004098;
        font-size: clamp(1.4rem, 1.2vw, 1.8rem);
        font-weight: 600;
        line-height: 1.4; }
      .uq_susFourworldsDesc .descHeading .descBody .actions em {
        display: block;
        font-size: clamp(1.6rem, 1.6vw, 2.4rem);
        font-weight: 600;
        line-height: 1.4; }
      .uq_susFourworldsDesc .descHeading .descBody.-gas .towards span {
        border-color: #008000; }
      .uq_susFourworldsDesc .descHeading .descBody.-resource .towards span {
        border-color: #598FFB; }
      .uq_susFourworldsDesc .descHeading .descBody.-water .towards span {
        border-color: #81CBE8; }
      .uq_susFourworldsDesc .descHeading .descBody.-health .towards span {
        border-color: #EE83B1; }
    @media only screen and (max-width: 767px) {
      .uq_susFourworldsDesc .descHeading {
        flex-direction: column;
        margin-top: 20px; }
        .uq_susFourworldsDesc .descHeading .descThumb {
          width: 40%;
          margin: 0 auto 10px; }
        .uq_susFourworldsDesc .descHeading .descBody {
          width: 100%; } }
  .uq_susFourworldsDesc .descText {
    font-size: clamp(1.4rem, 1.18vw, 1.6rem); }
  .uq_susFourworldsDesc .sdgsList {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .uq_susFourworldsDesc .sdgsList {
        margin-top: 20px; } }
    .uq_susFourworldsDesc .sdgsList li {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25%;
      margin-top: clamp(20px, 2.5vw, 40px); }
      @media print, screen and (min-width: 768px) and (max-width: 959px) {
        .uq_susFourworldsDesc .sdgsList li {
          width: 33.3%; } }
      @media only screen and (max-width: 767px) {
        .uq_susFourworldsDesc .sdgsList li {
          padding-right: 0;
          width: 100%; } }
      .uq_susFourworldsDesc .sdgsList li .icon {
        margin-right: 20px;
        width: 29%;
        max-width: 87px; }
        @media only screen and (max-width: 767px) {
          .uq_susFourworldsDesc .sdgsList li .icon {
            width: 20%;
            margin-right: 10px; } }
      .uq_susFourworldsDesc .sdgsList li .text {
        width: 70%;
        line-height: 1.4;
        font-weight: bold;
        font-size: clamp(1.2rem, 1vw, 1.4rem); }
        .uq_susFourworldsDesc .sdgsList li .text.-icon2 {
          color: #D7A601; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon3 {
          color: #00963C; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon6 {
          color: #00A6D9; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon7 {
          color: #FABD00; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon9 {
          color: #ED6A02; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon12 {
          color: #D39206; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon13 {
          color: #3E7833; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon14 {
          color: #0075BA; }
        .uq_susFourworldsDesc .sdgsList li .text.-icon15 {
          color: #28A838; }
        @media only screen and (max-width: 767px) {
          .uq_susFourworldsDesc .sdgsList li .text {
            width: 80%;
            font-size: 1.3rem; } }
  .uq_susFourworldsDesc .bl_cardUnit .heading {
    font-weight: bold;
    font-size: clamp(1.6rem, 1.24vw, 1.8rem); }
  .uq_susFourworldsDesc .bl_cardUnit .desc {
    font-size: clamp(1.4rem, 1.18vw, 1.6rem); }

.uq_susRelated {
  background: #eaeef4; }
  @media only screen and (max-width: 767px) {
    .uq_susRelated {
      margin: 0 -4%; } }
  .uq_susRelated .bl_headingLv2 {
    margin-bottom: 30px; }
    @media only screen and (max-width: 959px) {
      .uq_susRelated .bl_headingLv2 {
        margin-bottom: 15px; } }
  .uq_susRelated .bl_cardUnit.-col2 .bl_card .cardBody .heading {
    font-weight: normal;
    font-size: clamp(1.6rem, 1.24vw, 1.8rem);
    line-height: 1.4;
    color: #004098; }
  .uq_susRelated .bl_cardUnit.-col2 .bl_card .cardBody .subHeading {
    color: #004098;
    font-weight: normal; }
  .uq_susRelated .bl_cardUnit.-col2 .bl_card .cardBody .desc {
    font-size: clamp(1.4rem, 1.18vw, 1.6rem); }
  .uq_susRelated .bl_cardUnit.-col2 .bl_card .cardBottom {
    display: flex;
    justify-content: center; }
  .uq_susRelated .bl_cardUnit.-col2 .bl_card .el_btn {
    display: block;
    min-width: 320px; }
  @media only screen and (max-width: 767px) {
    .uq_susRelated .bl_cardUnit.-col2 .bl_card .el_btn {
      margin: 0 auto; } }

.uq_susSegments {
  margin-top: 60px; }
  @media only screen and (max-width: 767px) {
    .uq_susSegments {
      margin: 40px -4% 0; } }

/*-----------------------
Message
-----------------------*/
.susMessage {
  background: url(../message/images/kv_01.jpg) 0 0 no-repeat;
  background-size: cover;
  position: relative;
  min-height: 40%;
  height: auto;
  padding: 80px 0 40px 4vw;
  box-sizing: border-box;
  margin-bottom: 3%; }
  .susMessage h2 {
    color: #014099;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.5;
    max-width: 55%; }
  .susMessage .sign {
    padding: 60px 0 0; }
    .susMessage .sign > span {
      display: block;
      margin-bottom: 10px;
      font-size: 1.4rem;
      font-weight: 600; }
  @media print, screen and (min-width: 768px) and (max-width: 959px) {
    .susMessage {
      background-position: 60% 0; } }
  @media screen and (max-width: 767px) {
    .susMessage {
      margin: 0 -4% 6%;
      background-position: 55% 100%;
      background-size: 200%;
      height: 74vw;
      padding: 40px 0 0 20px; }
      .susMessage h2 {
        font-size: 1.8rem;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); }
      .susMessage .sign {
        padding: 5vw 0 0 0; }
        .susMessage .sign img {
          width: 139px; }
        .susMessage .sign > span {
          font-size: 1.2rem; } }

/*-----------------------
activity
-----------------------*/
.headingActivity {
  font-weight: 600;
  padding: 43px 0; }
  .headingActivity h1 {
    padding: 0;
    line-height: 1.3;
    font-size: 3rem;
    font-weight: 600; }
    .headingActivity h1 img {
      display: inline-block;
      vertical-align: top;
      padding: 5px 0 0 20px;
      width: 100px; }
  .headingActivity > .label {
    font-size: 1.4rem;
    color: #014099; }
  .headingActivity.-materiality h1 {
    position: relative;
    padding-right: 130px; }
    .headingActivity.-materiality h1:after {
      content: 'Materiality Focus';
      position: absolute;
      top: 5px;
      right: 0;
      color: #014099;
      border: #014099 1px solid;
      border-radius: 5px;
      padding: 5px 10px 4px 25px;
      display: inline-block;
      font-size: 1.3rem;
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: -1px;
      background: url(../images/icon_materiality.svg) 7px center no-repeat;
      background-size: 14px 14px; }
  .headingActivity + .susHeading1 {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .headingActivity {
      padding: 25px 0; }
      .headingActivity h1 {
        font-size: 2.4rem; }
      .headingActivity h1 img {
        width: 60px; }
      .headingActivity > .sub {
        font-size: 1.3rem; }
      .headingActivity > .label {
        font-size: 1.3rem;
        margin: 5px 0 0; }
      .headingActivity.-materiality h1 {
        padding-right: 100px; }
        .headingActivity.-materiality h1:after {
          font-size: 1rem;
          background-size: 12px 12px;
          padding: 5px 10px 4px 23px; } }

[class*="goal"] .materiality {
  margin: 20px 0 0;
  font-size: 1.4rem; }
  [class*="goal"] .materiality p {
    font-weight: 600; }

.goalCommon {
  background-color: #eff4fa;
  padding: 30px; }
  .goalCommon * {
    box-sizing: border-box; }
  .goalCommon h3 {
    color: #014099;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4; }
    .goalCommon h3 span {
      font-size: 1.4rem; }
  @media screen and (max-width: 767px) {
    .goalCommon {
      padding: 20px; }
      .goalCommon h3 {
        font-size: 1.8rem; } }

.goalAchievement {
  display: flex;
  justify-content: space-between;
  border: #014099 1px solid;
  background-color: #eff4fa;
  margin: 30px 0;
  padding: 12px 12px 12px 24px; }
  .goalAchievement * {
    box-sizing: border-box; }
  .headingActivity + .goalAchievement {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .goalAchievement {
      flex-direction: column;
      padding: 20px 12px 12px; } }
  .goalAchievement .achievement {
    width: 67%; }
    .goalAchievement .achievement h3 {
      padding: 20px 0 0;
      color: #014099;
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.4; }
      .goalAchievement .achievement h3 span {
        font-size: 1.4rem; }
    .goalAchievement .achievement .target + .items {
      padding: 20px 0 0;
      border-top: #ddd 1px solid; }
    .goalAchievement .achievement > .items {
      display: flex;
      margin: 25px 0 0;
      font-size: 1.4rem; }
      .goalAchievement .achievement > .items div + div {
        margin-left: 50px; }
      .goalAchievement .achievement > .items dt {
        font-weight: 600; }
      .goalAchievement .achievement > .items dd {
        color: #033333;
        font-size: 1.3rem; }
      .goalAchievement .achievement > .items .adjust1 {
        display: inline-block;
        width: 200px;
        font-size: 1.2rem; }
    @media screen and (max-width: 767px) {
      .goalAchievement .achievement {
        width: 100%; }
        .goalAchievement .achievement h3 {
          padding: 0 0 10px;
          font-size: 1.8rem; }
        .goalAchievement .achievement > .items {
          margin: 15px 0 0; }
          .goalAchievement .achievement > .items div + div {
            margin-left: 20px; }
          .goalAchievement .achievement > .items .adjust1 {
            width: 100%; } }
  .goalAchievement .goal {
    width: 33%;
    margin-left: 27px;
    padding: 35px 20px 30px;
    background-color: #fff;
    color: #014099;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center; }
    .goalAchievement .goal .result {
      padding: 10px 0 0;
      font-size: 2.6rem;
      white-space: nowrap; }
      .goalAchievement .goal .result em {
        font-size: 4rem; }
    .goalAchievement .goal .evaluation {
      line-height: 1.2; }
      .goalAchievement .goal .evaluation em {
        display: inline-block;
        margin: 0 0 0 10px;
        font-size: 3rem;
        line-height: 1.2; }
    .goalAchievement .goal .terms {
      font-size: 1.4rem;
      font-weight: 300; }
    @media screen and (max-width: 767px) {
      .goalAchievement .goal {
        width: 100%;
        margin: 20px 0 0;
        padding: 20px;
        font-size: 1.6rem; }
        .goalAchievement .goal .result {
          line-height: 1.5;
          font-size: 2rem; }
          .goalAchievement .goal .result em {
            font-size: 3.6rem; }
        .goalAchievement .goal .evaluation em {
          font-size: 2.4rem; } }
  .goalAchievement[class*="-row"] {
    background-color: #fff;
    border: none;
    width: 100%;
    padding: 30px 0 0;
    flex-wrap: wrap; }
    .goalAchievement[class*="-row"] > .col {
      counter-increment: section;
      background-color: #eff4fa;
      padding: 60px 20px 20px; }
      .goalAchievement[class*="-row"] > .col:before {
        content: counter(section,decimal-leading-zero);
        display: block;
        margin: -90px auto 0;
        width: 45px;
        padding: 5px;
        color: #fff;
        background-color: #014099;
        font-size: 2.8rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.6; }
      .goalAchievement.-counter4 {
        counter-reset: section 3; }
      .goalAchievement.-counter5 {
        counter-reset: section 4; }
      .goalAchievement.-counter6 {
        counter-reset: section 5; }
      .goalAchievement.-counter7 {
        counter-reset: section 6; }
      .goalAchievement.-counter8 {
        counter-reset: section 7; }
      .goalAchievement[class*="-row"] > .col .achievement {
        width: 100%; }
        .goalAchievement[class*="-row"] > .col .achievement h3 {
          font-size: 1.8rem;
          line-height: 1.5; }
        .goalAchievement[class*="-row"] > .col .achievement > .items {
          flex-direction: column; }
          .goalAchievement[class*="-row"] > .col .achievement > .items div + div {
            margin: 15px 0 0; }
      .goalAchievement[class*="-row"] > .col .goal {
        width: 100%;
        margin: 20px 0 0;
        padding: 20px;
        border: #014099 1px solid; }
        .goalAchievement[class*="-row"] > .col .goal .result {
          font-size: 3.2rem;
          line-height: 1.4; }
          .goalAchievement[class*="-row"] > .col .goal .result em {
            font-size: 6.4rem; }
          .goalAchievement[class*="-row"] > .col .goal .result.-small {
            font-size: 2rem; }
            .goalAchievement[class*="-row"] > .col .goal .result.-small em {
              font-size: 5rem; }
      @media screen and (max-width: 767px) {
        .goalAchievement[class*="-row"] > .col {
          width: 100%; }
          .goalAchievement[class*="-row"] > .col + .col {
            margin: 60px 0 0; }
          .goalAchievement[class*="-row"] > .col .achievement h3 {
            margin-top: 20px; }
          .goalAchievement[class*="-row"] > .col .goal .result {
            font-size: 2rem; }
            .goalAchievement[class*="-row"] > .col .goal .result em {
              font-size: 3.6rem; } }
    @media screen and (max-width: 767px) {
      .goalAchievement[class*="-row"] {
        flex-direction: column; } }
  .goalAchievement.-start {
    justify-content: flex-start; }
    .goalAchievement.-start > .col + .col {
      margin-left: 16px; }
  .goalAchievement.-row2 > .col {
    width: 49%; }
  .goalAchievement.-row3 > .col {
    width: 32.4%; }
  .goalAchievement.-row4 > .col {
    width: 24%; }
    .goalAchievement.-row4 > .col .goal .result {
      font-size: 1.8rem;
      line-height: 1.4; }
      .goalAchievement.-row4 > .col .goal .result em {
        font-size: 4rem; }
  @media screen and (max-width: 767px) {
    .goalAchievement.-start > .col + .col {
      margin-left: 0; }
    .goalAchievement.-row2 > .col, .goalAchievement.-row3 > .col, .goalAchievement.-row4 > .col {
      width: 100%; } }

.eventBlock > h4 {
  margin: 20px 0 0;
  font-weight: 600; }
  .eventBlock > h4 + h5 {
    margin-top: 0; }
.eventBlock > h5 {
  font-weight: 600;
  margin: 20px 0 10px; }
.eventBlock > .date,
.eventBlock > .purpose {
  position: relative;
  padding: 0 0 0 5em; }
  .eventBlock > .date:before,
  .eventBlock > .purpose:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    padding: 2px 10px;
    background-color: #eee;
    font-size: 1.4rem; }
.eventBlock > .purpose {
  margin: 5px 0 0; }
.eventBlock [class*="imgColumn"] span {
  font-size: 1.4rem; }

.flexFigure {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px; }
  .flexFigure > li + li {
    margin-left: 20px; }
  .flexFigure a:hover {
    opacity: .7; }
  @media screen and (min-width: 768px) {
    .flexFigure.-lower {
      width: 25%;
      justify-content: flex-end;
      margin: 0 0 30px auto; } }
  .flexFigure.-lower > li {
    width: 33%; }
    .flexFigure.-lower > li + li {
      margin-left: 10px; }
  @media screen and (max-width: 767px) {
    .flexFigure.-lower {
      margin-bottom: 15px; }
      .flexFigure.-lower > li {
        width: 15%; } }

/*-----------------------
comment
-----------------------*/
.commentNote {
  text-align: right;
  font-size: 1.4rem;
  margin-top: -30px; }

section.comment {
  margin: 75px 0 0;
  padding: 30px 0 0;
  border-top: #014099 1px solid; }
  section.comment:nth-of-type(1) {
    border: none;
    padding-top: 0; }
  section.comment .lumpMix {
    margin: 0 0 35px; }
    section.comment .lumpMix .lumpL {
      margin: 0 36px 0 0; }
  section.comment .expertName {
    font-size: 2rem; }
  section.comment h2 {
    margin: 35px 0 20px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4; }
    section.comment h2.expertName {
      margin: 10px 0 0; }
      section.comment h2.expertName span {
        font-size: 1.6rem; }
  section.comment .profile {
    margin: 30px 0 0;
    padding: 20px 30px;
    background-color: #eff4fa;
    font-size: 1.4rem; }
    section.comment .profile .expertName {
      margin: 0 0 10px;
      color: #014099;
      font-size: 1.8rem;
      font-weight: 600; }
      section.comment .profile .expertName span {
        font-size: 1.4rem; }
  @media screen and (max-width: 767px) {
    section.comment {
      margin: 50px 0 0;
      padding: 20px 0 0; }
      section.comment .lumpMix {
        margin: 0 0 20px; }
        section.comment .lumpMix .lumpL {
          margin: 0 20px 0 0; }
        section.comment .lumpMix .lumpEnd {
          font-size: 1.4rem; }
      section.comment .expertName {
        font-size: 1.8rem; }
      section.comment h2 {
        margin: 20px 0 10px;
        font-size: 1.8rem; }
        section.comment h2.expertName span {
          font-size: 1.4rem; }
      section.comment .profile {
        margin: 20px 0 0;
        padding: 15px; }
        section.comment .profile .expertName {
          font-size: 1.6rem; }
          section.comment .profile .expertName span {
            font-size: 1.4rem; } }

/*-----------------------
vision (/sustainability/css/style.scss)
The css file was integrated on January 30, 2020.
-----------------------*/
.vision * {
  box-sizing: border-box; }
@media screen and (min-width: 768px) {
  .vision .u-sp-on {
    display: none; } }
@media screen and (max-width: 767px) {
  .vision .u-pc-on {
    display: none; }
  .vision .u-sp-on {
    display: block; }
  .vision br.u-sp-on {
    display: inline; } }
.vision .visionHeading1 {
  font-size: 4.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.4;
  margin: 60px 0;
  padding: 0;
  text-align: center; }
  .vision .visionHeading1 span {
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0; }
  .vision .visionHeading1.is-border::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #999;
    margin: 60px auto 0; }
.vision .visionHeading2 {
  color: #014099;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 70px 0 50px;
  text-align: center; }
.vision .visionHeading3 {
  color: #014099;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: #014099 1px solid;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.4; }
@media screen and (max-width: 767px) {
  .vision .visionHeading1 {
    font-size: 3.2rem;
    margin: 25px 0; }
    .vision .visionHeading1 span {
      font-size: 1.2rem; }
    .vision .visionHeading1.is-border::after {
      margin: 25px auto 0; }
  .vision .visionHeading2 {
    font-size: 2.2rem;
    margin: 25px 0; }
  .vision .visionHeading3 {
    font-size: 2rem;
    padding: 0 0 10px;
    margin: 0 0 10px; } }
.vision .visionKV img {
  width: 100%; }
.vision .visionIntro {
  margin: 0 0 60px; }
  .vision .visionIntro p {
    line-height: 2; }
@media screen and (max-width: 767px) {
  .vision .visionKV {
    margin: 0 -10px; }
  .vision .visionIntro {
    margin: 0 0 25px; }
    .vision .visionIntro p {
      line-height: 1.6; }
    .vision .visionIntro .alignC {
      text-align: left !important; } }
.vision .bnrBlock {
  padding: 0 20px 20px;
  margin: 50px 0 0;
  background-color: #eef4f9; }
.vision .h2Type01 + .bnrBlock {
  margin-top: 0; }
.vision .bnrBlock ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap; }
.vision .bnrBlock ul li {
  margin: 20px 0 0 20px;
  background-color: #fff;
  box-sizing: border-box; }
.vision .bnrBlock ul li img {
  width: 100%; }
.vision .bnrBlock ul li a {
  color: #333; }
.vision .bnrBlock ul li a:hover {
  opacity: 0.8;
  text-decoration: none; }
.vision .bnrBlock ul li span {
  display: block;
  padding: 24px 10px 24px 30px;
  vertical-align: middle; }
.vision .bnrBlock ul li span.newWindow {
  background-position: 95% 50%; }
.vision .bnrBlock ul li span em {
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  padding-bottom: 3px; }
.vision .bnrBlock .cl2 li {
  width: calc((100% - 20px) / 2); }
.vision .bnrBlock .cl3 li {
  width: calc((100% - 40px) / 3); }
.vision .bnrBlock .cl4 li {
  width: calc((100% - 60px) / 4); }
.vision .bnrBlock .cl5 li {
  width: calc((100% - 80px) / 5); }
.vision .bnrBlock .cl4 li span,
.vision .bnrBlock .cl5 li span {
  padding: 24px 10px; }
@media screen and (max-width: 767px) {
  .vision .bnrBlock {
    padding: 10px;
    margin: 40px -10px 0; }
  .vision .bnrBlock ul {
    margin: 0 !important; }
  .vision .bnrBlock ul li {
    width: 100% !important;
    margin: 10px 0 0 0 !important; }
  .vision .bnrBlock ul:nth-child(1) li {
    margin-top: 0 !important; }
  .vision .bnrBlock ul li:nth-child(odd) {
    clear: both;
    float: left; }
  .vision .bnrBlock ul li:nth-child(even) {
    float: right; }
  .vision .bnrBlock ul li img {
    width: 100%; }
  .vision .bnrBlock ul li span.newWindow {
    background-size: 10px auto; }
  .vision .bnrBlock .spFluid li {
    float: left;
    width: 48.5% !important; }
  .vision .bnrBlock .spFluid li:nth-child(2n+1) {
    clear: both; }
  .vision .bnrBlock .spFluid li:nth-child(even) {
    float: right; }
  .vision .bnrBlock .spFluid li span {
    padding: 10px; } }
.vision .bnrBlock.is-top {
  margin-top: 80px; }
.vision .bnrBlock ul li {
  background-color: transparent;
  margin: 0; }
  .vision .bnrBlock ul li span {
    padding: 10px 0;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.3; }
  .vision .bnrBlock ul li em {
    font-size: 2rem; }
  .vision .bnrBlock ul li.current a {
    color: #014099; }
.vision .bnrBlock .cl2 li {
  width: calc((100% - 28px) / 2);
  margin: 28px 0 0 28px; }
  .vision .bnrBlock .cl2 li:nth-of-type(2n+1) {
    margin-left: 0; }
.vision .bnrBlock .cl3 li {
  width: calc((100% - 32px) / 3);
  margin: 24px 0 0 16px; }
  .vision .bnrBlock .cl3 li:nth-of-type(3n+1) {
    margin-left: 0px; }
  .vision .bnrBlock .cl3 li span {
    font-size: 1.2rem; }
  .vision .bnrBlock .cl3 li em {
    font-size: 1.6rem; }
.vision .bnrBlock .cl5 li {
  width: calc((100% - 40px) / 5);
  margin: 24px 0 0 10px; }
  .vision .bnrBlock .cl5 li:nth-of-type(5n+1) {
    margin-left: 0px; }
  .vision .bnrBlock .cl5 li span {
    font-size: 1.2rem; }
  .vision .bnrBlock .cl5 li em {
    font-size: 1.6rem; }
@media screen and (max-width: 767px) {
  .vision .bnrBlock {
    padding: 15px; }
    .vision .bnrBlock.is-top {
      margin: 40px 0 0;
      padding: 30px 35px; }
    .vision .bnrBlock .cl2 li {
      width: 100%;
      margin: 0; }
      .vision .bnrBlock .cl2 li:nth-of-type(2n+2) {
        margin-left: 0; }
      .vision .bnrBlock .cl2 li + li {
        margin-top: 20px !important; }
    .vision .bnrBlock .cl3, .vision .bnrBlock .cl5 {
      display: block; }
    .vision .bnrBlock .cl3 li span, .vision .bnrBlock .cl5 li span {
      font-size: 1rem; }
    .vision .bnrBlock .cl3 li em, .vision .bnrBlock .cl5 li em {
      font-size: 1.4rem; }
    .vision .bnrBlock .cl3 li:nth-of-type(n+3), .vision .bnrBlock .cl5 li:nth-of-type(n+3) {
      margin-top: 10px !important; } }
.vision .visionChronology {
  margin: 60px 0 0;
  overflow: hidden; }
  .vision .visionChronology section {
    position: relative;
    border-left: #014099 6px solid;
    margin: 0 0 0 57px;
    padding: 0 0 20px 82px; }
    .vision .visionChronology section:last-child {
      border: none; }
  .vision .visionChronology .year {
    position: absolute;
    top: 0;
    left: -63px;
    display: inline-block;
    padding: 10px 3px;
    background-color: #014099;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.4;
    width: 120px;
    text-align: center; }
  .vision .visionChronology .switchDetail {
    margin: 0;
    padding-bottom: 80px; }
    @media screen and (min-width: 768px) {
      .vision .visionChronology .switchDetail {
        display: block !important; } }
    @media print {
      .vision .visionChronology .switchDetail {
        display: block !important; } }
  .vision .visionChronology h3 {
    color: #014099;
    padding: 0 0 20px;
    border-bottom: #014099 1px solid;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.4; }
    .vision .visionChronology h3 .switchToggle {
      display: none; }
  .vision .visionChronology .historyTable {
    margin: 27px 0 0 0;
    display: flex;
    background: url(../images/history_bg_01.gif) 0 0 repeat-y; }
    .vision .visionChronology .historyTable dt,
    .vision .visionChronology .historyTable .insights h4 {
      padding: 10px 15px;
      font-size: 2.4rem;
      font-weight: 600;
      color: #fff;
      vertical-align: middle; }
      .vision .visionChronology .historyTable dt::after,
      .vision .visionChronology .historyTable .insights h4::after {
        content: attr(data-opt);
        font-size: 1.2rem;
        padding-left: 10px;
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase; }
    .vision .visionChronology .historyTable dd {
      padding: 20px 20px 0; }
      .vision .visionChronology .historyTable dd h4 {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 10px; }
    .vision .visionChronology .historyTable .context {
      width: 375px; }
      .vision .visionChronology .historyTable .context dt {
        background-color: #ccc; }
    .vision .visionChronology .historyTable .episode {
      width: 560px; }
      .vision .visionChronology .historyTable .episode dt {
        background-color: #014099; }
      .vision .visionChronology .historyTable .episode dd h4 {
        color: #014099; }
    .vision .visionChronology .historyTable .insights {
      position: relative;
      z-index: 1;
      margin: 40px 0 0;
      border: #014099 1px solid;
      background-color: #fff; }
      .vision .visionChronology .historyTable .insights h4 {
        padding: 10px;
        margin: 0;
        text-align: center;
        background-color: #eff4fa; }
      .vision .visionChronology .historyTable .insights .inner {
        padding: 18px 10px;
        color: #014099;
        font-size: 1.5rem;
        font-weight: 600; }
    .vision .visionChronology .historyTable .historyPhoto {
      position: relative;
      z-index: 0;
      margin: -60px -20px 0 -395px; }
  .vision .visionChronology.future section {
    margin: 0;
    padding: 0 0 20px 0;
    border: none; }
  .vision .visionChronology.future .year {
    display: none; }
  .vision .visionChronology .futureItemWrap {
    padding: 50px 0 80px; }
  .vision .visionChronology section:last-child .futureItemWrap {
    padding: 50px 0 0; }
  .vision .visionChronology .futureItem1 {
    display: flex;
    justify-content: space-between; }
    .vision .visionChronology .futureItem1 li {
      width: 230px; }
      .vision .visionChronology .futureItem1 li span {
        display: block;
        margin-top: 13px;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.5;
        text-align: center; }
  .vision .visionChronology .futureItem2 .row {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    .vision .visionChronology .futureItem2 .row .col {
      border-left: #ccc 1px solid;
      padding: 10px 30px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .vision .visionChronology .futureItem2 .row .col:nth-of-type(1) {
          border: none; } }
    .vision .visionChronology .futureItem2 .row.is-column3 .col {
      width: calc(100% / 3); }
    .vision .visionChronology .futureItem2 .row.is-column2 .col {
      width: 50%; }
    .vision .visionChronology .futureItem2 .row + .row {
      margin-top: 40px; }
  .vision .visionChronology .futureItem2 h4 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4; }
  .vision .visionChronology .futureItem2 .objectiveImg {
    margin: 15px 0 0; }
    .vision .visionChronology .futureItem2 .objectiveImg img {
      width: 184px; }
  .vision .visionChronology .futureItem2 .objectiveNum {
    margin: 30px 0;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #014099; }
    .vision .visionChronology .futureItem2 .objectiveNum em {
      font-size: 8.0rem; }
  .vision .visionChronology .futureItem2 .details {
    text-align: left; }
  .vision .visionChronology .futureItem3 {
    display: flex;
    justify-content: space-between;
    padding: 0 8px; }
    .vision .visionChronology .futureItem3 li {
      width: 255px;
      list-style-type: none;
      margin: 0; }
      .vision .visionChronology .futureItem3 li span {
        display: block;
        margin-top: 13px;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.5;
        text-align: center; }
  @media screen and (max-width: 767px) {
    .vision .visionChronology section {
      border-left-width: 3px;
      margin: 0 0 0 30px;
      padding: 0 0 20px 36px; }
    .vision .visionChronology .year {
      left: -32px;
      padding: 8px 3px;
      font-size: 1.2rem;
      width: 60px; }
    .vision .visionChronology .switchDetail {
      padding-bottom: 10px; }
    .vision .visionChronology.switchWrap .nowOpen {
      background: none !important; }
    .vision .visionChronology h3 {
      position: relative;
      font-size: 2rem;
      padding: 0 50px 10px 0; }
      .vision .visionChronology h3 .switchToggle {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 25px;
        height: 25px;
        border: #014099 1px solid;
        text-indent: 9999px;
        cursor: pointer;
        background: none; }
        .vision .visionChronology h3 .switchToggle::after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 6px;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 6px;
          height: 6px;
          border-top: #014099 2px solid;
          border-right: #014099 2px solid;
          transform: rotate(135deg); }
        .vision .visionChronology h3 .switchToggle.nowOpen::after {
          top: 9px;
          transform: rotate(-45deg); }
    .vision .visionChronology .historyTable {
      margin: 15px 0 0 0;
      flex-direction: column;
      background: none; }
      .vision .visionChronology .historyTable dt,
      .vision .visionChronology .historyTable .insights h4 {
        padding: 6px 10px;
        font-size: 1.8rem; }
        .vision .visionChronology .historyTable dt::after,
        .vision .visionChronology .historyTable .insights h4::after {
          font-size: 1.0rem; }
      .vision .visionChronology .historyTable dd {
        padding: 10px 0 0; }
        .vision .visionChronology .historyTable dd h4 {
          font-size: 1.6rem; }
      .vision .visionChronology .historyTable .context {
        width: 100%;
        margin-bottom: 15px; }
      .vision .visionChronology .historyTable .episode {
        width: 100%; }
      .vision .visionChronology .historyTable .insights {
        margin: 20px 0 0; }
        .vision .visionChronology .historyTable .insights h4 {
          padding: 8px 10px; }
        .vision .visionChronology .historyTable .insights .inner {
          font-size: 1.4rem; }
      .vision .visionChronology .historyTable .historyPhoto {
        margin: 15px 0 0; }
    .vision .visionChronology.future {
      margin-top: 40px; }
      .vision .visionChronology.future h3 {
        padding-right: 0; }
    .vision .visionChronology .futureItemWrap {
      padding: 15px 0 50px; }
    .vision .visionChronology section:last-child .futureItemWrap {
      padding: 15px 0 0; }
    .vision .visionChronology .futureItem1 {
      flex-direction: column; }
      .vision .visionChronology .futureItem1 li {
        display: flex;
        align-items: center;
        width: 100%; }
        .vision .visionChronology .futureItem1 li img {
          width: 33%;
          height: 100%; }
        .vision .visionChronology .futureItem1 li span {
          display: block;
          margin-top: 0;
          padding: 10px;
          font-size: 1.5rem;
          text-align: left; }
      .vision .visionChronology .futureItem1 li + li {
        margin-top: 10px; }
    .vision .visionChronology .futureItem2 .row {
      flex-direction: column; }
      .vision .visionChronology .futureItem2 .row .col {
        width: 100% !important;
        padding: 15px 0;
        border: none;
        border-bottom: #ccc 1px solid; }
      .vision .visionChronology .futureItem2 .row + .row {
        margin-top: 0; }
    .vision .visionChronology .futureItem2 h4 {
      font-size: 1.6rem; }
      .vision .visionChronology .futureItem2 h4 br {
        display: none; }
    .vision .visionChronology .futureItem2 .objectiveImg {
      margin: 8px 0 0; }
      .vision .visionChronology .futureItem2 .objectiveImg img {
        width: 115px; }
    .vision .visionChronology .futureItem2 .objectiveNum {
      margin: 8px 0;
      font-size: 2.7rem; }
      .vision .visionChronology .futureItem2 .objectiveNum em {
        font-size: 5.0rem; }
    .vision .visionChronology .futureItem2 .details {
      font-size: 1.4rem; }
    .vision .visionChronology .futureItem3 {
      padding: 0 8px;
      flex-wrap: wrap; }
      .vision .visionChronology .futureItem3 li {
        width: 49%; }
        .vision .visionChronology .futureItem3 li:nth-of-type(n+3) {
          margin-top: 15px; }
        .vision .visionChronology .futureItem3 li span {
          margin-top: 10px;
          font-size: 1.5rem;
          text-align: center; } }
.vision .notesList ol {
  padding: 40px 0;
  margin: 70px 0;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  font-size: 1.4rem; }
  .vision .notesList ol li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 3rem; }
    .vision .notesList ol li span {
      position: absolute;
      top: 0;
      left: 0;
      color: #ff3300; }
  .vision .notesList ol li + li {
    margin-top: 10px; }
@media screen and (max-width: 767px) {
  .vision .notesList ol {
    padding: 20px 0;
    margin: 35px 0; } }
.vision .sdgsKV {
  position: relative; }
  .vision .sdgsKV .goal {
    display: block;
    margin: -103px auto 0;
    width: auto; }
  @media screen and (max-width: 767px) {
    .vision .sdgsKV .goal {
      width: 35%;
      margin: -8% auto 0; } }
.vision .sdgsGoals {
  margin: 0 0 90px;
  text-align: center; }
  .vision .sdgsGoals h3 {
    margin: 0 0 25px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4; }
    .vision .sdgsGoals h3 span {
      display: block;
      font-size: 1.2rem; }
  @media screen and (max-width: 767px) {
    .vision .sdgsGoals {
      margin: 0 0 50px; }
      .vision .sdgsGoals h3 {
        margin: 0 0 20px;
        font-size: 1.8rem; }
        .vision .sdgsGoals h3 span {
          font-size: 1rem; } }
.vision .sdgsItems h2 {
  padding: 30px 0;
  border-top: #014099 1px solid;
  border-bottom: #014099 1px solid;
  color: #014099;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center; }
.vision .sdgsItems section {
  padding: 47px 0 60px;
  border-bottom: #014099 1px solid; }
.vision .sdgsItems .goalList {
  display: flex;
  justify-content: center; }
  .vision .sdgsItems .goalList li {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    padding: 0 50px; }
    .vision .sdgsItems .goalList li::before {
      content: '';
      background: url(../images/sdgs_goals.png) 0 0 no-repeat;
      background-size: 550px;
      width: 83px;
      height: 83px;
      display: block;
      margin: 0 auto 10px; }
    .vision .sdgsItems .goalList li::after {
      content: attr(data-opt);
      display: block;
      font-size: 1.1rem; }
    .vision .sdgsItems .goalList li.goal03 {
      color: #1b973a; }
      .vision .sdgsItems .goalList li.goal03::before {
        background-position: -188px 0; }
    .vision .sdgsItems .goalList li.goal06 {
      color: #00a6d9; }
      .vision .sdgsItems .goalList li.goal06::before {
        background-position: 100% 0; }
    .vision .sdgsItems .goalList li.goal07 {
      color: #fabd00; }
      .vision .sdgsItems .goalList li.goal07::before {
        background-position: 0 -93px; }
    .vision .sdgsItems .goalList li.goal12 {
      color: #d39206; }
      .vision .sdgsItems .goalList li.goal12::before {
        background-position: 100% -93px; }
    .vision .sdgsItems .goalList li.goal13 {
      color: #407936; }
      .vision .sdgsItems .goalList li.goal13::before {
        background-position: 0 -186px; }
    .vision .sdgsItems .goalList li.goal14 {
      color: #0075ba; }
      .vision .sdgsItems .goalList li.goal14::before {
        background-position: -94px -186px; }
    .vision .sdgsItems .goalList li.goal15 {
      color: #28a838; }
      .vision .sdgsItems .goalList li.goal15::before {
        background-position: -188px -186px; }
.vision .sdgsItems h3 {
  margin: 30px 0;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center; }
.vision .sdgsItems .detailsWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .vision .sdgsItems .detailsWrap .items {
    width: 330px; }
    .vision .sdgsItems .detailsWrap .items:nth-of-type(n+4) {
      margin-top: 30px; }
    .vision .sdgsItems .detailsWrap .items dt {
      margin: 15px 0 8px;
      font-weight: 600;
      color: #014099; }
@media screen and (max-width: 767px) {
  .vision .sdgsItems h2 {
    padding: 15px 0;
    font-size: 2.0rem; }
  .vision .sdgsItems section {
    padding: 35px 0 30px; }
  .vision .sdgsItems .goalList li {
    font-size: 1.6rem;
    padding: 0 10px; }
    .vision .sdgsItems .goalList li::before {
      background-size: 345px;
      width: 53px;
      height: 53px;
      margin: 0 auto 10px; }
    .vision .sdgsItems .goalList li.goal03::before {
      background-position: -117px 0; }
    .vision .sdgsItems .goalList li.goal06::before {
      background-position: 100% 0; }
    .vision .sdgsItems .goalList li.goal07::before {
      background-position: 0 -58px; }
    .vision .sdgsItems .goalList li.goal12::before {
      background-position: 100% -58px; }
    .vision .sdgsItems .goalList li.goal13::before {
      background-position: 0 -115px; }
    .vision .sdgsItems .goalList li.goal14::before {
      background-position: -59px -115px; }
    .vision .sdgsItems .goalList li.goal15::before {
      background-position: -117px -115px; }
    .vision .sdgsItems .goalList li::after {
      margin-top: 5px;
      font-size: 1rem; }
  .vision .sdgsItems h3 {
    margin: 30px 0 25px;
    font-size: 1.8rem; }
  .vision .sdgsItems .detailsWrap {
    flex-direction: column; }
    .vision .sdgsItems .detailsWrap .items {
      width: 100%;
      display: flex; }
      .vision .sdgsItems .detailsWrap .items:nth-of-type(n+4) {
        margin-top: auto; }
      .vision .sdgsItems .detailsWrap .items + .items {
        margin-top: 20px; }
      .vision .sdgsItems .detailsWrap .items .itemThumb {
        width: 30%; }
        .vision .sdgsItems .detailsWrap .items .itemThumb img {
          width: 100%; }
      .vision .sdgsItems .detailsWrap .items dl {
        width: 70%;
        padding: 0 0 0 15px; }
      .vision .sdgsItems .detailsWrap .items dt {
        margin: 0 0 5px; }
      .vision .sdgsItems .detailsWrap .items dd {
        font-size: 1.4rem; } }
.vision .articleIntro, .vision .articleOutro {
  text-align: center;
  font-size: 1.4rem; }
  .vision .articleIntro .logo, .vision .articleOutro .logo {
    width: 130px;
    margin: 10px auto 0; }
  @media screen and (max-width: 767px) {
    .vision .articleIntro .logo, .vision .articleOutro .logo {
      width: 100px; } }
.vision .articleOutro {
  margin: 20px 0 0;
  text-align: right;
  overflow: hidden; }
  .vision .articleOutro .logo {
    margin: 10px 0 0;
    float: right; }
.vision .articleItem {
  color: #014099;
  font-weight: 600;
  line-height: 1.4;
  text-align: center; }
  .vision .articleItem .vol {
    font-size: 2.4rem;
    padding-bottom: 35px; }
    .vision .articleItem .vol::after {
      content: '';
      display: block;
      width: 30px;
      height: 1px;
      background-color: #014099;
      margin: 30px auto 0; }
    .vision .articleItem .vol em {
      display: block;
      font-size: 3.2rem;
      padding-left: 0; }
  .vision .articleItem .month {
    margin: 0 0 20px; }
  .vision .articleItem h2 {
    margin: 0 0 25px;
    font-size: 3.2rem;
    font-weight: 600; }
  .vision .articleItem .outline {
    color: #333;
    font-weight: 600;
    line-height: 1.8;
    text-align: left; }
  .vision .articleItem .kv img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .vision .articleItem .vol {
      font-size: 1.7rem;
      padding-bottom: 15px; }
      .vision .articleItem .vol::after {
        margin: 10px auto 0; }
      .vision .articleItem .vol em {
        font-size: 2.4rem; }
    .vision .articleItem .month {
      margin: 0 0 10px; }
    .vision .articleItem h2 {
      margin: 0 0 15px;
      font-size: 2.2rem; }
    .vision .articleItem .outline {
      font-size: 1.4rem;
      text-align: left; } }
.vision .articleKV {
  position: relative;
  margin: 50px 0 0;
  padding: 80px 30px 30px;
  min-height: 600px;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat; }
  .vision .articleKV.vol1 {
    background-image: url(../articles/images/kv_vol1.jpg); }
  .vision .articleKV.vol2 {
    background-image: url(../articles/images/kv_vol2.jpg); }
  .vision .articleKV.vol3 {
    background-image: url(../articles/images/kv_vol3.jpg); }
  .vision .articleKV.vol4 {
    background-image: url(../articles/images/kv_vol4.jpg); }
  .vision .articleKV.vol5 {
    background-image: url(../articles/images/kv_vol5.jpg); }
  .vision .articleKV.vol6 {
    background-image: url(../articles/images/kv_vol6.jpg); }
  .vision .articleKV.vol7 {
    background-image: url(../articles/images/kv_vol7.jpg); }
  .vision .articleKV.vol8 {
    background-image: url(../articles/images/kv_vol8.jpg); }
  .vision .articleKV.vol9 {
    background-image: url(../articles/images/kv_vol9.jpg); }
  .vision .articleKV.vol10 {
    background-image: url(../articles/images/kv_vol10.jpg); }
  .vision .articleKV.vol11 {
    background-image: url(../articles/images/kv_vol11.jpg); }
  .vision .articleKV.vol12 {
    background-image: url(../articles/images/kv_vol12.jpg); }
  .vision .articleKV::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .vision .articleKV .articleItem {
    position: relative;
    color: #fff; }
    .vision .articleKV .articleItem .vol::after {
      background-color: #fff; }
    .vision .articleKV .articleItem .outline {
      color: #fff;
      font-weight: 300; }
  .vision .articleKV .btnLink a {
    background-color: transparent;
    border: #fff 1px solid;
    padding: 15px 100px; }
  .vision .articleKV + .notes {
    margin-top: 10px;
    font-size: 1.4rem; }
  @media screen and (max-width: 767px) {
    .vision .articleKV {
      margin: 25px -10px 0;
      padding: 30px 15px 15px;
      min-height: 124vw; }
      .vision .articleKV.vol1 {
        background-image: url(../articles/images/kv_vol1_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol2 {
        background-image: url(../articles/images/kv_vol2_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol3 {
        background-image: url(../articles/images/kv_vol3_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol4 {
        background-image: url(../articles/images/kv_vol4_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol5 {
        background-image: url(../articles/images/kv_vol5_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol6 {
        background-image: url(../articles/images/kv_vol6_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol7 {
        background-image: url(../articles/images/kv_vol7_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol8 {
        background-image: url(../articles/images/kv_vol8_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol9 {
        background-image: url(../articles/images/kv_vol9_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol10 {
        background-image: url(../articles/images/kv_vol10_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol11 {
        background-image: url(../articles/images/kv_vol11_sp.jpg);
        background-size: 100%; }
      .vision .articleKV.vol12 {
        background-image: url(../articles/images/kv_vol12_sp.jpg);
        background-size: 100%; }
      .vision .articleKV .btnLink a {
        padding: 10px 0; }
      .vision .articleKV + .notes {
        font-size: 1.2rem; } }
.vision .articleList {
  margin-top: 50px;
  border-top: #ccc 1px solid;
  overflow: hidden; }
  .vision .articleList .thumb {
    float: right;
    margin: 0 0 0 60px; }
  .vision .articleList .itemWrap {
    display: block;
    padding: 47px 0;
    border-bottom: #ccc 1px solid;
    overflow: hidden;
    transition: all .3s; }
    .vision .articleList .itemWrap:hover {
      background-color: #eff4fa;
      text-decoration: none; }
    .vision .articleList .itemWrap .articleItem {
      font-size: 1.4rem;
      text-align: left; }
      .vision .articleList .itemWrap .articleItem .vol {
        font-size: 1.4rem;
        padding: 0; }
        .vision .articleList .itemWrap .articleItem .vol::after {
          display: none; }
        .vision .articleList .itemWrap .articleItem .vol em {
          display: inline-block;
          font-size: 2.8rem;
          padding-left: 10px; }
      .vision .articleList .itemWrap .articleItem .month {
        margin: 20px 0 5px; }
      .vision .articleList .itemWrap .articleItem h2 {
        margin: 20px 0 15px;
        font-size: 2.4rem; }
      .vision .articleList .itemWrap .articleItem .outline {
        font-weight: 300; }
  @media screen and (max-width: 767px) {
    .vision .articleList {
      margin-top: 27px; }
      .vision .articleList .thumb {
        margin: 0 0 0 25px;
        width: 35%; }
      .vision .articleList .itemWrap {
        padding: 18px 0; }
        .vision .articleList .itemWrap .articleItem {
          font-size: 1.4rem; }
          .vision .articleList .itemWrap .articleItem .vol {
            font-size: 1.2rem; }
            .vision .articleList .itemWrap .articleItem .vol em {
              font-size: 2rem;
              padding-left: 7px; }
          .vision .articleList .itemWrap .articleItem .month {
            margin: 7px 0 5px;
            font-size: 1.3rem; }
          .vision .articleList .itemWrap .articleItem h2 {
            margin: 0;
            font-size: 1.5rem;
            font-weight: 300;
            color: #333; }
          .vision .articleList .itemWrap .articleItem .outline {
            display: none; } }
.vision .articleDetails {
  border-bottom: #ccc 1px solid;
  padding: 0 0 40px; }
  .vision .articleDetails section + section {
    margin: 50px 0 0; }
  .vision .articleDetails section p + p {
    margin-top: 40px; }
  .vision .articleDetails .articleItem .kv {
    margin: 40px 0 45px; }
  .vision .articleDetails .articleItem .text1 {
    color: #333;
    font-weight: 300;
    line-height: 1.8;
    text-align: left; }
  .vision .articleDetails .bPattern01 {
    margin: 40px 0;
    font-size: 1.8rem;
    font-weight: 600; }
  @media screen and (max-width: 767px) {
    .vision .articleDetails section + section {
      margin: 30px 0 0; }
    .vision .articleDetails section p + p {
      margin-top: 20px; }
    .vision .articleDetails .articleItem .kv {
      margin: 20px 0; }
    .vision .articleDetails .articleItem .text1 {
      line-height: 1.6; }
    .vision .articleDetails .bPattern01 {
      margin: 20px 0;
      font-size: 1.6rem;
      text-align: left; } }
.vision .bgColor13 {
  background-color: #fcfaf3 !important; }
@media print {
  .vision .visionHeading2 {
    font-size: 3rem;
    margin: 30px 0; }
  .vision .bnrBlock {
    display: none !important; }
  .vision .visionChronology h3 {
    font-size: 2.4rem; }
  .vision .visionChronology section {
    break-inside: avoid; }
  .vision .visionChronology section:last-child .futureItemWrap,
  .vision .visionChronology .futureItemWrap {
    padding: 20px 0; }
  .vision .visionChronology .switchDetail {
    padding-bottom: 30px; }
  .vision .visionChronology .historyTable dt,
  .vision .visionChronology .historyTable .insights h4 {
    font-size: 2rem; }
  .vision .visionChronology .futureItem2 .objectiveNum {
    margin: 10px 0;
    font-size: 3rem; }
    .vision .visionChronology .futureItem2 .objectiveNum em {
      font-size: 6rem; }
  .vision .visionChronology .futureItem2 .row .col {
    padding: 10px 15px; }
  .vision .sdgsItems {
    break-before: page; }
    .vision .sdgsItems h2 {
      font-size: 2.4rem; }
    .vision .sdgsItems section {
      padding: 20px 0;
      break-inside: avoid; }
  .vision .articleList .itemWrap {
    break-inside: avoid; }
  .vision .notesList ol {
    margin: 0;
    padding: 20px 0; } }

/*-----------------------
activity
-----------------------*/
.deciList02.-system > li {
  margin-left: 0;
  text-indent: 0; }
  .deciList02.-system > li > p {
    margin-left: 24px;
    text-indent: -24px; }
    @media screen and (max-width: 320px) {
      .deciList02.-system > li > p {
        margin-left: 20px;
        text-indent: -20px; } }

/*===========================================
stance/contribution/
===========================================*/
.educationTable .linkPDF a {
  display: inline-block;
  padding: 1px 8px;
  color: #fff;
  background-color: #c90000;
  font-size: 11px;
  line-height: 1.4;
  vertical-align: middle; }

.btnLink.-edu2 a,
body.popup .conBlock03 .inqBtn.-edu2 a {
  background-color: #007711; }

body.popup .conBlock03 .inqBtn.-edu2 a:hover {
  background-color: #004F0B; }

h1.edu2 {
  color: #007711 !important; }

.gridBlock.-sus .imgArea.-pict.contribution img {
  width: 100%;
  display: inline-block; }

.gridBlock.-sus .imgArea.-pict.contribution img.pcHide {
  display: none; }

.gridBlock.-sus .imgArea.-pict.contribution img.spHide {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .gridBlock.-sus .imgArea.-pict.contribution img.pcHide {
    display: inline-block; }

  .gridBlock.-sus .imgArea.-pict.contribution img.spHide {
    display: none; }

  .gridBlock.-sus .imgArea.-pict.contribution {
    padding: 0; } }
/*-----------------------
2021 target result
-----------------------*/
.targetResult {
  margin-bottom: 30px; }
  .targetResult .TaReTit {
    background-color: #014099;
    color: #fff;
    max-width: 250px;
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding: 12px 3px 8px 3px;
    text-align: center;
    font-size: 110%;
    font-weight: bold; }
  .targetResult .TaReTit02 {
    background-color: #014099;
    color: #fff;
    max-width: 540px;
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding: 12px 3px 8px 3px;
    text-align: center;
    font-size: 110%;
    font-weight: bold; }
  .targetResult .trBox01 {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 40px;
    border: 1px solid #014099; }
  .targetResult .trBox02 {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 40px 60px;
    border: 1px solid #014099; }
  .targetResult .trBox02-short {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 40px 140px;
    border: 1px solid #014099; }
  .targetResult .kpiTit {
    background-color: #014099;
    color: #fff;
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding: 8px 3px 5px 3px;
    text-align: center;
    font-size: 110%;
    font-weight: bold; }
  .targetResult .subTit {
    background-color: #eef4f9;
    margin: 0;
    padding: 8px 8px 5px 8px;
    font-weight: bold; }
  .targetResult .paAll {
    padding: 0 !important; }
  .targetResult .indent01 {
    text-indent: -1.4em;
    padding-left: 1.4em; }
  .targetResult .indent01-2 {
    text-indent: -3.4em;
    padding-left: 3.4em; }
  .targetResult .indent02 {
    text-indent: -2.3em;
    padding-left: 2.3em; }
  .targetResult .indent02-2 {
    text-indent: -3em;
    padding-left: 3em; }
  .targetResult table.Action tbody td {
    padding-left: 0;
    padding-right: 0; }
  .targetResult table.Result thead th {
    background-color: #01409a;
    text-align: center;
    color: #fff;
    vertical-align: middle; }
  @media screen and (max-width: 959px) {
    .targetResult .trBox01, .targetResult .trBox02, .targetResult .trBox02-short {
      padding: 30px; } }
  @media screen and (max-width: 767px) {
    .targetResult .trBox01, .targetResult .trBox02, .targetResult .trBox02-short {
      padding: 15px; } }
  @media print {
    .targetResult .trBox02-short {
      padding: 40px 60px; } }

/*-----------------------
2021 roadmap
-----------------------*/
.headingRoadmap.-Initiatives h1 {
  position: relative;
  padding-right: 160px; }
  .headingRoadmap.-Initiatives h1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    color: #014099;
    border: #014099 1px solid;
    border-radius: 5px;
    padding: 5px 4px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.5px;
    background-size: 14px 16px;
    white-space: pre;
    text-align: center; }
.headingRoadmap.-Initiatives h2 {
  position: relative;
  padding-right: 160px; }
  .headingRoadmap.-Initiatives h2:after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    color: #014099;
    border: #014099 1px solid;
    border-radius: 5px;
    padding: 5px 4px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.5px;
    background-size: 14px 16px;
    white-space: pre;
    text-align: center; }
.headingRoadmap.-Initiatives.-I01 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)"; }
.headingRoadmap.-Initiatives.-I02 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)"; }
.headingRoadmap.-Initiatives.-I05 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (5)"; }
.headingRoadmap.-Initiatives.-I01_03 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)"; }
.headingRoadmap.-Initiatives.-I01_04 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(4)"; }
.headingRoadmap.-Initiatives.-I01_07 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(7)"; }
.headingRoadmap.-Initiatives.-I02_06 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)(6)"; }
.headingRoadmap.-Initiatives.-I05_06 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (5)(6)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)"; }
.headingRoadmap.-Initiatives.-I01_02_06_07 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(6)(7)"; }
.headingRoadmap.-Initiatives.-I01_03_05_06 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(5)(6)"; }
.headingRoadmap.-Initiatives.-I06_07_08_09 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (6)(7)(8)(9)"; }
.headingRoadmap.-Initiatives.-I06_08_09_12 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (6)(8)(9)(12)"; }
.headingRoadmap.-Initiatives.-I01_03_04_05_06 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(4)(5)(6)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04_05_06 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)(5)(6)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04_05_06_07 h1:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)(5)(6)(7)"; }
.headingRoadmap.-Initiatives.-I01 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)"; }
.headingRoadmap.-Initiatives.-I02 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)"; }
.headingRoadmap.-Initiatives.-I03 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)"; }
.headingRoadmap.-Initiatives.-I04 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (4)"; }
.headingRoadmap.-Initiatives.-I05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (5)"; }
.headingRoadmap.-Initiatives.-I06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (6)"; }
.headingRoadmap.-Initiatives.-I07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (7)"; }
.headingRoadmap.-Initiatives.-I08 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (8)"; }
.headingRoadmap.-Initiatives.-I09 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (9)"; }
.headingRoadmap.-Initiatives.-I10 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (10)"; }
.headingRoadmap.-Initiatives.-I11 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (11)"; }
.headingRoadmap.-Initiatives.-I12 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (12)"; }
.headingRoadmap.-Initiatives.-I13 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (13)"; }
.headingRoadmap.-Initiatives.-I01_02 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)"; }
.headingRoadmap.-Initiatives.-I01_03 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)"; }
.headingRoadmap.-Initiatives.-I01_04 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(4)"; }
.headingRoadmap.-Initiatives.-I01_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(7)"; }
.headingRoadmap.-Initiatives.-I02_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)(6)"; }
.headingRoadmap.-Initiatives.-I03_04 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(4)"; }
.headingRoadmap.-Initiatives.-I03_05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(5)"; }
.headingRoadmap.-Initiatives.-I03_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(6)"; }
.headingRoadmap.-Initiatives.-I03_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(7)"; }
.headingRoadmap.-Initiatives.-I04_05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (4)(5)"; }
.headingRoadmap.-Initiatives.-I04_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (4)(6)"; }
.headingRoadmap.-Initiatives.-I05_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (5)(6)"; }
.headingRoadmap.-Initiatives.-I06_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (6)(7)"; }
.headingRoadmap.-Initiatives.-I06_11 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (6)(11)"; }
.headingRoadmap.-Initiatives.-I01_02_03 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)"; }
.headingRoadmap.-Initiatives.-I01_03_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(7)"; }
.headingRoadmap.-Initiatives.-I01_05_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(5)(6)"; }
.headingRoadmap.-Initiatives.-I02_05_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)(5)(7)"; }
.headingRoadmap.-Initiatives.-I03_04_05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(4)(5)"; }
.headingRoadmap.-Initiatives.-I03_04_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(4)(7)"; }
.headingRoadmap.-Initiatives.-I03_05_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (3)(5)(6)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)"; }
.headingRoadmap.-Initiatives.-I01_02_06_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(6)(7)"; }
.headingRoadmap.-Initiatives.-I01_03_04_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(4)(7)"; }
.headingRoadmap.-Initiatives.-I01_03_05_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(5)(6)"; }
.headingRoadmap.-Initiatives.-I02_03_04_05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (2)(3)(4)(5)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04_05 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)(5)"; }
.headingRoadmap.-Initiatives.-I01_02_03_06_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(6)(7)"; }
.headingRoadmap.-Initiatives.-I01_03_04_05_06 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(3)(4)(5)(6)"; }
.headingRoadmap.-Initiatives.-I05_06_08_09_12 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (5)(6)(8)(9)(12)"; }
.headingRoadmap.-Initiatives.-I01_02_03_04_05_07 h2:after {
  content: "CSR Roadmap 2022\aMain Initiatives (1)(2)(3)(4)(5)(7)"; }

@media screen and (max-width: 767px) {
  .headingRoadmap.-Initiatives h2 {
    padding-right: 140px; }
    .headingRoadmap.-Initiatives h2:after {
      top: -2px;
      font-size: 0.9rem;
      background-size: 12px 15px;
      padding: 5px 3px; } }
@media print {
  .headingRoadmap.-Initiatives h1:after, .headingRoadmap.-Initiatives h2:after {
    font-size: 1.25rem; } }
/*-----------------------
2021 addition
-----------------------*/
.sp-only {
  display: none; }

@media screen and (max-width: 767px) {
  .pc-only {
    display: none; }

  .sp-only {
    display: block; } }
.color01 {
  color: #ff3300; }

.txt-indent01 {
  text-indent: -1.6em;
  padding-left: 1.6em; }

.txt-indent02 {
  text-indent: -1em;
  padding-left: 1em; }

.lbl-PDF {
  padding: 1px 8px;
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-color: #C90001; }

.fs-16 {
  font-size: 1.6rem !important; }

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

.fs-20 {
  font-size: 2.0rem !important; }

.imgColumn2List li {
  width: 44% !important; }

@media screen and (max-width: 959px) {
  .imgColumn2List li {
    width: 43% !important; } }
@media screen and (max-width: 767px) {
  .imgColumn2List li {
    width: 100% !important; } }
.txtC {
  text-align: center !important;
  display: block !important; }

.txtL {
  text-align: left !important;
  display: inline-block !important; }

.insideLinks li a {
  white-space: normal !important; }

sup {
  top: -0.7em !important; }

/*-----------------------
2023 addition
-----------------------*/
.imgBorder {
  border: 1px solid #666; }

.twoColumnCaption {
  padding: 13px 0 0 0;
  font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  .twoColumnCaption {
    padding: 0 10px 10px 10px; } }
@media print {
  .twoColumnCaption {
    margin-left: 40px; } }
.scrollFix {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1; }

.deciList02-2 > li {
  margin-left: 4.5rem;
  text-indent: -4.5rem;
  list-style-type: none; }

.h3MaterialityProcess23 {
  padding: 0.6em 1em;
  width: 100%;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1.6;
  background: #656C74;
  margin: 42px 0 17px;
  color: #fff; }

.h4Wrapper {
  margin-left: 1.5em !important; }

.h4MaterialityProcess23 {
  color: #fff;
  margin: 25px 0 15px;
  padding: 0.8em 1em 0.8em 1.2em;
  width: 100%;
  font-weight: 600;
  line-height: 1.6; }
  .h4MaterialityProcess23 span {
    margin-right: 1em; }
  .h4MaterialityProcess23._01 {
    background-color: #004098; }
  .h4MaterialityProcess23._02 {
    background-color: #016EFF; }
  .h4MaterialityProcess23._03 {
    background-color: #4F9AFF; }
  .h4MaterialityProcess23._04 {
    background-color: #85B9FF; }

.txtMaterialityProcess23 {
  margin-left: 3.2em; }

.mapMaterialityProcess23 {
  width: 450px;
  height: 410px;
  position: relative;
  background: url("../stance/images/materiality_fig07bg.png") no-repeat;
  z-index: 1; }

.mapTxt_01 {
  position: absolute;
  top: 8px;
  right: 4px;
  z-index: 5;
  line-height: 1.2;
  font-size: 1.44rem;
  text-align: center;
  font-weight: bold; }

.mapTxt_02 {
  position: absolute;
  bottom: 6px;
  right: 145px;
  z-index: 5;
  line-height: 1.2;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold; }

.mapTxt_03 {
  position: absolute;
  top: 100px;
  left: 7px;
  z-index: 5;
  line-height: 1.2;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

.hrMaterialityProcess23 {
  border-bottom: 2px dashed #004097;
  margin-bottom: 50px;
  padding-bottom: 20px; }

.blueMaterialityProcess23 {
  color: #004098; }

.greenMaterialityProcess23 {
  color: #007C64; }

@media screen and (max-width: 767px) {
  .sp50 {
    width: 50% !important; }

  .sp25 {
    width: 25% !important; } }
.print-only {
  display: none; }

@media print {
  .print-only {
    display: block; } }
.evaluation_table {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 767px) {
  .evaluation_table {
    display: block; } }
/*-----------------------
2024 addition
-----------------------*/
/*-CSR推進体制図-*/
.figWrap_activity1-1 {
  width: 650px;
  height: 646px;
  position: relative;
  background: url("../stance/images/activity_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_activity1-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_activity1-1._01 {
    top: 17px;
    left: 67px;
    font-size: 16px;
    color: #fff; }
  .figTxt_activity1-1._02 {
    top: 144px;
    left: 72px;
    font-size: 16px;
    color: #fff; }
  .figTxt_activity1-1._03 {
    top: 270px;
    left: 54px;
    font-size: 16px;
    color: #fff; }
  .figTxt_activity1-1._04 {
    top: 382px;
    left: 51px;
    font-size: 16px;
    color: #fff; }
  .figTxt_activity1-1._05 {
    top: 470px;
    left: 62px;
    font-size: 16px;
    color: #014099; }
  .figTxt_activity1-1._06 {
    top: 177px;
    left: 420px;
    font-size: 16px;
    color: #fff; }
  .figTxt_activity1-1._07 {
    top: 212px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._08 {
    top: 243px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._09 {
    top: 273px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._10 {
    top: 321px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._11 {
    top: 351px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._12 {
    top: 380px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._13 {
    top: 412px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._14 {
    top: 461px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._15 {
    top: 508px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._16 {
    top: 539px;
    left: 344px;
    font-size: 14px;
    color: #014099; }
  .figTxt_activity1-1._17 {
    top: 90px;
    left: 439px;
    font-size: 16px;
    color: #014099; }
  .figTxt_activity1-1._18 {
    top: 489px;
    left: 78px;
    font-size: 13px;
    text-align: center; }
  .figTxt_activity1-1._19 {
    top: 592px;
    left: 81px;
    font-size: 12px; }
  .figTxt_activity1-1._20 {
    top: 68px;
    left: 8px;
    font-size: 14px; }
  .figTxt_activity1-1._21 {
    top: 82px;
    left: 165px;
    font-size: 14px; }
  .figTxt_activity1-1._22 {
    top: 200px;
    left: 50px;
    font-size: 14px; }
  .figTxt_activity1-1._23 {
    top: 208px;
    left: 165px;
    font-size: 14px; }
  .figTxt_activity1-1._24 {
    top: 331px;
    left: 185px;
    font-size: 14px; }

/*-東レグループのコーポレート・ガバナンス体制図-*/
.figWrap_gl1-1 {
  width: 730px;
  height: 812px;
  position: relative;
  background: url("../activity/governance/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl1-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl1-1._01 {
    top: 25px;
    left: 228px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl1-1._02 {
    top: 165px;
    left: 37px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._03 {
    top: 146px;
    left: 206px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._04 {
    top: 181px;
    left: 206px;
    font-size: 13px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._05 {
    top: 155px;
    left: 393px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl1-1._06 {
    top: 176px;
    left: 418px;
    font-size: 13px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._07 {
    top: 146px;
    left: 598px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._08 {
    top: 181px;
    left: 606px;
    font-size: 13px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._09 {
    top: 362px;
    left: 44px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._10 {
    top: 370px;
    left: 422px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl1-1._11 {
    top: 476px;
    left: 175px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl1-1._12 {
    top: 468px;
    left: 453px;
    font-size: 13px;
    color: #fff;
    line-height: 1.4; }
  .figTxt_gl1-1._13 {
    top: 664px;
    left: 323px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._14 {
    top: 738px;
    left: 315px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl1-1._15 {
    top: 84px;
    left: 582px;
    font-size: 13px;
    color: #014099; }
  .figTxt_gl1-1._16 {
    top: 344px;
    left: 582px;
    font-size: 13px;
    color: #014099; }
  .figTxt_gl1-1._17 {
    top: 428px;
    left: 172px;
    font-size: 13px;
    color: #014099; }
  .figTxt_gl1-1._18 {
    top: 428px;
    left: 519px;
    font-size: 13px;
    color: #014099; }
  .figTxt_gl1-1._19 {
    top: 89px;
    left: 58px;
    font-size: 12px; }
  .figTxt_gl1-1._20 {
    top: 89px;
    left: 248px;
    font-size: 12px; }
  .figTxt_gl1-1._21 {
    top: 89px;
    left: 433px;
    font-size: 12px; }
  .figTxt_gl1-1._22 {
    top: 127px;
    left: 356px;
    font-size: 12px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
  .figTxt_gl1-1._23 {
    top: 118px;
    left: 542px;
    font-size: 12px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
  .figTxt_gl1-1._24 {
    top: 289px;
    left: 8px;
    font-size: 12px; }
  .figTxt_gl1-1._25 {
    top: 237px;
    left: 84px;
    font-size: 12px; }
  .figTxt_gl1-1._26 {
    top: 257px;
    left: 254px;
    font-size: 12px; }
  .figTxt_gl1-1._27 {
    top: 502px;
    left: 52px;
    font-size: 12px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }

/*-コンプライアンス体制図-*/
.figWrap_gl2-1 {
  width: 730px;
  height: 468px;
  position: relative;
  background: url("../activity/compliance/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl2-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl2-1._01 {
    top: 27px;
    left: 291px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._02 {
    top: 151px;
    left: 170px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._03 {
    top: 281px;
    left: 23px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._04 {
    top: 274px;
    left: 197px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._05 {
    top: 275px;
    left: 369px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._06 {
    top: 281px;
    left: 542px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._07 {
    top: 383px;
    left: 365px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl2-1._08 {
    top: 394px;
    left: 538px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.6; }
  .figTxt_gl2-1._09 {
    top: 84px;
    left: 225px;
    font-size: 14px; }
  .figTxt_gl2-1._10 {
    top: 94px;
    left: 386px;
    font-size: 14px; }
  .figTxt_gl2-1._11 {
    top: 106px;
    left: 8px;
    font-size: 14px;
    color: #014099; }

/*-安全・衛生・防災・環境保全の推進体制-*/
.figWrap_gl3-1 {
  width: 730px;
  height: 647px;
  position: relative;
  background: url("../activity/environment/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl3-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl3-1._01 {
    top: 24px;
    left: 292px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl3-1._02 {
    top: 140px;
    left: 225px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.0; }
  .figTxt_gl3-1._03 {
    top: 254px;
    left: 212px;
    font-size: 12px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._04 {
    top: 333px;
    left: 76px;
    font-size: 12px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._05 {
    top: 247px;
    left: 592px;
    font-size: 12px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._06 {
    top: 308px;
    left: 591px;
    font-size: 12px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._07 {
    top: 442px;
    left: 34px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._08 {
    top: 442px;
    left: 302px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._09 {
    top: 442px;
    left: 551px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl3-1._10 {
    top: 111px;
    left: 19px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl3-1._11 {
    top: 500px;
    left: 12px;
    font-size: 11px;
    color: #014099;
    line-height: 1.3; }
  .figTxt_gl3-1._12 {
    top: 524px;
    left: 260px;
    font-size: 11px;
    color: #014099;
    line-height: 1.3; }
  .figTxt_gl3-1._13 {
    top: 524px;
    left: 507px;
    font-size: 11px;
    color: #014099;
    line-height: 1.3; }
  .figTxt_gl3-1._14 {
    top: 84px;
    left: 227px;
    font-size: 14px; }
  .figTxt_gl3-1._15 {
    top: 93px;
    left: 385px;
    font-size: 14px; }
  .figTxt_gl3-1._16 {
    top: 220px;
    left: 230px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl3-1._17 {
    top: 368px;
    left: 370px;
    font-size: 14px; }

/*-品質保証活動の推進体制図-*/
.figWrap_gl4-1 {
  width: 730px;
  height: 928px;
  position: relative;
  background: url("../activity/quality/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl4-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl4-1._01 {
    top: 24px;
    left: 291px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-1._02 {
    top: 143px;
    left: 120px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-1._03 {
    top: 166px;
    left: 73px;
    font-size: 12px;
    color: #fff; }
  .figTxt_gl4-1._04 {
    top: 247px;
    left: 161px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._05 {
    top: 247px;
    left: 465px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._06 {
    top: 447px;
    left: 158px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._07 {
    top: 447px;
    left: 494px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-1._08 {
    top: 515px;
    left: 124px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._09 {
    top: 513px;
    left: 459px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._10 {
    top: 736px;
    left: 145px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._11 {
    top: 797px;
    left: 147px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-1._12 {
    top: 94px;
    left: 20px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl4-1._13 {
    top: 161px;
    left: 420px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl4-1._14 {
    top: 295px;
    left: 105px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-1._15 {
    top: 295px;
    left: 396px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-1._16 {
    top: 582px;
    left: 85px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-1._17 {
    top: 561px;
    left: 398px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-1._18 {
    top: 848px;
    left: 88px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-1._19 {
    top: 81px;
    left: 226px;
    font-size: 14px; }
  .figTxt_gl4-1._20 {
    top: 88px;
    left: 385px;
    font-size: 14px; }
  .figTxt_gl4-1._21 {
    top: 381px;
    left: 125px;
    font-size: 14px; }
  .figTxt_gl4-1._22 {
    top: 381px;
    left: 233px;
    font-size: 14px; }
  .figTxt_gl4-1._23 {
    top: 381px;
    left: 433px;
    font-size: 14px; }
  .figTxt_gl4-1._24 {
    top: 381px;
    left: 544px;
    font-size: 14px; }
  .figTxt_gl4-1._25 {
    top: 666px;
    left: 125px;
    font-size: 14px; }
  .figTxt_gl4-1._26 {
    top: 666px;
    left: 233px;
    font-size: 14px; }

/*-製品安全活動の推進体制図-*/
.figWrap_gl4-2 {
  width: 730px;
  height: 928px;
  position: relative;
  background: url("../activity/quality/images/index_fig02_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl4-2 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl4-2._01 {
    top: 24px;
    left: 291px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-2._02 {
    top: 143px;
    left: 120px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-2._03 {
    top: 166px;
    left: 73px;
    font-size: 12px;
    color: #fff; }
  .figTxt_gl4-2._04 {
    top: 247px;
    left: 161px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-2._05 {
    top: 247px;
    left: 461px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-2._06 {
    top: 447px;
    left: 312px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-2._07 {
    top: 516px;
    left: 279px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-2._08 {
    top: 733px;
    left: 291px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl4-2._09 {
    top: 798px;
    left: 312px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl4-2._10 {
    top: 92px;
    left: 20px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl4-2._11 {
    top: 161px;
    left: 420px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl4-2._12 {
    top: 295px;
    left: 95px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-2._13 {
    top: 295px;
    left: 401px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-2._14 {
    top: 583px;
    left: 230px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-2._15 {
    top: 846px;
    left: 230px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl4-2._16 {
    top: 81px;
    left: 226px;
    font-size: 14px; }
  .figTxt_gl4-2._17 {
    top: 88px;
    left: 385px;
    font-size: 14px; }
  .figTxt_gl4-2._18 {
    top: 382px;
    left: 275px;
    font-size: 14px; }
  .figTxt_gl4-2._19 {
    top: 382px;
    left: 387px;
    font-size: 14px; }
  .figTxt_gl4-2._20 {
    top: 663px;
    left: 275px;
    font-size: 14px; }
  .figTxt_gl4-2._21 {
    top: 663px;
    left: 387px;
    font-size: 14px; }

/*-リスクマネジメント委員会体制図-*/
.figWrap_gl5-1 {
  width: 730px;
  height: 576px;
  position: relative;
  background: url("../activity/riskmanagement/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl5-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl5-1._01 {
    top: 24px;
    left: 291px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl5-1._02 {
    top: 149px;
    left: 241px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl5-1._03 {
    top: 174px;
    left: 125px;
    font-size: 13px;
    color: #fff; }
  .figTxt_gl5-1._04 {
    top: 298px;
    left: 112px;
    font-size: 16px;
    color: #014099;
    text-align: center; }
  .figTxt_gl5-1._05 {
    top: 351px;
    left: 136px;
    font-size: 12px;
    color: #014099;
    text-align: center; }
  .figTxt_gl5-1._06 {
    top: 495px;
    left: 137px;
    font-size: 12px;
    color: #014099;
    text-align: center; }
  .figTxt_gl5-1._07 {
    top: 305px;
    left: 414px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl5-1._08 {
    top: 440px;
    left: 389px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .figTxt_gl5-1._09 {
    top: 84px;
    left: 228px;
    font-size: 14px; }
  .figTxt_gl5-1._10 {
    top: 91px;
    left: 390px;
    font-size: 14px; }
  .figTxt_gl5-1._11 {
    top: 231px;
    left: 80px;
    font-size: 14px; }
  .figTxt_gl5-1._12 {
    top: 240px;
    left: 235px;
    font-size: 14px; }
  .figTxt_gl5-1._13 {
    top: 248px;
    left: 434px;
    font-size: 14px; }
  .figTxt_gl5-1._14 {
    top: 248px;
    left: 543px;
    font-size: 14px; }
  .figTxt_gl5-1._15 {
    top: 433px;
    left: 125px;
    font-size: 14px; }
  .figTxt_gl5-1._16 {
    top: 433px;
    left: 236px;
    font-size: 14px; }
  .figTxt_gl5-1._17 {
    top: 381px;
    left: 434px;
    font-size: 14px; }
  .figTxt_gl5-1._18 {
    top: 381px;
    left: 543px;
    font-size: 14px; }
  .figTxt_gl5-1._19 {
    top: 100px;
    left: 13px;
    font-size: 14px;
    color: #014099; }

/*-中期経営課題達成を阻害するリスク-*/
.figWrap_gl5-2 {
  width: 730px;
  height: 450px;
  position: relative;
  background: url("../activity/riskmanagement/images/index_fig04_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl5-2 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl5-2._01 {
    top: 16px;
    left: 195px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl5-2._02 {
    top: 194px;
    left: 8px;
    font-size: 14px;
    color: #014099;
    text-align: center; }
  .figTxt_gl5-2._03 {
    top: 182px;
    left: 636px;
    font-size: 13px;
    color: #fff;
    text-align: center; }
  .figTxt_gl5-2._04 {
    top: 421px;
    left: 204px;
    font-size: 13px;
    color: #014099; }
  .figTxt_gl5-2._05 {
    top: 52px;
    left: 167px;
    font-size: 14px;
    color: #014099;
    text-align: center; }
  .figTxt_gl5-2._06 {
    top: 60px;
    left: 387px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl5-2._07 {
    top: 194px;
    left: 268px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl5-2._08 {
    top: 298px;
    left: 47px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl5-2._09 {
    top: 298px;
    left: 272px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl5-2._10 {
    top: 298px;
    left: 458px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl5-2._11 {
    top: 90px;
    left: 141px;
    font-size: 13px;
    text-align: center; }
  .figTxt_gl5-2._12 {
    top: 90px;
    left: 343px;
    font-size: 13px;
    text-align: center; }
  .figTxt_gl5-2._13 {
    top: 222px;
    left: 114px;
    font-size: 13px;
    text-align: center; }
  .figTxt_gl5-2._14 {
    top: 319px;
    left: 25px;
    font-size: 11px;
    text-align: center;
    line-height: 1.1; }
  .figTxt_gl5-2._15 {
    top: 319px;
    left: 229px;
    font-size: 11px;
    text-align: center;
    line-height: 1.1; }
  .figTxt_gl5-2._16 {
    top: 319px;
    left: 438px;
    font-size: 11px;
    text-align: center;
    line-height: 1.1; }

/*-人権体制図-*/
.figWrap_gl8-1 {
  width: 730px;
  height: 481px;
  position: relative;
  background: url("../activity/personnel/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl8-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl8-1._01 {
    top: 24px;
    left: 295px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl8-1._02 {
    top: 149px;
    left: 176px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl8-1._03 {
    top: 286px;
    left: 91px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl8-1._04 {
    top: 286px;
    left: 458px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl8-1._05 {
    top: 408px;
    left: 43px;
    font-size: 16px;
    color: #014099;
    text-align: center; }
  .figTxt_gl8-1._06 {
    top: 420px;
    left: 210px;
    font-size: 16px;
    color: #014099;
    text-align: center; }
  .figTxt_gl8-1._07 {
    top: 420px;
    left: 472px;
    font-size: 16px;
    color: #014099;
    text-align: center; }
  .figTxt_gl8-1._08 {
    top: 84px;
    left: 227px;
    font-size: 14px; }
  .figTxt_gl8-1._09 {
    top: 91px;
    left: 387px;
    font-size: 14px; }
  .figTxt_gl8-1._10 {
    top: 231px;
    left: 151px;
    font-size: 14px; }
  .figTxt_gl8-1._11 {
    top: 231px;
    left: 262px;
    font-size: 14px; }
  .figTxt_gl8-1._12 {
    top: 231px;
    left: 400px;
    font-size: 14px; }
  .figTxt_gl8-1._13 {
    top: 231px;
    left: 510px;
    font-size: 14px; }
  .figTxt_gl8-1._14 {
    top: 323px;
    left: 14px;
    font-size: 14px;
    line-height: 1.1; }
  .figTxt_gl8-1._15 {
    top: 361px;
    left: 130px;
    font-size: 14px; }
  .figTxt_gl8-1._16 {
    top: 338px;
    left: 180px;
    font-size: 14px;
    line-height: 1.1; }
  .figTxt_gl8-1._17 {
    top: 361px;
    left: 283px;
    font-size: 14px; }
  .figTxt_gl8-1._18 {
    top: 338px;
    left: 462px;
    font-size: 14px;
    line-height: 1.1; }
  .figTxt_gl8-1._19 {
    top: 361px;
    left: 564px;
    font-size: 14px; }
  .figTxt_gl8-1._20 {
    top: 106px;
    left: 13px;
    font-size: 14px;
    color: #014099; }

/*-サプライチェーンの体制図-*/
.figWrap_gl9-1 {
  width: 730px;
  height: 699px;
  position: relative;
  background: url("../activity/supply_chain/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl9-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl9-1._01 {
    top: 24px;
    left: 287px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl9-1._02 {
    top: 148px;
    left: 288px;
    font-size: 16px;
    color: #fff; }
  .figTxt_gl9-1._03 {
    top: 170px;
    left: 187px;
    font-size: 13px;
    color: #fff; }
  .figTxt_gl9-1._04 {
    top: 310px;
    left: 255px;
    font-size: 16px;
    color: #fff;
    text-align: center; }
  .figTxt_gl9-1._05 {
    top: 369px;
    left: 249px;
    font-size: 11px;
    color: #014099; }
  .figTxt_gl9-1._06 {
    top: 546px;
    left: 52px;
    font-size: 16px;
    color: #014099; }
  .figTxt_gl9-1._07 {
    top: 583px;
    left: 82px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._08 {
    top: 583px;
    left: 433px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._09 {
    top: 623px;
    left: 55px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._10 {
    top: 616px;
    left: 276px;
    font-size: 12px;
    color: #014099;
    text-align: center; }
  .figTxt_gl9-1._11 {
    top: 623px;
    left: 512px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._12 {
    top: 662px;
    left: 43px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._13 {
    top: 662px;
    left: 283px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._14 {
    top: 655px;
    left: 507px;
    font-size: 12px;
    color: #014099;
    text-align: center; }
  .figTxt_gl9-1._15 {
    top: 104px;
    left: 503px;
    font-size: 14px;
    color: #014099; }
  .figTxt_gl9-1._16 {
    top: 344px;
    left: 41px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._17 {
    top: 337px;
    left: 582px;
    font-size: 12px;
    color: #fff;
    text-align: center; }
  .figTxt_gl9-1._18 {
    top: 495px;
    left: 84px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._19 {
    top: 495px;
    left: 299px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl9-1._20 {
    top: 488px;
    left: 574px;
    font-size: 12px;
    color: #014099;
    text-align: center; }
  .figTxt_gl9-1._21 {
    top: 83px;
    left: 224px;
    font-size: 14px; }
  .figTxt_gl9-1._22 {
    top: 93px;
    left: 385px;
    font-size: 14px; }
  .figTxt_gl9-1._23 {
    top: 259px;
    left: 372px;
    font-size: 14px; }
  .figTxt_gl9-1._24 {
    top: 308px;
    left: 124px;
    font-size: 14px;
    text-align: center; }
  .figTxt_gl9-1._25 {
    top: 308px;
    left: 505px;
    font-size: 14px;
    text-align: center; }
  .figTxt_gl9-1._26 {
    top: 426px;
    left: 372px;
    font-size: 14px; }

/*-PDCAサイクル-*/
.figWrap_gl9-2 {
  width: 650px;
  height: 651px;
  position: relative;
  background: url("../activity/supply_chain/images/procurement_04_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl9-2 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl9-2._01 {
    top: 24px;
    left: 300px;
    font-size: 20px; }
  .figTxt_gl9-2._02 {
    top: 63px;
    left: 210px;
    font-size: 14px; }
  .figTxt_gl9-2._03 {
    top: 236px;
    left: 86px;
    font-size: 20px;
    font-weight: bold; }
  .figTxt_gl9-2._04 {
    top: 280px;
    left: 23px;
    font-size: 14px; }
  .figTxt_gl9-2._05 {
    top: 236px;
    left: 507px;
    font-size: 20px;
    font-weight: bold; }
  .figTxt_gl9-2._06 {
    top: 270px;
    left: 417px;
    font-size: 14px; }
  .figTxt_gl9-2._07 {
    top: 442px;
    left: 291px;
    font-size: 20px;
    font-weight: bold; }
  .figTxt_gl9-2._08 {
    top: 501px;
    left: 235px;
    font-size: 14px; }
  .figTxt_gl9-2._09 {
    top: 302px;
    left: 269px;
    font-size: 16px;
    text-align: center; }

/*-社会貢献の体制図-*/
.figWrap_gl10-1 {
  width: 730px;
  height: 632px;
  position: relative;
  background: url("../activity/contribution/images/index_fig01_pc.png") no-repeat;
  z-index: 1;
  margin: 0 auto; }

.figTxt_gl10-1 {
  position: absolute;
  z-index: 5;
  line-height: 1.2;
  font-weight: bold;
  text-align: left; }
  .figTxt_gl10-1._01 {
    top: 24px;
    left: 36px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl10-1._02 {
    top: 156px;
    left: 38px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl10-1._03 {
    top: 277px;
    left: 28px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl10-1._04 {
    top: 277px;
    left: 258px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl10-1._05 {
    top: 497px;
    left: 35px;
    font-size: 14px;
    color: #fff; }
  .figTxt_gl10-1._06 {
    top: 263px;
    left: 518px;
    font-size: 12px;
    color: #014099; }
  .figTxt_gl10-1._07 {
    top: 313px;
    left: 29px;
    font-size: 12px;
    color: #014099;
    line-height: 1.5;
    font-weight: normal !important; }
  .figTxt_gl10-1._08 {
    top: 313px;
    left: 257px;
    font-size: 12px;
    color: #014099;
    line-height: 1.5;
    font-weight: normal !important; }
  .figTxt_gl10-1._09 {
    top: 313px;
    left: 452px;
    font-size: 12px;
    color: #014099;
    line-height: 1.5;
    font-weight: normal !important; }
  .figTxt_gl10-1._10 {
    top: 536px;
    left: 35px;
    font-size: 12px;
    color: #014099;
    line-height: 1.5;
    font-weight: normal !important; }
  .figTxt_gl10-1._11 {
    top: 536px;
    left: 245px;
    font-size: 12px;
    color: #014099;
    line-height: 1.6;
    font-weight: normal !important; }
  .figTxt_gl10-1._12 {
    top: 81px;
    left: 6px;
    font-size: 12px; }
  .figTxt_gl10-1._13 {
    top: 90px;
    left: 142px;
    font-size: 12px; }
  .figTxt_gl10-1._14 {
    top: 224px;
    left: 6px;
    font-size: 12px; }
  .figTxt_gl10-1._15 {
    top: 106px;
    left: 456px;
    font-size: 12px;
    color: #014099; }

.fsS {
  font-size: 12px; }

/*-2025 roadmap icon-*/
.headingRoadmap_2025.-Initiatives h1 {
  position: relative;
  padding-right: 160px; }
  .headingRoadmap_2025.-Initiatives h1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    color: #014099;
    border: #014099 1px solid;
    border-radius: 5px;
    padding: 5px 4px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.5px;
    background-size: 14px 16px;
    white-space: pre;
    text-align: center; }
.headingRoadmap_2025.-Initiatives h2 {
  position: relative;
  padding-right: 160px; }
  .headingRoadmap_2025.-Initiatives h2:after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    color: #014099;
    border: #014099 1px solid;
    border-radius: 5px;
    padding: 5px 4px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.5px;
    background-size: 14px 16px;
    white-space: pre;
    text-align: center; }
.headingRoadmap_2025.-Initiatives h3 {
  position: relative;
  padding-right: 160px; }
  .headingRoadmap_2025.-Initiatives h3:after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    color: #014099;
    border: #014099 1px solid;
    border-radius: 5px;
    padding: 5px 4px 6px 4px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -1px;
    background-size: 14px 16px;
    white-space: pre;
    text-align: center; }
.headingRoadmap_2025.-Initiatives.-I01 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)"; }
.headingRoadmap_2025.-Initiatives.-I02 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)"; }
.headingRoadmap_2025.-Initiatives.-I03 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)"; }
.headingRoadmap_2025.-Initiatives.-I05 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)"; }
.headingRoadmap_2025.-Initiatives.-I06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)"; }
.headingRoadmap_2025.-Initiatives.-I01_03 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)"; }
.headingRoadmap_2025.-Initiatives.-I01_04 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(4)"; }
.headingRoadmap_2025.-Initiatives.-I01_07 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(7)"; }
.headingRoadmap_2025.-Initiatives.-I02_06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(6)"; }
.headingRoadmap_2025.-Initiatives.-I05_06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_04_05 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_06_07 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_05_06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I06_07_08_09 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)(7)(8)(9)"; }
.headingRoadmap_2025.-Initiatives.-I06_08_09_12 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)(8)(9)(12)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_04_05_06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(4)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05_06 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05_06_07 h1:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)"; }
.headingRoadmap_2025.-Initiatives.-I02 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)"; }
.headingRoadmap_2025.-Initiatives.-I03 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)"; }
.headingRoadmap_2025.-Initiatives.-I04 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (4)"; }
.headingRoadmap_2025.-Initiatives.-I05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)"; }
.headingRoadmap_2025.-Initiatives.-I06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)"; }
.headingRoadmap_2025.-Initiatives.-I07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (7)"; }
.headingRoadmap_2025.-Initiatives.-I08 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (8)"; }
.headingRoadmap_2025.-Initiatives.-I09 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (9)"; }
.headingRoadmap_2025.-Initiatives.-I10 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (10)"; }
.headingRoadmap_2025.-Initiatives.-I11 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (11)"; }
.headingRoadmap_2025.-Initiatives.-I12 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (12)"; }
.headingRoadmap_2025.-Initiatives.-I13 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (13)"; }
.headingRoadmap_2025.-Initiatives.-I01_02 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)"; }
.headingRoadmap_2025.-Initiatives.-I01_03 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)"; }
.headingRoadmap_2025.-Initiatives.-I01_04 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(4)"; }
.headingRoadmap_2025.-Initiatives.-I01_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(5)"; }
.headingRoadmap_2025.-Initiatives.-I01_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(7)"; }
.headingRoadmap_2025.-Initiatives.-I02_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(5)"; }
.headingRoadmap_2025.-Initiatives.-I02_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(6)"; }
.headingRoadmap_2025.-Initiatives.-I02_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(7)"; }
.headingRoadmap_2025.-Initiatives.-I03_04 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(4)"; }
.headingRoadmap_2025.-Initiatives.-I03_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(5)"; }
.headingRoadmap_2025.-Initiatives.-I03_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(6)"; }
.headingRoadmap_2025.-Initiatives.-I03_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(7)"; }
.headingRoadmap_2025.-Initiatives.-I04_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I04_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (4)(6)"; }
.headingRoadmap_2025.-Initiatives.-I05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I06_11 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)(11)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I02_05_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(5)(7)"; }
.headingRoadmap_2025.-Initiatives.-I03_04_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I03_04_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(4)(7)"; }
.headingRoadmap_2025.-Initiatives.-I03_05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (3)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I04_06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (4)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_04_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_04_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(4)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I02_03_04_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (2)(3)(4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_04_05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(4)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I01_03_04_05_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(3)(4)(5)(7)"; }
.headingRoadmap_2025.-Initiatives.-I05_06_08_09_10 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)(6)(8)(9)(10)"; }
.headingRoadmap_2025.-Initiatives.-I05_06_08_09_12 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (5)(6)(8)(9)(12)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05_06 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)(6)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I01_02_03_04_05_06_07 h2:after {
  content: "CSR Roadmap 2025\aMain Initiatives (1)(2)(3)(4)(5)(6)(7)"; }
.headingRoadmap_2025.-Initiatives.-I06 h3:after {
  content: "CSR Roadmap 2025\aMain Initiatives (6)"; }
.headingRoadmap_2025.-Initiatives.-I10 h3:after {
  content: "CSR Roadmap 2025\aMain Initiatives (10)"; }

@media screen and (max-width: 767px) {
  .headingRoadmap.-Initiatives h2 {
    padding-right: 140px; }
    .headingRoadmap.-Initiatives h2:after {
      top: -2px;
      font-size: 0.9rem;
      background-size: 12px 15px;
      padding: 5px 3px; } }
@media print {
  .headingRoadmap.-Initiatives h1:after, .headingRoadmap.-Initiatives h2:after, .headingRoadmap.-Initiatives h3:after {
    font-size: 1.25rem; } }
/*-GL9CSRアンケート-*/
.ques_h4 {
  background: #004098;
  color: #fff;
  font-weight: bold;
  padding: 0.5em;
  width: 100%; }

/*-生物多様性-*/
.h3Type02 {
  margin: 27px 0 17px;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.6; }

/*-囲み追加-*/
.bborder02 {
  margin: 30px 0;
  padding: 20px;
  border: 1px solid #567298; }
  .bborder02 .columnBlock {
    margin-bottom: 0; }
  .h3Type01 + .bborder02 {
    margin-top: 0; }

/*-----------------------------
上下スクロールバー
-------------------------------*/
.scrollbar {
  width: 100%;
  height: 10px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .scrollbar .inner {
    width: 100%;
    height: 1px; }

.scrollbox {
  width: 100%;
  margin-top: 5px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .scrollbox .inner {
    width: 100%;
    height: 100%;
    margin-bottom: 5px; }
  .scrollbox .dataTable {
    overflow-x: visible; }

.scrollbar02 {
  width: 100%;
  height: 10px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .scrollbar02 .inner {
    width: 100%;
    height: 1px; }

.scrollbox02 {
  width: 100%;
  margin-top: 5px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .scrollbox02 .inner {
    width: 100%;
    height: 100%;
    margin-bottom: 5px; }
  .scrollbox02 .dataTable {
    overflow-x: visible; }

/* スクロールバーのスタイル */
.scrollbar::-webkit-scrollbar, .scrollbox::-webkit-scrollbar {
  height: 7px; }

.scrollbar::-webkit-scrollbar-track, .scrollbox::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ccc; }

.scrollbar::-webkit-scrollbar-thumb, .scrollbox::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #666; }

.scrollbar02::-webkit-scrollbar, .scrollbox02::-webkit-scrollbar {
  height: 7px; }

.scrollbar02::-webkit-scrollbar-track, .scrollbox02::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ccc; }

.scrollbar02::-webkit-scrollbar-thumb, .scrollbox02::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #666; }

@media print {
  .scrollbar02::-webkit-scrollbar, .scrollbox02::-webkit-scrollbar {
    height: 0 !important; }

  .scrollbar02::-webkit-scrollbar-track, .scrollbox02::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #fff !important; }

  .scrollbar02::-webkit-scrollbar-thumb, .scrollbox02::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #fff !important; } }
/*===========================================
print
===========================================*/
@media print {
  #subSiteMapArea {
    display: none !important; }

  [data-print="breakbefore"] {
    break-before: page; }

  [data-print="breakafter"] {
    break-after: page; }

  [data-print="nobreak"] {
    break-inside: avoid; }

  [data-print="none"] {
    display: none !important; }

  .figureWrap {
    break-inside: avoid; }

  .susHeading1 {
    break-after: avoid;
    break-inside: avoid; }

  .susHeading1.-line {
    margin: 40px 0 15px; }

  .headingActivity + .susHeading1 {
    margin-top: 0; }

  .h3Type01 {
    font-size: 1.8rem; }

  [class*="imgColumn"] {
    display: flex; }

  #main .imgColumn2List li {
    width: 44%;
    height: auto !important; }

  #main .imgColumn2List {
    margin: 20px 0 0; }

  h4, h5 {
    font-size: 1.6rem !important; }

  .emphasisBox {
    margin: 20px 0 30px; }

  .dataTable {
    overflow-x: visible; }
    .dataTable table {
      width: 100%; }

  .bl_susVision {
    margin: 0 0 40px; }
    .bl_susVision .slogan {
      font-size: 3rem; }

  .categoryUI {
    break-inside: avoid;
    margin: 0 0 30px; }
    .categoryUI ol {
      width: 49%; }
      .categoryUI ol li {
        width: 49%; }
    .categoryUI .lowerLinks {
      width: 49%; }
      .categoryUI .lowerLinks .head {
        height: auto;
        padding: 20px;
        background-size: 100%; }
      .categoryUI .lowerLinks > div.current {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 1 !important;
        animation: none; }
      .categoryUI .lowerLinks .inner {
        padding: 20px; }
        .categoryUI .lowerLinks .inner ul {
          padding: 10px 0 0 10px; }

  .gridBlock.-sus {
    margin-top: 20px; }

  .susMessage {
    background-size: 100%;
    padding: 4vw 0 4vw 4vw;
    height: 40%; }
    .susMessage h2 {
      font-size: 2.4rem; }
    .susMessage .sign {
      padding: 20px 0 0; }
      .susMessage .sign img {
        width: 100px; }

  .susHeading1[data-print="none"] + .report,
  .lowerList {
    display: none !important; }

  .lowerList.-csrIndex {
    display: block !important; }

  .goalAchievement {
    break-inside: avoid; }
    .goalAchievement[class*="-row"] > .col .goal .result {
      font-size: 2.4rem; }
      .goalAchievement[class*="-row"] > .col .goal .result em {
        font-size: 4rem; }
      .goalAchievement[class*="-row"] > .col .goal .result.-small em {
        font-size: 3rem; }
    .goalAchievement.-row4 > .col .goal {
      padding: 10px; }
      .goalAchievement.-row4 > .col .goal .result em {
        font-size: 3rem; }

  [data-print="adjust1"] {
    margin-top: 10px !important; }

  .printAdjust1.tPattern03 th, .printAdjust1.tPattern03 td {
    padding: 6px; }

  .dataTable[data-print="adjust2"] .tPattern03 {
    width: 100%; }
    .dataTable[data-print="adjust2"] .tPattern03 td, .dataTable[data-print="adjust2"] .tPattern03 th {
      padding: 3px !important; }
    .dataTable[data-print="adjust2"] .tPattern03 thead th,
    .dataTable[data-print="adjust2"] .tPattern03 tbody th,
    .dataTable[data-print="adjust2"] .tPattern03 tbody td .discList {
      white-space: normal !important; }

  .dataTable[data-print="adjust4"] .tPattern03 {
    width: 100%; }
    .dataTable[data-print="adjust4"] .tPattern03 td, .dataTable[data-print="adjust4"] .tPattern03 th {
      padding: 3px 1px !important; }
    .dataTable[data-print="adjust4"] .tPattern03 thead th,
    .dataTable[data-print="adjust4"] .tPattern03 tbody th,
    .dataTable[data-print="adjust4"] .tPattern03 tbody td .discList {
      white-space: normal !important; }

  .dataTable[data-print="adjust5"] .tPattern03 {
    width: 100%; }
    .dataTable[data-print="adjust5"] .tPattern03 td, .dataTable[data-print="adjust5"] .tPattern03 th {
      padding: 3px 0 !important; }
    .dataTable[data-print="adjust5"] .tPattern03 thead th,
    .dataTable[data-print="adjust5"] .tPattern03 tbody th,
    .dataTable[data-print="adjust5"] .tPattern03 tbody td .discList {
      white-space: normal !important; }

  [data-print="adjust3"] table th, [data-print="adjust3"] table td {
    padding: 5px; }

  .lumpMix.-stance .declaration {
    width: 56%; }
  .lumpMix.-stance .lumpR {
    width: 40%; }
  .lumpMix.-stance .degree {
    width: 56%; }
  .lumpMix.-index .lumpL {
    width: 35%; }
  .lumpMix.-index .lumpEnd {
    width: 60%; }
  .lumpMix.-index .outline > .link {
    display: none; }

  .lumpMix.-stance02 .lumpR {
    width: 25%; }
  .lumpMix.-stance02 .lumpEnd {
    width: 70%; } }