@charset "utf-8";

.esg-goal-box .goal-ico-text {padding: 0 10px;}
.esg-goal-box .goal-file-list .download-link {padding: 0 20px; box-sizing: border-box;}
.esg-roadmap-box .roadmap-list .roadmap-item p {font-size: 18px;}

.goal-topic-boxes .topic-title {font-size: 28px;}
.goal-topic-boxes .txt-box p {font-size: 16px;}
.esg-chart-box .chart-bottom3 .role-box {align-items: initial;}
.esg-chart-box .chart-bottom3 .role-box .position, .esg-chart-box .chart-bottom3 .role-box .name { display: flex; align-items: center; justify-content: center; line-height: 1.2; white-space: wrap;}
.basic-text-box ul li .number {font-family: 'Titillium Web', sans-serif;}

.esg-score-card {padding: 30px 20px;}
.esg-score-card .title {font-size: 22px;}
.gauge-needle {bottom: 30px;}
.contact-us-new li div strong {padding: 18px 15px 0; font-size: 20px;}

.esg-chart-box .chart-bottom2 .chart-contents .name-box {width: 100%;}
.esg-chart-box .chart-bottom2 .chart-contents .position {width: 40%; text-align: right;}
.esg-chart-box .chart-bottom2 .chart-contents .name {width: 60%;}


@media (max-width: 768px) {

	.esg-roadmap-box .roadmap-list .roadmap-item p {font-size: 16px;}

	.goal-topic-boxes .topic-title {font-size: 18px;}
	.goal-topic-boxes .txt-box p {font-size: 14px;}

	.contact_us_wrap.contact-us-new ul {grid-template-columns: repeat(1, 1fr);}

	.file-download-boxes .box-wrap a {padding: 0 20px; box-sizing: border-box;}

}

@media (max-width: 640px) {
	.contact_us_wrap.contact-us-new ul li {height: auto;}
	.contact-us-new li div strong {padding: 20px; padding-bottom: 30px;}
}