@charset "UTF-8";

/* /jp/sustainability/esg_environment/initiative_cn/

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



/* initiative_cn column flex */

.sustainability-contents .cn-img-pc-flex{

	text-align: center;

}



.sustainability-contents .cn-img-pc-flex .item-box + .item-box{

	margin-top: 32px;

}



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

	div.sustainability-contents .cn-img-pc-flex{

		display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

	}

	div.sustainability-contents .cn-img-pc-flex .item-box{

    margin: 0 4% 0 0;

	}

	

	div.sustainability-contents .cn-img-pc-flex .item-box:nth-child(1){

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

		flex-basis: 53.4%;

		

		max-width: 516px;

	}

	

	div.sustainability-contents .cn-img-pc-flex .item-box:nth-child(2){

		margin: 0 auto;

		

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

		flex-basis: 40%;

	}

}



/* cn img text */

.sustainability-contents .cn-float-img-box{

	overflow: hidden;

}



.sustainability-contents .cn-float-img-box .text-box{

	margin-bottom: 16px;

}



.sustainability-contents .cn-float-img-box .img-box{

	margin-bottom: 16px;

}



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

	div.sustainability-contents .cn-float-img-box .text-box{

		width: 70%;

		float: left;

	}

	div.sustainability-contents .cn-float-img-box div.text-box.noimg{

		width: auto;

		float: none;

	}

	div.sustainability-contents .cn-float-img-box .img-box{

		float: right;

		margin-bottom: 0;

		width: calc(100% - 70% - 2em);

	}

}



/* cn table */

.sustainability-contents .cn-table .icon-title-box{

}



.sustainability-contents .cn-table .icon-title-box .icon-box{

	min-width: 24px;

	padding: 0 5%;

	margin: 0 auto 16px;

}



.sustainability-contents .cn-table .icon-title-box .text-box{

	text-align: left;

}



.sustainability-contents .cn-table .category-list li{

	text-indent: -1em;

	margin-left: 1em;

}

.sustainability-contents .cn-table .category-list li::before,

.sustainability-contents .segment-box ul li::before{

	content: "●";

}



.sustainability-contents .cn-table .category-list li.category01::before,

.sustainability-contents .segment-box .category01::before{

	color: #77bbcd;

}

.sustainability-contents .cn-table .category-list li.category02::before,

.sustainability-contents .segment-box .category02::before{

	color: #a978ad;

}

.sustainability-contents .cn-table .category-list li.category03::before,

.sustainability-contents .segment-box .category03::before{

	color: #87bc85;

}

.sustainability-contents .cn-table .category-list li.category04::before,

.sustainability-contents .segment-box .category04::before{

	color: #e1c200;

}



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

	div.sustainability-contents .cn-table th:nth-child(1){

		width: 30%;

	}

	div.sustainability-contents .cn-table .icon-title-box{

		display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

		

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

	}



	div.sustainability-contents .cn-table .icon-title-box .icon-box{

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

		flex-basis: 32%;

		margin: 0;

		

		padding: 0 8px 0 0;

	}

}



/* segment */

.sustainability-contents .segment-box{

	background-color: #e5e5e5;

	padding: 4px;

	margin-bottom: 8px;

}



.sustainability-contents .segment-box ul,

.sustainability-contents .segment-box ul li{

	display: inline-block;

}



.sustainability-contents .segment-box ul li{

	margin-right: 8px;

}