/* ===================================
	File Name   : sustainability.css
	Description : Sustainability Layout CSS
	Editor      : Bface Otake
	Last Editor : Bface Otake
	
	Update Description :
  [2025/03/27] Promotion of Women's Empowerment sp時の表示
	[2025/03/03] 新規作成
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements
  3. Page [index] Setting
	4. Page [Colowide Sustainability Management] Setting
  5. Page [Disclosure Based on TCFD Recommendations] Setting
  6. Page [Creating a Comfortable Store Environment] Setting
  7. Page [External Inspections by Third Parties] Setting
  8. Page [Contribution to the Environment] Setting
  9. Page [Promotion of Women's Empowerment] Setting
	
====================================== */

/*===== ■1. Individual Redefinition =====*/



/*===== ■2. Share Elements =====*/
.sdgs_tab.is-active a {pointer-events: none;}

#sustainability_environment .sdgs_tab,
#sustainability_food .sdgs_tab,
#sustainability_social .sdgs_tab,
#sustainability_management .sdgs_tab {
  height: 70px;
}
#sustainability_diversity .sdgs_tab {
  height: 90px;
}

/*===== ■3. Page [index] Setting =====*/
#sustainability_intro {
  display: block;
}

#sustainability_intro .sdgs_column > li a {
  height: 100%;
}


#sustainability_intro .sdgs_column {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  width: 100%;
}

#sustainability_link ul {
  gap: 3rem;
}


@media screen and (max-width: 768px) {
  #sustainability_intro .sdgs_column {
    display: block;
  }

  #sustainability_link ul {
    gap: 0;
  }

  #sustainability_link ul li a p {
    padding-left: 0;
    font-size: inherit;
  }
}


/*===== ■4. Page [Colowide Sustainability Management] Setting =====*/
.sdgs_table .first {white-space: wrap;}



/*===== ■5. Page [Disclosure Based on TCFD Recommendations] Setting =====*/
.tcfd .sdgs_table td.td-blue {font-size: inherit;}

/*===== ■6. Page [Creating a Comfortable Store Environment] Setting] Setting =====*/
/*
#sustainability_food_store .sdgs_attempt_dl dd {
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  #sustainability_food_store .sdgs_attempt_dl dd {
    flex-direction: row;
  }
}
*/

#sustainability_food_store .sdgs_attempt_dl {
  flex-direction: column;
}



/*===== ■7. Page [External Inspections by Third Parties] Setting =====*/
#sustainability_food_examination .sdgs_attempt_dl dd {
  flex-direction: column;
}


@media screen and (max-width: 768px) {
  #sustainability_food_examination .sdgs_attempt_dl dd {
    flex-direction: row;
  }
}

/*===== ■8. Page [Contribution to the Environment] Setting =====*/

#environment_plastic li:last-child { width: 100%;}

#environment_food { display: block;}

#environment_food li {width: 100%;}



/*===== ■8. Page [Promotion of Women's Empowerment] Setting =====*/

.women #diversity_woman .threecolumn_wrap li {
  width: calc(100% / 3);
}


@media screen and (max-width: 768px) {
  .women #diversity_woman .threecolumn_wrap li {
    width: 100%;
  }
}