@charset "utf-8";
/*=============================================================
 management
=============================================================*/
#sustainability.management .col-2.bgColor{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #d9eaf6;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 45px;
  height: 228px;
}
#sustainability.management .col-2.bgColor figure {
  width: 35%;
  height: 100%;
}
#sustainability.management .col-2.bgColor figure img {
  max-width: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#sustainability.management .col-2.bgColor .lead {
  width: 60%;
}
/* box-colorD
-------------------------------------------------------------*/
#sustainability.management .box-colorD > h3{
	text-align: center;
	color: #0072bf;
	font-size: 1.8rem;
}
#sustainability.management .box-colorD + .box-colorA{margin-top: var(--spaceM);}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){
/*=============================================================
 message
=============================================================*/
#sustainability.management .col-2.bgColor{
	font-size: 2.0rem;
}
#sustainability.management .col-2.bgColor .lead{
	padding: 10px 20px 10px 0;
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 management
=============================================================*/
#sustainability.management .col-2.bgColor{
	height: 170px;
}
#sustainability.management .col-2.bgColor figure{
	margin-top: 0;
}
#sustainability.management .col-2.bgColor .lead{
	font-size: 1.6rem;
	font-weight: normal;
	margin-top: 0;
  padding-right: 10px;
}
	
}