@charset "UTF-8";
#carbon_sec-01,#SolarE_sec-01{background-image: url("../images/sustainability/sustainability_carbon_bg-01.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
#carbon_sec-01-box,#SolarE_sec-01-box{height: 695px;}
#carbon_sec-01 .context,#SolarE_sec-01 .context{color: #FFFFFF;max-width: 510px;position: relative; border: 5px solid transparent;padding: 2rem 2rem 1.5rem; }
#carbon_sec-01 .context .BgBorder,#SolarE_sec-01 .context .BgBorder{position: absolute;left: 0;top: 0; width: 100%;height: 100%;display: block;}
#carbon_sec-02_box,#SolarE_sec-02_box{background-color: #E6EFE5;display: flex;justify-content: center;align-items: center;}
#carbon_sec-02_box > div,#SolarE_sec-02_box > div{width: 100%;max-width: 470px;padding: 1rem;}
/*#carbon_sec-02_box h3,#carbon_sec-03 h3,#SolarE_sec-02_box h3{text-align: center;}*/
.sustainability_p{color: #4B4B4B;font-size: 16px;font-weight: 400;}
#carbon_sec-03 .d-flex > div.col-99{background-color: #29671F;height: 675px;display: flex;align-items: center; justify-content: center;padding: 0 2rem;flex: 0 0 auto;width: 505px;}
#carbon_sec-04_box{position: absolute;width: 100%;max-width: 650px; left: 50%;top: 5vw;transform: translateX(-50%);}
.btn_more a{background: linear-gradient(white, white) padding-box, linear-gradient(to right, #E8ED01, #5DD4BA) border-box;border-radius: 92px;font-size: 30px;font-weight: bolder;padding: 1rem 2rem;border: 5px solid transparent;color: #494949;text-decoration: none;text-align: center;}
.btn_more a span{line-height: 0;display: inline-block;padding-left: 12px;}
#carbon_sec-04_box_context{width: 100%;max-width: 460px; margin: 0 auto; padding-bottom: 3rem;}

#SolarE_sec-01{background-image: url("../images/sustainability/sustainability_solar_energy-bg_03.jpg");}
#SolarE_sec-02_box{background-color: #D5D6DA;}
#SolarE_sec-01 .context{margin-left: auto;margin-right: 0;}
@media (min-width:2000px) {
#carbon_sec-03 .d-flex > div.col-99{height: 35vw;width: 29%;padding: 0 3vw;}
#carbon_sec-03 h3,#carbon_sec-04 h3{font-size: 1.9vw;}
#carbon_sec-03 p,#carbon_sec-04 p{font-size: 1vw;}
#carbon_sec-04_box{max-width: 30vw;}
#carbon_sec-04_box_context{max-width: 23vw;}
#carbon_sec-04 a{font-size: 1.2vw;}
}

@media (max-width:1200px) {
	#carbon_sec-02_box h3,#SolarE_sec-02_box h3{font-size: 24px;}
}
@media (max-width:991px) {
	#carbon_sec-01,#SolarE_sec-01{background-image: none;background-color: #286100;}
	#SolarE_sec-01{background-color: #2B2E35;}
	#carbon_sec-01-box, #SolarE_sec-01-box{height: auto;}
	#carbon_sec-01 .context, #SolarE_sec-01 .context{margin: 0 auto;}
	#carbon_sec-02_img::after,#SolarE_sec-02_img::after,#carbon_sec-03_img01::after,#carbon_sec-03_img02::after{content: "";display: block;width: 100%;height: 0; padding-bottom: 62.769%;}
	#carbon_sec-03 .d-flex > div.col-99{height: auto;width: 100%;}
	#carbon_sec-03 .d-flex > div.col-99 > div{width: 100%;max-width: 505px;padding: 3.5rem 1.5rem;}
	#carbon_sec-03_img01::after,#carbon_sec-03_img02::after{padding-bottom: 99.052%;}
	.btn_more{text-align: center;}
	.btn_more a{display: inline-block;font-size: 3vw;}
	#carbon_sec-02_box > div, #SolarE_sec-02_box > div{padding-top: 2rem;}
}
@media (max-width:767px) {
	.btn_more a span img{width: 50px;}
}
@media (max-width:575px) {
	.btn_more a{font-size: 18px;padding: 0.5rem 2rem;}
	#carbon_sec-03 .d-flex > div.col-99 > div { padding: 2.5rem 0;}
	#carbon_sec-04_box_context{padding: 0 2rem 2.5rem;}
	#carbon_sec-04_box_context {max-width: 100%;}
	#carbon_sec-04_box h3{text-align: center;padding-top: 1rem;}
	.text-linear span{padding-top: 1rem;line-height: normal;}
}
@media (max-width:450px) {
	.btn_more a{font-size: 16px;padding: 0.5rem 1rem;}
	.btn_more a span img{width: 40px;}
}
@media (max-width:400px) {
	#carbon_sec-01 .context, #SolarE_sec-01 .context {padding: 2rem 1rem 1.5rem;}
}
@media (max-width:375px) {
	.sustainability_p{font-size: 14px;line-height: 150%;}
	.btn_more a{font-size: 14px;}
	.btn_more a span img{width: 30px;}
}
@media (max-width:350px) {
	.btn_more a span img{width: 22px;}
}
@media (max-width:320px) {
	.text-linear span{font-size: 28px;}
	.text-h3,#carbon_sec-02_box h3,#SolarE_sec-02_box h3{font-size: 16px;}
}