@charset "utf-8";


/* csr
---------------------------------------------------------------------*/

.flex{
	display:flex;
	flex-flow:row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	width:100%;
	margin:0 auto 1rem;
}
.lead > div{
	width:66%;
	line-height:180%;
}
#img_csr{
	width:min(30%,156px);
	height:auto;
}

ul#eco_policy{
	padding:18px 20px 18px 32px;
	text-indent:-12px;
	background:#e8f1e7;
	margin:10px 0 40px;
}
	ul#eco_policy li{
		text-indent:-12px;
		padding:0 0 5px 0;
	}

.ex_ttl{
		position:relative;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:100%;
		padding:6px;
		background:#88ad7b;
		margin:0 0 12px 0;
	}
	.ex_ttl span{
		position:absolute;
		right:1rem;
		top:6px;
		width:200px;
		text-align:right;
		font-size:11px;
	}

	
img.img_right{
		float:right;
		margin:0 0 8px 5%;
	}
	img.img_left{
		float:left;
		margin:0 5% 8px 0;
	}
	
@media(max-width: 600px){
	.flex{
		display:block;
	}
	.lead > div{
		width:100%;
		margin-bottom:.5rem;
	}
	#img_csr{
		display:block;
		width:min(30%,156px);
		margin:0 auto;
	}
}