@charset "UTF-8";

/*====================================
  00. Edit css
    ----------------------------------
    sustainability
    ----------------------------------
    - 1. Global
    - 2. Component
    - 3. governance

    
    ----------------------------------
    Introduction
    ----------------------------------
    scss以外のCSS調整用
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2022/07/22   Founding
    
====================================*/

/*====================================

  - 1. Global
--------------------------------------
  「グローバル」用 style

====================================*/
.vertical-middle,
.vertical-middle th,
.vertical-middle td {
  vertical-align: middle;
}

.pagelink {
  padding-top: 110px;
  margin-top: -110px;
}
.pagelink h2 {
  margin-top: 64px !important;
}

/*====================================

  - 2. Component
--------------------------------------
  「コンポーネント」用 style

====================================*/

/*====================================

  - 3. governance
--------------------------------------
  「コーポレートガバナンス」用 style

====================================*/

.go--corporate-governance .cmn--fig01 {
  max-width: none;
  text-align: center;
}
.go--corporate-governance .cmn--fig01 img {
  width: auto;
}

@media screen and (max-width : 767px) {
  .go--corporate-governance .cmn--fig01 img {
    width: 100%;
  }
	
}

/*====================================

  - 4. environmental
--------------------------------------
  「環境への取組み」用 style

====================================*/

.env-certifications-table {
  table-layout: fixed;
}
.env-certifications-table th:first-child {
  width: 450px;
}
.env-certifications-table th,
.env-certifications-table td {
  vertical-align: middle;
}

@media screen and (max-width : 767px) {
  .env-certifications-table {
    table-layout: auto;
  }
  .env-certifications-table th:first-child {
    width: auto;
  }
	.env-certifications-table th,
  .env-certifications-table td {
    white-space: nowrap;
  }

}

.env-renewable-energy-graph {
  width: 100%;
  height: 450px;
  margin-bottom: 10px;
}

.env-netzero-graph-box {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width : 767px) {
  .env-netzero-graph-box {
    width: 100%;
  }

}