@chaset "UTF-8";

/* declaration */
.declaration .desc {margin-bottom: 50px;}
.declaration figure {width: 530px; margin: 0 auto;}

/* program */
.program .desc p {color: #666; font-size: 18px; line-height: 1.56;}

/* elements */
.elements .esg-list-box .desc span:nth-child(2) {display: inline-block; color: #3bb149; font-size: 15px; font-weight: 200; width: 124px;}
.elements .esg-list-box .desc span:nth-child(3) {color: #666; font-size: 15px; font-weight: 300;}
.elements .esg-list-box .right ul li:last-child {border-bottom: 1px solid #eee;}

/* chart */
.chart figure {width: 1027px; margin: 0 auto;}

@media screen and (max-width: 1440px) {
	.declaration .desc {margin-bottom: 3.47vw;}
	.declaration figure {width: 36.81vw;}

	.program .desc p {font-size: 1.25vw;}

	.elements .esg-list-box .desc span:nth-child(2) {font-size: 1.04vw; width: 8.61vw;}
	.elements .esg-list-box .desc span:nth-child(3) {color: #666; font-size: 1.04vw;}

	.chart figure {width: 71.32vw; }
}

@media screen and (max-width: 768px) {
	.declaration ul li {width: 16.67vw; height: 16.67vw; color: #3bb149; border: 1.19vw solid #3bb149; border-radius: 50%; text-align: center; font-size: 2.62vw;} 
	.declaration ul li .txt {width: 70%;} 
	.declaration .desc {margin-bottom: 5.48vw;}
	.declaration .desc p {font-size: 3.33vw;}

	.program .desc p {font-size: 3.33vw;}
	
	.esg-list-box > div ul {padding: 0;}
	.esg-list-box li .desc {position: relative; padding-left: 5vw; line-height: normal;}
	.esg-list-box li .num {position: absolute; top: 0; left: 0; vertical-align: 0;}
	.elements .esg-list-box ul li .desc span:nth-child(2) {width: auto; font-size: 3.33vw; font-weight: 400;}
	.elements .esg-list-box .desc span:nth-child(3) {display: block; font-size: 2.86vw;}

	.chart figure {width: 80.00vw;}
}

@media screen and (max-width: 370px) {
	.declaration ul li {font-size: 10px;}
}

@media screen and (max-width: 330px) {
	.elements .esg-list-box .desc span:nth-child(3) {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.declaration ul li {width: 53px; height: 53px;  border: 4px solid #3bb149;} 
	.declaration ul li .txt {width: 70%;} 
	.declaration .desc {margin-bottom: 18px;}
	.declaration .desc p {font-size: 11px;}

	.program .desc p {font-size: 11px;}

	.esg-list-box li .desc {padding-left: 16px; text-indent: 0;}
	.elements .esg-list-box ul li .desc span:nth-child(2) {width: 80%; font-size: 11px; }

	.chart figure {width: 256px;}
}