@charset "UTF-8";



/* common

/jp/sustainability/esg_foundation/

/jp/sustainability/esg_foundation/esg_board/

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



/* common, environment custom

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

.sustainability-contents .environment-nav-box{

	

}



.sustainability-contents .environment-nav-box ul{

	margin: 0;

	padding: 0;

	list-style: none;

	border-top: 1px solid #008482;

}

.sustainability-contents .environment-nav-box ul li{

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #008482;

	position: relative; /* checkbox */

}



.sustainability-contents .environment-nav-box ul li a,

.sustainability-contents .environment-nav-box ul li .a{

	width: 100%;

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	padding: 0.2em;

	cursor: pointer;

}



.sustainability-contents .environment-nav-box ul li .a:hover{

	text-shadow: 0 0 1px;

}



.sustainability-contents .environment-nav-box ul li .a:hover .text{

}



.sustainability-contents .environment-nav-box ul li a::before,

.sustainability-contents .environment-nav-box ul li .a::before{

	content: " ";

	-ms-flex-preferred-size: min(7vw,32px);

	flex-basis: min(7vw,32px);

	margin: 0 0.5em 0 0;

	

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% auto;

}



.sustainability-contents .environment-nav-box ul li.icon01 a::before{

	background-image: url("/jp/sustainability/assets/images/esg_foundation/governance_icon01.svg");

}

.sustainability-contents .environment-nav-box ul li.icon02 a::before{

	background-image: url("/jp/sustainability/assets/images/esg_foundation/governance_icon02.svg");

}





.sustainability-contents .environment-nav-box ul li a::after{ /* sp right > */

	content: " ";

	border-top: solid 2px #008482;

  border-right: solid 2px #008482;

  width: 0.5em;

  height: 0.5em;

	

	position: absolute;

	z-index: 0;

	top: 50%;

	right: calc(16px + 0.35em);

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

}



.sustainability-contents .environment-nav-box ul li a .text,

.sustainability-contents .environment-nav-box ul li .a .text{

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}



.sustainability-contents .environment-nav-box ul li.current > a,

.sustainability-contents .environment-nav-box ul li.current > .a{

	background-color: #E0F3F2;

	color: #008482;

	font-weight: bold;

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .environment-nav-box{

		padding-bottom: 16px; /* toggle */

	}

	div.sustainability-contents .environment-nav-box ul{

		border-top: none;

		

		display:-webkit-box;

		display:-ms-flexbox;

		display:flex;

		-webkit-box-pack: justify;

		-ms-flex-pack: justify;

		justify-content: space-between;

	}

	div.sustainability-contents .environment-nav-box ul li{

		border: none;

		

		display:-webkit-box;

		display:-ms-flexbox;

		display:flex;

		

		-ms-flex-preferred-size: calc((100% / 2) - 1%);

		flex-basis: calc((100% / 2) - 1%);

	}

	div.sustainability-contents .environment-nav-box ul li a,

	div.sustainability-contents .environment-nav-box ul li .a{

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		-ms-flex-wrap: wrap;

  	flex-wrap: wrap;

		

		text-align: center;

		

		position: relative;

		z-index: 1;

	}

	div.sustainability-contents .environment-nav-box ul li a::before,

	div.sustainability-contents .environment-nav-box ul li .a::before{

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		

		height: 40px;

		margin: 0;

		

		background-size: auto 100%;

	}

	div.sustainability-contents .environment-nav-box ul li a .text,

	div.sustainability-contents .environment-nav-box ul li .a .text{

		display: block;

		

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

	}

	div.sustainability-contents .environment-nav-box ul li a::after,

	div.sustainability-contents .environment-nav-box ul li .a::after{ /* pc top border(block) */

		content: " ";

		height: 1px;

		width: 100%;

		display: block;

		background-color: #008482;

		

		position: absolute;

		z-index: 0;

		top: -5px;

		left: 0;

		

		/* sp reset */

		transform: translateY(0);

		right: auto;

		border: none;

	}



	div.sustainability-contents .environment-nav-box ul li a:hover,

	div.sustainability-contents .environment-nav-box ul li .a:hover{

		background-color: #E0F3F2;

		color: #008482;

	}

	div.sustainability-contents .environment-nav-box ul li a:hover::after,

	div.sustainability-contents .environment-nav-box ul li .a:hover::after{

		height: 3px;

	}

	

	div.sustainability-contents .environment-nav-box ul li.current a::after,

	div.sustainability-contents .environment-nav-box ul li.current .a::after,

	div.sustainability-contents .environment-nav-box ul li .toggle:checked + .label.a::after {

		height: 3px;

	}

}





/*

/jp/sustainability/esg_foundation/

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



/* no border table */

.sustainability-contents .no-border-table table{

	border: none;

}

.sustainability-contents .no-border-table caption{

	text-align: left;

	font-weight: bold;

}

.sustainability-contents .no-border-table table th{

	border: none;

	font-weight: normal;

	text-align: left;

}



.sustainability-contents .no-border-table table td{

	padding-left: 1em;

}





/*

/jp/sustainability/esg_foundation/esg_board/

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

/* member list */

.sustainability-contents .member-list-box{

	

}



.sustainability-contents .member-list-box ul{

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	

	-ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.sustainability-contents .member-list-box ul li{

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%;

	

	background-color: #eaecf4;

	overflow: hidden;

}



.sustainability-contents .member-list-box ul li:nth-child(2){

	margin-top: 4%;

}

.sustainability-contents .member-list-box ul li:nth-child(n + 3){

	margin-top: 4%;

}



.sustainability-contents .member-list-box ul li .img-box{

	float: left;

	width: 40%;

	max-width: 178px;

}



.sustainability-contents .member-list-box ul li .text-box{

	overflow: hidden;

	line-height: 1.4;

	padding: 8px 4%;

}



.sustainability-contents .member-list-box ul li .text-box .title{

	font-size: calc((12/16) * 1em);

	font-weight: bold;

	margin-bottom: 0.5em;

}



.sustainability-contents .member-list-box ul li .text-box .name{

	font-size: calc((16/16) * 1em);

	font-weight: bold;

	margin-bottom: 1em;

}



.sustainability-contents .member-list-box ul li .text-box .prof{

	font-size: calc((12/16) * 1em);

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .member-list-box ul li{

		-ms-flex-preferred-size: 48%;

		flex-basis: 48%;

	}

	div.sustainability-contents .member-list-box ul li:nth-child(2){

		margin-top: 0;

	}

	div.sustainability-contents .member-list-box ul li .text-box{

		padding: 16px 4%;

	}

	div.sustainability-contents .member-list-box ul li .text-box .title{

		font-size: calc((14/16) * 1em);

	}



	div.sustainability-contents .member-list-box ul li .text-box .name{

		font-size: calc((20/16) * 1em);

	}



	div.sustainability-contents .member-list-box ul li .text-box .prof{

		font-size: calc((14/16) * 1em);

	}

}



/* point table */

.sustainability-contents .point-table .check{

	text-align: center;

	color: #4a8381;

}



/* board link */

.sustainability-contents .board-link {

}

.sustainability-contents .board-link a {

	display: block;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center top;

	padding-top: calc((260/1110) * 100%);

	position: relative;

	z-index: 1;

	color: #fff;

	overflow: hidden;

	background-color: #1A4C96;

}

.sustainability-contents .board-link a:after {

	position: absolute;

	z-index: -1;

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	background-size: cover;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	transition: all .3s ease-out;

	background-image: url("/jp/sustainability/assets/images/esg_foundation/board/img_02_22_btn01.jpg");

}

.sustainability-contents .board-link a:focus {

	outline-offset: -2px;

}

.sustainability-contents .board-link a .board-link-body {

	position: absolute;

	top: 0;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	max-width: 460px;

	background-color: transparent;

	background: none;



	width: 92%;

	left: 4%;

}

.sustainability-contents .board-link a .board-link-body::after {

	content: " ";

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	background-image: url("/jp/sustainability/assets/images/esg_foundation/board/icon_button01.svg");

	width: min(8vw, 80px);

	height: 100%;

	margin-left: 4%;

}

.sustainability-contents .board-link a .board-link-body .title {

	font-size: min(4vw, 24px); /* max 24px */

	font-weight: bold;

	letter-spacing: 0.1em;

	margin-bottom: 0.5em;

}

.sustainability-contents .board-link a .board-link-body .title > * {

}

.sustainability-contents .board-link a .board-link-body .text {

	font-size: min(2.5vw, 14px); /* max 14px */

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .board-link a .board-link-body {



	}

	

	div.sustainability-contents .board-link a .board-link-body > div {



	}

	

	.sustainability-contents .board-link a .board-link-body .title {

		white-space: nowrap;

	}

	

	div.sustainability-contents .board-link a .board-link-body::after {

		width: min(6vw, 80px);



	}



	div.sustainability-contents .board-link a:after {}

	div.sustainability-contents .board-link a:hover:after {

		opacity: .8;

		-moz-transform: scale(1.05);

		-webkit-transform: scale(1.05);

		-ms-transform: scale(1.05);

		transform: scale(1.05);

	}

}