/*=============================================================
 corporate.sustainability index
=============================================================*/
/* top-commitment
-------------------------------------------------------------*/
#top-commitment .top-commitment-box{
	position: relative;
	overflow: hidden;
	margin-top: clamp(15px, calc(15px + 0.03125 * (100vw - 768px)), 23px);
}
#top-commitment .top-commitment-box .text-box{
	position: absolute;
	z-index: 1;
	margin-top: 20px;
	top: calc((50%));
	transform: translateY(-50%);
	left: clamp(0px, calc(0px + 0.15625 * (100vw - 768px)), 40px);
	right: clamp(0px, calc(0px + 0.15625 * (100vw - 768px)), 40px);
	width: 56.70%;
}
#top-commitment .top-commitment-box .text-box .ttl{
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
	color: var(--primaryColor);
	margin-bottom: 16px;
}
#top-commitment .top-commitment-box .img-box{position: relative;}
#top-commitment .top-commitment-box .img-box figure:first-child{
	position: absolute;
	top: 0;
}

/* ttl-h2--no-decoration */
#top-commitment .ttl-h2--no-decoration,
#esg-area .ttl-h2--no-decoration{
	margin-top: clamp(60px, calc(60px + 0.0390625 * (100vw - 768px)), 70px);
	text-align: center;
}



/* esg-area
-------------------------------------------------------------*/
#esg-area .esg-box{
	display: flex;
	justify-content: space-between;
}
#esg-area .esg-box div{
	position: relative;
}
/*#esg-area .esg-box div::after{
	content: '';
	height: auto;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
#esg-area .esg-box div:first-child::after{
	background: url("../img/sustainability-index-p03-txt.jpg") no-repeat;
	aspect-ratio: 810 / 118;
	width: 95%;
}
#esg-area .esg-box div:nth-child(2)::after{
	background: url("../img/sustainability-index-p04-txt.jpg") no-repeat;
	aspect-ratio: 810 / 118;
	width: 95%;
}*/
#esg-area .esg-box div .text-box{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 48px clamp(24px, calc(24px + 0.140625 * (100vw - 768px)), 60px) 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#esg-area .esg-box div .text-box h3.link-arw--white a{
	font-size: 24px;
	line-height: 150%;
}
#esg-area .esg-box div .text-box figure{
	margin-left: clamp(-50px, calc(-14px - 0.140625 * (100vw - 768px)), -14px);
	margin-right: clamp(-50px, calc(-14px - 0.140625 * (100vw - 768px)), -14px);
	width: calc((100% + clamp(28px, calc(28px + 0.28125 * (100vw - 768px)), 100px)));
}
#esg-area .esg-box div .text-box figure img{}

#esg-area .esg-box .bg-img{
	height: 100%;
	overflow: hidden;
	min-height: 453px;
}
#esg-area .esg-box .bg-img img{
	height: 100%;
	object-fit: cover;
}
#esg-area .esg-box .link-arw--white li + li{margin-top: 16px;}
#esg-area .esg-box .link-arw--white li{line-height: 1.2;}
#esg-area .esg-box .link-arw--white li a{
	font-weight: 500;
	line-height: 150%; 
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC-large
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1920px){
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 tablet
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/* top-commitment
-------------------------------------------------------------*/
#top-commitment .top-commitment-box{
	position: static;
	overflow :visible;
	margin-top: clamp(15px, calc(15px + 0.03125 * (100vw - 768px)), 23px);
}
#top-commitment .top-commitment-box .text-box{
	position: static;
	margin-top: 20px;
	transform: none;
	width: 100%;
}
#top-commitment .top-commitment-box .text-box .ttl{margin-bottom: 8px;}
#top-commitment .top-commitment-box .img-box{
	position: relative;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 20px;
}
#top-commitment .top-commitment-box .img-box figure:first-child{overflow: hidden;}
#top-commitment .top-commitment-box .img-box figure:first-child img{margin-left: -30%;}
	
/* esg-area
-------------------------------------------------------------*/
#esg-area .esg-box{display: block;}
#esg-area .esg-box div{height: auto;}
#esg-area .esg-box div .text-box figure{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
#esg-area .esg-box .bg-img{
	height: auto;
	min-height: inherit;
}
	
}