@charset "UTF-8";

.common-main-header{
  background-image: url("../img/bg-main-header.jpg");
}
.common-main-header.bg-index{
  background-image: url("../img/bg-main-header-index.jpg");
}
.common-main-header.bg-environment{
  background-image: url("../img/bg-main-header-environment.jpg");
}
.common-main-header.bg-social{
  background-image: url("../img/bg-main-header-social.jpg");
}
.common-main-header.bg-governance{
  background-image: url("../img/bg-main-header-governance.jpg");
}
.common-main-header.bg-data{
  background-image: url("../img/bg-main-header-data.jpg");
}

.common-section {
  .container {
    .c-images {
      display: flex;
      justify-content: space-around;
      margin: 40px 0;
      li {
        padding: 0 10px;
        &:first-child {
          padding-left: 0!important;
        }
        &:last-child {
          padding-right: 0!important;
        }
      }
      &.case03 {
        li {
          padding: 0 24px;
        }
        li:nth-child(1) {
          padding-top: 40px;
        }
        li:nth-child(2) {
          padding-top: 40px;
        }
        li:nth-child(3) {
          width: 520px;
        }
      }
    }
  }
}

@media (max-width: 767px){
.common-section {
  .container {
    .c-images {
      display: inline-block;
      margin: 20px 0;
      li {
        padding: 0 0px;
        margin-bottom: 28px;
        &:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
        }
      }
      &.case03 {
        li {
          padding: 0 0px;
        }
        li:nth-child(1) {
          padding-top: 0px;
        }
        li:nth-child(2) {
          padding-top: 0px;
        }
        li:nth-child(3) {
          width: 100%;
        }
        :last-child {
          margin-bottom: 0;
        }
      }
    }
  }
  
}

}
@media (min-width: 768px){
  .common-main-header.bg-index .container{
    height: 500px;
  }
}

/* TOP */
.index-message{
  background: #f7f7f8;
}
.index-message-image{
  width: 100%;
  height: 90vw;
  background: url('../img/img-index-president.png') no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 767px){
  .index-message-text{
    padding: 30px;
  }
}

/* @media (min-width: 768px){ */
@media (min-width: 999px){
  .index-message{
    display: flex;
  }
  .index-message-text{
    padding-right: 6%;
    padding-left: 6%;
  }
  .index-message-image{
    height: auto;
    display: flex;
    align-items: center;
    flex: 0 0 360px;
    max-width: 360px;
    text-align: center;
  }
}


/* ESG */
.sdgsicons{
  display: flex;
}
.sdgsicons-item:first-child{
  margin-left: 0;
}
@media (max-width: 767px){
  .sdgsicons{
    margin-top: 20px;
  }
  .sdgsicons-item{
    margin-left: 2%;
    flex-basis: 32%;
    max-width: 32%;
  }
}
@media (min-width: 768px){
  .sdgsicons-item{
    margin-left: 10px;
    flex-basis: 120px;
    max-width: 120px;
  }
}

/* Data */
.table-data th,
.table-data td{
  border: 1px solid #95959d !important;
  padding: 15px 10px;
  vertical-align: middle !important;
  font-size: 1.4rem;
}
.table-data tbody th,
.table-data tfoot th{
  text-align: left;
}

/* TABLE */
.table th,
.table td{
  border: 1px solid #95959d !important;
  padding: 15px 10px;
  vertical-align: middle !important;
  font-size: 1.4rem;
}

.case-03-items {
  display: flex;
  justify-content: center;
}


/* CASE03 */
.case-03-item {
    width: 350px;
}

.case-03-item a {
    background: #cabf9d;
    border: 1px solid #fff;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    padding: 14px;
    line-height: 1.4;
}

.case-03-item a:hover {
  opacity: .8;
}

.case-03-item-icon {
    width: 30%;
    text-align: center;
}

@media (max-width: 767px){
  .case-03-item {
    width: 300px;
  }

  .case-03-item-icon img {
    width: 70px;
  }
}

/* MATERIALITY */
.mareriality-title-label {
  background: #847252;
  color: #fff;
  display: inline-block;
  padding: .2em 0;
  width: 170px;
  text-align: center;
  margin-bottom: 1em;
}