/* トップ：ニュース */
.sustainability-information {
  border-top: 1px solid #d9d9d9 !important;
}
.sustainability-information li {
  border-bottom: 1px solid #d9d9d9 !important;
  display: none;
}
.sustainability-information li[data-active="true"] {
  display: block;
}
.sustainability-information li a {
  display: flex;
  align-items: center;
  padding: 1.2em 0;
}
.sustainability-information li a:not([href]) {
  cursor: unset;
}
.sustainability-information li a time {
  color: #383838;
  margin-right: 2em;
  flex-shrink: 0;
}
.sustainability-information li a p {
  margin-bottom: 0;
}
.sustainability-information li a:hover {
  text-decoration: none;
}
.sustainability-information li a[href]:hover p {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .sustainability-information li a {
    flex-direction: column;
    align-items: self-start;
  }
  .sustainability-information li a time {
    margin-bottom: 0.5em;
  }
}

/* トップ：メニュー */
.sustainability-menu a {
  transition: opacity 0.3s;
}
.sustainability-menu a:hover {
  opacity: 0.5;
}



/* 下層ページ共通：MV */
.sustainability-headline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: url(/sustainability/images/bg-headline.jpg) no-repeat center;
  background-size: cover;
  height: 30vw;
  max-height: 400px;
}
/* コンセプト：MV */
.sustainability-headline-cocept {
  background-image: url(/sustainability/images/concept/bg-headline.jpg);
}
/* 環境：MV */
.sustainability-headline-environment {
  background-image: url(/sustainability/images/environment/bg-headline.jpg);
}
/* 社会：MV */
.sustainability-headline-social {
  background-image: url(/sustainability/images/social/bg-headline.jpg);
}
/* ガバナンス：MV */
.sustainability-headline-governance {
  background-image: url(/sustainability/images/governance/bg-headline.jpg);
}
.sustainability-headline .headline-ttl {
  display: block;
  color: #fff;
  width: 100%;
  max-width: 1160px;
  margin: auto;
  font-size: 42px;
  letter-spacing: 0.05em;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .sustainability-headline {
    background: url(/sustainability/images/bg-headline-sp.jpg) no-repeat center;
    background-size: cover;
    height: 160px;
    padding: 20px;
  }
  .sustainability-headline-cocept {
    background-image: url(/sustainability/images/concept/bg-headline-sp.jpg);
  }
  .sustainability-headline-environment {
    background-image: url(/sustainability/images/environment/bg-headline-sp.jpg);
  }
  .sustainability-headline-social {
    background-image: url(/sustainability/images/social/bg-headline-sp.jpg);
  }
  .sustainability-headline-governance {
    background-image: url(/sustainability/images/governance/bg-headline-sp.jpg);
  }
  .sustainability-headline .headline-ttl {
    font-size: 26px;
  }
}

/* indexページ：段落としサブリスト */
.sustainability-sub-list {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* 下層ページ共通：ローカルナビ */
.local-nav li>a {
  padding: 30px 50px 30px 30px;
}

@media screen and (max-width: 767px) {
  .local-nav li>a {
    padding: 15px 50px 15px 15px;
  }
}

/* 下層ページ共通：タイトル */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-sustainability::before {
  background-image: url(/common/images/icn_ttl_sustainability.png);
}

/* タイトルアイコン：トップメッセージ */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-message::before {
  background-image: url(/common/images/icn_ttl_message.png);
}

/* タイトルアイコン：社会貢献 */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-contribution::before {
  background-image: url(/common/images/icn_ttl_contribution.png);
}

/* タイトルアイコン：社外からの評価 */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-evalution::before {
  background-image: url(/common/images/icn_ttl_evalution.png);
}

/* タイトルアイコン：サステナビリティニュース一覧 */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-sustainability-news::before {
  background-image: url(/common/images/icn_ttl_sustainability_news.png);
}

/* タイトルアイコン：社会 */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-social::before {
  background-image: url(/common/images/icn_ttl_social.png);
}

/* タイトルアイコン：ガバナンス */
.headline [class^="headline-ttl-icn-"].headline-ttl-icn-governance::before {
  background-image: url(/common/images/icn_ttl_governance.png);
}

/* 社外からの評価：リストスタイル */
.sustainability-evaluation .sustainability-evaluation__text {
  font-size: 15px;
}
.sustainability-evaluation .sustainability-evaluation__image {
  text-align: center;
}
.sustainability-evaluation .sustainability-evaluation__image {
  text-align: center;
  max-width: 360px;
  aspect-ratio: 360 / 203;
  margin: 0 auto;
  max-height: 203px;
  height: 100%;
}
.sustainability-evaluation .sustainability-evaluation__image img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.sustainability-evaluation a:hover .sustainability-evaluation__image {
  opacity: 0.6;
}

/* 社会貢献：リスト */
.contribution-entry-list > li {
  display: none;
}
.contribution-entry-list > li[data-active="true"] {
  display: block;
}

/* 人財マネジメント：入社時研修画像リスト */
.hrmanagement-training-list li a {
  color: inherit;
  text-decoration: none;
}
.hrmanagement-training-list li a figure {
  margin-bottom: 10px;
}
.hrmanagement-training-list li a .icn-arrow {
  width: fit-content;
  margin: 0 auto;
  display: block;
}
.hrmanagement-training-list li a:hover figure img {
  opacity: .6;
}

/* 下層ページ共通：フリーワードリスト */
.list-data li {
  display: flex;
  margin-bottom: 1.5em;
}
.list-data li[data-item]::before {
  content: attr(data-item);
  margin: 0 0.5em 0 0;
  white-space: nowrap; 
}
.list-num li ul li::before,
.list-data li ul li::before {
  margin: 0 0.5em 0 0; 
}

/*  */
.list-number-reset {
  counter-reset: number-list;
}
.list-number > li {
  display: flex;
  margin: 0 0 36px;
}
.list-number > li::before {
  content: counter(number-list) ".";
  counter-increment: number-list;
  margin: 0 0.5em 0 0;
  white-space: nowrap;
  min-width: 24px;
  text-align: right;
}
.list-number .list-disk {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .list-number > li {
    margin-bottom: 25px;
  }
}

.w-75 {
  width: 75%;
}

.icn-arrow[target="_blank"]:after {
  content: url(/common/images/icn_window.png);
  margin-left: 10px;
}

/* 環境 */
.min-table {
  max-width: 600px;
}

.min-table th {
  background-color: #009a90;
  color: #fff;
  border: 1px solid #e0e0e0;
  text-align: center;
}

.min-table th:first-of-type {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .min-table th:first-of-type {
    width: auto;
  }  
}

.min-table td {
  border: 1px solid #e0e0e0;
}


/* 既存スタイルの調整 */
.icn-arrow {
  padding-left: 22px;
}
.icn-arrow:before {
  top: .5em;
  left: -3px;
}