@charset "utf-8";
/* CSS Document */

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ コンテンツ --------------*/

/*外部認証・賛同イニシアティブ*/
.gresb{
	margin-bottom: 6rem;
}
.gresb__ttl{
	letter-spacing: 0;
}
.gresb__blk{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	width: 100%;
}
.gresb__blk_main{
	width: 100%;
	margin: 0;
}
.gresb__blk_logo{
	width: 100%;
	margin: 3.0rem auto 0;
	text-align: center;
}
.gresb__blk_logo_img{
	width: 80%;
	margin: 0 auto 3rem;
}
.gresb__blk_logo_img1{
	display: none;
}
.gresb__blk_logo_img2{
	width: 60%;
}
.gresb__txt{
	font-size: 1.5rem;
	line-height: 1.4;
}
.gresb__txt span{
	font-weight: 700;
}
.gresb__point{
	background-color: #eaf6fd;
	padding:1.5rem;
}
.gresb__point_dt{
	font-size: 1.4rem;
	font-weight: 700;
	color:var(--main-color);
	margin-bottom: 1.0rem;
}
.gresb__point_dd{
	font-size: 1.3rem;
	line-height: 1.2;
}
/*ESGの取組み*/
.attempt{
	margin-bottom: 7rem;
}
.attempt__lead{
	margin-bottom: 4rem;
}
.attempt__lead_txt{
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 2rem;
}
.attempt__lead_txt sub{
	font-size: 50%; 
	vertical-align: baseline;
}
.attempt__lead_txt span{
	font-weight: 700;
}
.attempt__lead_prop{
	font-size: 1.5rem;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 2rem;
	line-height: 1.6;
}
.attempt__lead_dl{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	width: 100%;	
}
.attempt__lead_dt{
	width: 100%;
	background-color: var(--main-color);
	font-size: 1.6rem;
	color:#fff;
	font-weight: 500;
	padding:1rem 0;
	text-align: center;
	margin-bottom: 2rem;
}
.attempt__lead_dt sup{
	font-size: 50%; 
	vertical-align: super;
}
.attempt__lead_dd{
	width: 100%;
    background-color: #e5e5e5;
	margin-bottom: 2rem;
}
.attempt__lead_list{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	width: 100%;	
}
.attempt__lead_li_photo{
	width:40%;
	padding:1.3rem;
}
.attempt__lead_li_dtl{
	width:60%;
	padding:1.3rem 1.3rem 1.3rem 0;
}
.attempt__lead_li_name{
	font-size: 1.5rem;
    font-weight: 700;
	border-bottom: 2px solid #707070;
	padding-bottom: 0.8rem;
	margin-bottom: 1.0rem;
}
.attempt__lead_li_txt{
	font-size: 1.5rem;
	line-height: 1.4;
}
.attempt__lead_li_txt span{
	display: block;
	font-size: 1.6rem;
    font-weight: 700;
	margin-bottom: 0.8rem;
}
.attempt__lead_note{
	margin-bottom: 1.2rem;
    font-size: 1.2rem;
	line-height: 1.4;
}
.attempt__sec{
	margin-bottom: 2rem;
}
.attempt__list{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	width: 100%;
}
.attempt__list_txt{
	width: 100%;
	margin: 0 auto 2rem;
	font-size: 1.4rem;
	line-height: 1.4;
}
.attempt__list_txt span{
	display: block;
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
.attempt__list_photo{
	width: 80%;
	margin: 0 auto 2rem;

}
.attempt__list_photo_txt{
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	margin-top: 1rem;
}
/*ESG主要データ*/
.maindata{
	margin-bottom: 7rem;
}
.maindata__blk {
    margin: 0 auto 6rem;
	text-align: center;
}
.maindata__blk_main{
	margin-bottom: 3.0rem;
}
.maindata__txt{
	width: 100%;
	margin: 0 auto 2rem;
	font-size: 1.4rem;
	line-height: 1.4;
}
.maindata__property{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 1.5rem;
}
.maindata__property_list{
	margin: 0 auto 1.5rem;
    width: fit-content;
	text-align: left;
}
.maindata__property_li{
	width: 100%;
	margin-bottom: 0.6rem;
	font-size: 1.4rem;
	list-style:disc;
	list-style-position:inside;
}
.maindata__note{
	margin-bottom: 1.2rem;
	font-size: 1.2rem;
}
.maindata__blk_graph{
	width: 60%;
	margin: 2rem auto;
}




/*------------------------------------------
PC画面
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ コンテンツ --------------*/

	/*外部認証・賛同イニシアティブ*/
	.gresb{
		margin-bottom: 8rem;/**/
	}
	.gresb__ttl{
		letter-spacing:0.7vw;/**/
	}
	.gresb__blk_logo{
		text-align: left;/**/
		margin: 0 auto;/**/
	}
	.gresb__blk_logo_img1 {
		display: inline-block;
		width: 45%;/**/
		margin: 0 4rem 3rem;/**/
	}
	.gresb__blk_logo_img2 {
		width: 30%;/**/
		margin: 1rem 0 2rem auto;/**/
	}	
	.gresb__txt{
		font-size: 1.7rem;/**/
		margin: 0 0 3.5rem;/**/
	}
	.gresb__point{
		padding:2rem;/**/
	}
	.gresb__point_dt{
		font-size: 1.7rem;/**/
		margin-bottom: 1.5rem;/**/
	}
	.gresb__point_dd{
		font-size: 1.5rem;/**/
		line-height: 1.6;/**/
	}
	/*ESGの取組み*/
	.attempt{
		margin-bottom: 8rem;/**/
	}
	.attempt__lead{
		margin-bottom: 6rem;/**/
	}
	.attempt__lead_txt{
		font-size: 1.6rem;/**/
		line-height: 1.6;/**/
		margin-bottom: 4.0rem;/**/
	}
	.attempt__lead_prop{
		font-size: 1.8rem;/**/
		margin-bottom: 5.0rem;/**/
		line-height: 2.1;/**/
	}
	.attempt__lead_dt{
		font-size: 2.0rem;/**/
		padding:1.2rem 0;/**/
		margin-bottom: 3rem;/**/
	}
	.attempt__lead_dd{
		width: 49%;/**/
		margin-bottom: 3rem;/**/
	}
	.attempt__lead_li_photo{
		width:45%;/**/
		padding:1.2vw;/**/
	}
	.attempt__lead_li_dtl{
		width:55%;/**/
		padding:1.2vw 1.2vw 1.2vw 0;/**/
	}
	.attempt__lead_li_name{
		font-size: calc(12px + 12 * ((100vw - 768px) / 1152));/**/
		margin-bottom: 1.5rem;/**/
	}
	.attempt__lead_li_txt{
		font-size: calc(12px + 10 * ((100vw - 768px) / 1152));/**/
	}
	.attempt__lead_li_txt span{
		font-size: calc(14px + 12 * ((100vw - 768px) / 1152));/**/
		margin-bottom: 1.5rem;/**/
	}
	.attempt__sec{
		padding-bottom: 3rem;/**/
		margin-bottom: 6rem;/**/
		border-bottom:1px solid #999;/**/
	}
	.attempt__sec:last-of-type{
		border-bottom:none;/**/
	}
	.attempt__list {
		margin: 4rem auto 0;/**/
	}
	.attempt__list_txt{
		width: 30%;/**/
		margin: 0 0 2rem;/**/
		font-size: 1.6rem;/**/
		line-height: 1.6;/**/
	}
	.attempt__list_txt span {
		font-size: 1.6rem;/**/
		margin-bottom: 1.0rem;/**/
	}
	.attempt__list_photo{
		width: 32%;/**/
		margin: 0 0 2rem;/**/
	}
	.attempt__list_photo_txt{
		font-size: 1.5rem;/**/
		line-height: 1.5;/**/
	}
	/*ESG主要データ*/
	.maindata__blk{
		display: flex;/**/
		flex-flow: row wrap;/**/
		justify-content:space-between;/**/
		margin: 0 auto 7rem;/**/
		width: 100%;/**/
		text-align: left;
	}
	.maindata__blk_main{
		width:65%;/**/
	}
	.maindata__txt{
		margin: 0 auto 3rem;/**/
		font-size: 1.7rem;/**/
		line-height: 1.6;/**/
	}
	.maindata__property{
		font-size: 1.8rem;/**/
		font-weight: 600;/**/
		margin-bottom: 1.8rem;/**/
	}
	.maindata__property_list{
		margin: 0 auto 2.0rem 0;/**/
	}
	.maindata__property_li{
		margin-bottom: 1.2rem;/**/
		font-size: 1.7rem;/**/
	}
	
	.maindata__blk_graph{
		width: 30%;/**/
		margin: 0;/**/
	}
	
}

/*------------------------------------------
PC画面（1200px以上）
------------------------------------------*/
@media screen and (min-width: 1200px) {
	
	/*------------ コンテンツエリア --------------*/
	.gresb__ttl {
		letter-spacing: 1.3rem;
	}
}