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

/*------------------------------------------------------------------------------------------------
    sustainability
--------------------------------------------------------------------------------------------------*/




.article-wrap p{
	line-height: 2.5;
}
.article-wrap p .note-txt{
	line-height: 2
}

.article-wrap + .article-wrap {
	margin-top: 100px;
}


.flex-box.fb1 {
	margin-top: 20px;
	margin-bottom: 80px;
	align-items: flex-end
}
.flex-box.fb1.f-txt{
	align-items: flex-start
}
.flex-box.fb1.f-txt .h-icon{
	margin-top: 0
}
.flex-box.fb1 .box{
	width:48%
}

.flex-box.fb2{
	margin-top: 20px;
	align-items: flex-end
}
.flex-box.fb2 .box.l{
	width:calc(50% + 40px)
}
.flex-box.fb2 .box.r{
	width:calc(50% - 40px)
}

.flex-box .ttl-txt{
	width:100%;
	text-align: center;
	font-weight: 600
}

.flex-box.fb_icon1 .sec-lead{
	width:calc(100% - 30px - 60px);
}


.flex-box.fb_icon2{
	align-items: flex-start
}
.flex-box.fb_icon2 .sec-lead{
	width:calc(100% - 20px - 120px);
}


.flex-box.fb_icon6{
	align-items: flex-start
}
.flex-box.fb_icon6 .sec-lead{
	width:calc(100% - 40px - 180px);
	
}


.image-wide{
	width:80%;
	margin: 20px auto 0
}
.image-half img{
	width:48%;
	margin: 20px 0 0 auto
}

.modal-btn{
	width:100%;
	margin: 2em auto 0;
	padding:2em 3em;
}

.merit-txt{
	padding-left: 3.5em;
	
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 2.8em
}
.merit-txt:nth-child(2){background-image: url("/assets/images/sustainability/sustainability8/icon-merit1.svg");}
.merit-txt:nth-child(3){background-image: url("/assets/images/sustainability/sustainability8/icon-merit2.svg");}
.merit-txt:nth-child(4){background-image: url("/assets/images/sustainability/sustainability8/icon-merit3.svg");}

.gray-box{
	border:1px solid var(--col-light_gray);
	padding: 1em;
	margin-top: 60px
}
.gray-box .h-icon{
	margin-top: 0
}
.gray-box .flex-box.fb1{
	margin-bottom: 0
}

@media screen and (max-width:1023px) {


}
@media screen and (max-width: 768px) {
	.article-wrap{
		line-height: 2;
	}

	.article-wrap + .article-wrap {
		margin-top: 10vw;
	}


	.flex-box.fb1 {
		margin-top: 4vw;
		margin-bottom: 6vw
	}
	.flex-box.fb1.f-txt{
		flex-direction: column
	}
	.flex-box.fb1 .box{
		width:48%
	}
	.flex-box.fb1.f-txt .box{
		width:100%;
		margin-bottom: 2em
	}

	.flex-box.fb2{
		margin-top: 4vw;

	}
	.flex-box.fb2 .box.l{
		width:100%;
		order: 2
	}
	.flex-box.fb2 .box.r{
		width:80%;
		margin: 0 auto;
		order: 1
	}


.flex-box.fb_icon1 .sec-lead{
		width:calc(100% - 3vw - 10vw);
}
.flex-box.fb_icon2 .sec-lead{
	width:calc(100% - 4vw - 20vw);
	
}
.flex-box.fb_icon6 .sec-lead{
	width:calc(100% - 4vw - 20vw);
	
}


.image-wide{
	width:100%;
	margin: 4vw auto 0
}
.image-half img{
	width:48%;
	margin: 4vw 0 0 auto
}


	
.modal-btn{
	width:100%;
	margin: 2em auto 0;
	padding:2em 0;
}


.gray-box{
	margin-top: 10vw;	
	}
.gray-box .flex-box.fb1.f-txt{
		flex-direction: column-reverse
	}
	
}