@charset "UTF-8";

/* /en/sustainability/esg_employ/human-rights/

---------------------------------------------------------------------------- */



/* checkbox accordion */

.toggle {

	display: none;

	position: absolute;

	top: 100%;

	left: 100%;

	z-index: -1;

}

.label { /*タイトル*/

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	

	border: 2px solid #4a8381;

	color: #4a8381;

	padding: 8px;

	cursor: pointer;

}

.label h3{

	font-weight: bold;

}

.label::after{ /* sp toggle icon */

	content:" ";

	margin-left: 8px;

	

	border-bottom: solid 3px #4a8381;

  border-right: solid 3px #4a8381;

  width: 12px;

  height: 12px;

  transform: translateY(-50%) rotate(45deg);

	position: relative;

	top: 0.2em;

	left: 0;

}



.label:hover{

	text-shadow: 0 0 1px;

}



.label,

.toggle-content {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	transform: translateZ(0);

}

.toggle-content { /*本文*/

	transition: all 0.3s;

	height: 0;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.toggle:checked + .label + .toggle-content { /*開閉時*/

	height: auto;

	padding: 0;

	transition: all .3s;

}

.toggle:checked + .label {

}

.toggle:checked + .label::after {

	border-top: solid 3px #4a8381;

  border-left: solid 3px #4a8381;

	border-bottom: none;

  border-right: none;

	

	position: relative;

	top: 0.5em;

	transform: translateY(-50%) rotate(45deg);

}





.sustainability-contents .bg-green02{

	background-color: #edf3f2;

	padding: 16px;

}



/* 人権の優先課題 */

.mw800px{

	max-width: 800px;

	margin: 0 auto;

}