#li_sustainability > a {
  color: #00408c !important; }

@media screen and (min-width: 769px) {
  #medium_kv {
    background: url("../../img/sustainability/kv.jpg") center center no-repeat;
    background-size: cover; } }
@media screen and (max-width: 768px) {
  #medium_kv {
    background: url("../../img/sustainability/sp/kv.jpg") center center no-repeat;
    background-size: cover; } }

@media screen and (min-width: 769px) {
  main {
    padding-bottom: 10rem; } }
@media screen and (max-width: 768px) {
  main {
    padding-bottom: 12rem; } }

/*index*/
#harmony,
#governance,
#environment {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px) {
    #harmony,
    #governance,
    #environment {
      padding: 10rem 2rem 0; } }
  @media screen and (max-width: 768px) {
    #harmony,
    #governance,
    #environment {
      padding: 12rem 0 0; } }

.sustainability_set {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px) {
    .sustainability_set {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 2rem;
      margin-bottom: 3rem; } }
  @media screen and (max-width: 768px) {
    .sustainability_set {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 6rem 2rem;
      margin-bottom: 6rem; } }

.sustainability_set .box {
  position: relative; }
  @media screen and (min-width: 769px) {
    .sustainability_set .box {
      width: 34rem; } }
  @media screen and (max-width: 768px) {
    .sustainability_set .box {
      width: 100%; } }

.sustainability_set figure {
  position: relative; }
  @media screen and (min-width: 769px) {
    .sustainability_set figure {
      width: 30rem; } }
  @media screen and (max-width: 768px) {
    .sustainability_set figure {
      width: 32.5rem; } }

#btm_btn_set {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px) {
    #btm_btn_set {
      padding: 10rem 2rem 0; } }
  @media screen and (max-width: 768px) {
    #btm_btn_set {
      padding: 12rem 0 0; } }

#btm_btn_set .inner {
  position: relative; }
  @media screen and (min-width: 769px) {
    #btm_btn_set .inner {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2rem; } }
  @media screen and (max-width: 768px) {
    #btm_btn_set .inner {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 3rem 1rem; } }

@media screen and (min-width: 769px) {
  #btm_btn_set .box_btn {
    width: 37rem; } }