#esg .dl-box dl dt a { color:var(--mainColor2); }
#esg .committee-box .organization .chart .circle { position:relative; width:270px; height:270px; padding:15px; border-radius:270px; border:1px solid var(--mainColor2); margin:0 auto; }
#esg .committee-box .organization .chart .circle:before { content:""; display:block; position:absolute; bottom:-40px; left:50%; width:1px; height:40px; background:var(--mainColor2); }
#esg .committee-box .organization .chart .circle .cbox { color:var(--mainColor1); font-size:2.1rem; font-weight:600; line-height:1.3; width:100%; height:100%; padding:0 10px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:var(--mainColor2); border-radius:270px; }
#esg .committee-box .organization .chart .list { position:relative; margin-top:79px; display:flex; gap:40px; }
#esg .committee-box .organization .chart .list:before { content:""; display:block; position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:calc(100% - ((100% - 120px) / 4)); height:50px; border:1px solid var(--mainColor2); border-bottom:none; border-radius:10px; }
#esg .committee-box .organization .chart .list .box { position:relative; width:calc((100% - 120px) / 4); height:95px; color:var(--mainColor2); font-size:1.9rem; font-weight:600; line-height:1.3; border-radius:10px; border:1px solid var(--mainColor2); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; text-align:center; background:var(--mainColor1); }
#esg .committee-box .organization .chart .list .box span { color:var(--mainColor2); font-size:1.4rem; font-weight:400; line-height:1.3; }
#esg .committee-box .organization .chart .list .box:before { content:""; display:block; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:var(--mainColor2); }
#esg .committee-box .organization .chart .list .box:after { content:""; display:block; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%); width:20px; height:60px; background:url(/img/sub/esg/esg_arr.svg) center center no-repeat; }
#esg .committee-box .organization .chart .list .box:first-child:before,
#esg .committee-box .organization .chart .list .box:last-child:before { display:none; }
#esg .committee-box .organization .b-box { margin-top:60px; color:var(--mainColor1); font-size:2.1rem; font-weight:600; line-height:1.3; height:75px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:10px; background:var(--mainColor2); }
#esg .committee-box .dataTabel table thead th { color:var(--mainColor2); font-size:1.9rem; font-weight:600; line-height:1.3; border:2px solid var(--mainColor2); border-width:2px 0; text-align:center; height:75px; }
#esg .committee-box .dataTabel table tbody th,
#esg .committee-box .dataTabel table tbody td { color:var(--fontColor); font-size:1.7rem; font-weight:400; line-height:1.3; border-bottom:1px solid #888; text-align:center; height:75px; padding:15px 0; }
#esg .award .list { display:flex; flex-wrap:wrap; gap:80px 45px; }
#esg .award .list .box { width:calc((100% - 90px) / 3); text-align:center; }
#esg .award .list .box figure img { max-width:100%; }
#esg .award .list .box h4 { margin-top:30px; color:var(--fontColor); font-size:1.9rem; font-weight:500; line-height:1.3; }
@media screen and (max-width: 1600px){
	#esg .committee-box .dataTabel table thead th,
	#esg .award .list .box h4 { font-size: 1.8rem; }
	#esg .committee-box .organization .chart .circle .cbox,
	#esg .committee-box .organization .b-box,
	#esg .committee-box .organization .chart .list .box { font-size: 2.0rem; }
	#esg .committee-box .dataTabel table tbody td { font-size: 1.6rem; }
	#esg .committee-box .organization .chart .list .box span { font-size:1.4rem; }
	#esg .committee-box .organization .chart .circle { width:250px; height:250px; }
	#esg .committee-box .organization .chart .list { gap:30px; }
	#esg .committee-box .organization .chart .list:before { width:calc(100% - ((100% - 90px) / 4)); }
	#esg .committee-box .organization .chart .list .box { width:calc((100% - 90px) / 4); }
	#esg .award .list { gap:70px 40px; }
	#esg .award .list .box { width:calc((100% - 80px) / 3); }
}

@media screen and (max-width: 1280px){
	#esg .committee-box .dataTabel table thead th,
	#esg .award .list .box h4 { font-size: 1.7rem; }
	#esg .committee-box .organization .chart .circle .cbox,
	#esg .committee-box .organization .b-box,
	#esg .committee-box .organization .chart .list .box { font-size: 1.9rem; }
	#esg .committee-box .organization .chart .list .box span { font-size:1.3rem; }
	#esg .committee-box .organization .chart .circle { width:220px; height:220px; padding:12px; }
	#esg .committee-box .organization .chart .list { gap:20px; }
	#esg .committee-box .organization .chart .list:before { width:calc(100% - ((100% - 60px) / 4)); }
	#esg .committee-box .organization .chart .list .box { width:calc((100% - 60px) / 4); }
	#esg .award .list { gap:60px 30px; }
	#esg .award .list .box { width:calc((100% - 60px) / 3); }
	#esg .award .list .box h4 { margin-top:15px; }
}

@media screen and (max-width: 1200px){
	#esg .award .list { gap:50px 20px; }
	#esg .award .list .box { width:calc((100% - 40px) / 3); }
	#esg .committee-box .organization .b-box { margin-top:50px; height:60px; }
	#esg .committee-box .organization .chart .list .box:after { height:50px; bottom:-50px; }
	#esg .committee-box .organization .chart .list { gap:5px; }
	#esg .committee-box .organization .chart .list:before { width:calc(100% - ((100% - 15px) / 4)); }
	#esg .committee-box .organization .chart .list .box { width:calc((100% - 15px) / 4); }
	#esg .committee-box .dataTabel table thead th,
	#esg .committee-box .dataTabel table tbody th,
	#esg .committee-box .dataTabel table tbody td { height:60px; }
	#esg .committee-box .dataTabel table tbody td { padding:10px 0; }
}

@media screen and (max-width: 900px){
	#esg .committee-box .dataTabel table thead th,
	#esg .award .list .box h4 { font-size: 1.6rem; }
	#esg .committee-box .organization .chart .circle .cbox,
	#esg .committee-box .organization .b-box,
	#esg .committee-box .organization .chart .list .box { font-size: 1.8rem; }
	#esg .committee-box .dataTabel table tbody td { font-size: 1.4rem; }
	#esg .committee-box .organization .chart .list { flex-wrap:wrap; margin-top:20px; }
	#esg .committee-box .organization .chart .list .box { width:calc((100% - 5px) / 2); height:80px; }
	#esg .committee-box .organization .chart .circle:before,
	#esg .committee-box .organization .chart .list:before,
	#esg .committee-box .organization .chart .list .box:before,
	#esg .committee-box .organization .chart .list .box:after { display:none; }
	#esg .committee-box .organization .chart .list .box:nth-child(3):after,
	#esg .committee-box .organization .chart .list .box:nth-child(4):after { display:block; }
	#esg .committee-box .dataTabel col.w1 { width:180px !important; }
	#esg .award .list { gap:40px 10px; }
	#esg .award .list .box { width:calc((100% - 10px) / 2); }
	#esg .award .list .box h4 { margin-top:10px; }
}
@media screen and (max-width: 760px){
	#esg .committee-box .dataTabel { overflow:auto; }
	#esg .committee-box .dataTabel table { width:760px; }
	#esg .committee-box .dataTabel col.w1 { width:120px !important; }
}

@media screen and (max-width: 640px){
	#esg .committee-box .organization .chart .list .box { width:100%; height:auto; padding:15px 10px; }
	#esg .committee-box .organization .chart .list .box:nth-child(3):after { display:none; }
}


#esg.pb0 { padding-bottom:0; }
#esg .common-box .top { padding-left:540px; }
#esg .common-box .top h4 { color:var(--fontColor); font-size:3.2rem; font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
#esg .common-box .top .txt { margin-top:20px; color:var(--mainColor2); font-size:1.9rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
#esg .cont1 { display:flex; flex-wrap:wrap; }
#esg .cont1 .e-menu { width:540px; }
#esg .cont1 .e-menu li:not(:last-child) { margin-bottom:20px; }
#esg .cont1 .e-menu li a { font-family:var(--engFont); color:var(--mainColor2); font-size:4.8rem; font-weight:600; line-height:1.2; letter-spacing:-0.045em; opacity:0.3; transition:0.5s; }
#esg .cont1 .e-menu li a:hover,
#esg .cont1 .e-menu li.on a { opacity:1; }
#esg .cont1 .contBox { width:calc(100% - 540px); }
#esg .cont1 .contBox .smenu { display:flex; border-bottom:1px solid var(--mainColor2); }
#esg .cont1 .contBox .smenu .box { width:240px; height:55px; display:flex; align-items:center; justify-content:center; background:rgba(67, 86, 74, 0.30); text-align:center; }
#esg .cont1 .contBox .smenu .box a { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(67, 86, 74, 0.30); }
#esg .cont1 .contBox .smenu .box,
#esg .cont1 .contBox .smenu .box a { color:var(--mainColor1); font-size:2.0rem; font-weight:600; line-height:1.3; }
#esg .cont1 .contBox .smenu .box.on,
#esg .cont1 .contBox .smenu .box.on a { background:var(--mainColor2); }
#esg .cont1 .contBox .txt_t { color:var(--fontColor); font-size:1.9rem; font-weight:400; line-height:1.3; margin-bottom:30px; }
#esg .cont1 .contBox .list { margin-top:30px; }
#esg .cont1 .contBox .list li:not(:last-child) { margin-bottom:15px; }
#esg .cont1 .contBox .list li { display:flex; gap:3px; color:var(--fontColor); font-size:1.9rem; font-weight:400; line-height:1.3; }
#esg .cont1 .contBox .list li span { flex-shrink:0; }
#esg .cont1 .contBox .btn { display:flex; justify-content:flex-end; }
#esg .cont1 .contBox .btn a { color:var(--mainColor1); font-size:2.0rem; font-weight:600; line-height:1.3; width:320px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:100px; background:var(--mainColor2); }
#esg .cont2 { padding:80px 0 180px; }
#esg .cont2 h3.tit { color:var(--mainColor1); font-size:5.4rem; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
#esg .cont2 .imgbox1 { margin-top:20px; }
#esg .cont2 .imgbox1 img { max-width:100%; }
#esg .line-b { border-bottom:1px solid var(--mainColor1); }

@media screen and (max-width: 1600px){
	#esg .common-box .top { padding-left:460px; }
	#esg .cont1 .e-menu { width:460px; }
	#esg .cont1 .contBox { width:calc(100% - 460px); }
	#esg .common-box .top h4 { font-size:2.9rem; }
	#esg .cont1 .contBox .txt_t,
	#esg .cont1 .contBox .list li,
	#esg .common-box .top .txt { font-size:1.8rem; }
	#esg .cont1 .e-menu li a { font-size:4.4rem; }
	#esg .cont1 .contBox .smenu .box,
	#esg .cont1 .contBox .smenu .box a,
	#esg .cont1 .contBox .btn a { font-size:1.9rem; }
	#esg .cont2 h3.tit { font-size:5.0rem; }
	#esg .cont1 .contBox .smenu .box { width:220px; height:50px; }
	#esg .cont1 .contBox .btn a { width:280px; height:45px; }
}

@media screen and (max-width: 1280px){
	#esg .common-box .top { padding-left:380px; }
	#esg .cont1 .e-menu { width:380px; }
	#esg .cont1 .contBox { width:calc(100% - 380px); }
	#esg .common-box .top h4 { font-size:2.6rem; }
	#esg .cont1 .contBox .txt_t,
	#esg .cont1 .contBox .list li,
	#esg .common-box .top .txt { font-size:1.7rem; }
	#esg .cont1 .e-menu li a { font-size:3.9rem; }
	#esg .cont1 .contBox .smenu .box,
	#esg .cont1 .contBox .smenu .box a,
	#esg .cont1 .contBox .btn a { font-size:1.8rem; }
	#esg .cont2 h3.tit { font-size:4.2rem; }
	#esg .cont1 .contBox .smenu .box { width:180px; height:45px; }
}

@media screen and (max-width: 1200px){
	#esg .common-box .top { padding-left:320px; }
	#esg .cont1 .e-menu { width:320px; }
	#esg .cont1 .contBox { width:calc(100% - 320px); }
	#esg .cont1 .e-menu li:not(:last-child) { margin-bottom:10px; }
	#esg .cont1 .contBox .txt_t  { margin-bottom:15px; }
	#esg .cont1 .contBox .list { margin-top:20px; }
	#esg .cont1 .contBox .list li:not(:last-child) { margin-bottom:8px; }
	#esg .cont1 .contBox .btn a { width:250px; height:40px; }
	#esg .cont2 { padding:60px 0 100px; }
	#esg .cont2 .imgbox1 { margin-top:10px; }
}

@media screen and (max-width: 900px){
	#esg .common-box .top { padding-left:0; }
	#esg .cont1 .e-menu { width:100%; }
	#esg .cont1 .contBox { width:100%; margin-top:40px; }
	#esg .common-box .top h4 { font-size:2.1rem; }
	#esg .cont1 .contBox .txt_t,
	#esg .cont1 .contBox .list li,
	#esg .common-box .top .txt { font-size:1.6rem; }
	#esg .cont1 .e-menu li a { font-size:3.0rem; }
	#esg .cont1 .contBox .smenu .box,
	#esg .cont1 .contBox .smenu .box a,
	#esg .cont1 .contBox .btn a { font-size:1.7rem; }
	#esg .cont2 h3.tit { font-size:3.6rem; }
	#esg .cont1 .e-menu ul { display:flex; align-items:center; justify-content:center; gap:20px; }
	#esg .cont1 .e-menu li:not(:last-child) { margin-bottom:0; }
	#esg .cont1 .contBox .txt_t  { margin-bottom:10px; }
	#esg .cont1 .contBox .smenu .box { height:40px; }
	#esg .cont1 .contBox .btn a { width:220px; height:36px; }
}
@media screen and (max-width: 640px){
	#esg .cont1 .e-menu li a { font-size:2.4rem; }
	#esg .cont2 h3.tit { font-size:3.1rem; }
}


#esg .cont2 > dl { display:flex; flex-wrap:wrap; }
#esg .cont2 > dl:not(:last-child) { margin-bottom:80px; }
#esg .cont2 > dl > dt { width:540px; }
#esg .cont2 > dl > dd { width:calc(100% - 540px); }
#esg .cont2 .imgbox2 img { max-width:100%; }
#esg .cont2 .txt-list1 li:not(:last-child) { margin-bottom:10px; }
#esg .cont2 .txt-list1 li { color:var(--mainColor1); font-size:1.7rem; font-weight:400; line-height:1.3; }
#esg .cont2 .txt-list2 { margin-top:80px; display:flex; flex-wrap:wrap; gap:30px 0; }
#esg .cont2 .txt-list2 .box { width:calc(100% / 3); }
#esg .cont2 .txt-list2 .box h5 { color:var(--mainColor1); font-size:1.9rem; font-weight:600; line-height:1.3; margin-bottom:20px; }
#esg .cont2 .txt-list2 .box h5 a { color:var(--mainColor1); }
#esg .cont2 .txt-list2 .box .stxt { color:var(--mainColor1); font-size:1.7rem; font-weight:400; line-height:1.3; margin-bottom:10px; }
#esg .cont2 .txt-list2 .box li:not(:last-child) { margin-bottom:10px; }
#esg .cont2 .txt-list2 .box li { color:var(--mainColor1); font-size:1.7rem; font-weight:400; line-height:1.3; }
#esg .cont2 .txt-list2 .box li a { color:var(--mainColor1); }
 
@media screen and (max-width: 1600px){
	#esg .cont2 > dl > dt { width:460px; padding-right:30px; }
	#esg .cont2 > dl > dd { width:calc(100% - 460px); }
	#esg .cont2 .txt-list2 .box .stxt,
	#esg .cont2 .txt-list1 li,
	#esg .cont2 .txt-list2 .box li { font-size:1.6rem; }
	#esg .cont2 .txt-list2 .box h5 { font-size:1.8rem; }
	#esg .cont2 .txt-list2 { gap:20px 100px; }
	#esg .cont2 .txt-list2 .box { width:auto; }
}

@media screen and (max-width: 1280px){
	#esg .cont2 > dl > dt { width:380px; }
	#esg .cont2 > dl > dd { width:calc(100% - 380px); }
	#esg .cont2 .txt-list2 .box .stxt,
	#esg .cont2 .txt-list1 li,
	#esg .cont2 .txt-list2 .box li { font-size:1.5rem; }
	#esg .cont2 .txt-list2 .box h5 { font-size:1.7rem; }
}

@media screen and (max-width: 1200px){
	#esg .cont2 > dl > dt { width:320px; }
	#esg .cont2 > dl > dd { width:calc(100% - 320px); }
	#esg .cont2 > dl:not(:last-child) { margin-bottom:80px; }
	#esg .cont2 .txt-list2 .box h5 { margin-bottom:10px; }
	#esg .cont2 .txt-list1 li:not(:last-child),
	#esg .cont2 .txt-list2 .box li:not(:last-child) { margin-bottom:10px; }
	#esg .cont2 .txt-list2 { gap:20px; }
	#esg .cont2 .txt-list2 .box { width:calc((100% - 40px) / 3); }
	#esg .cont2 .txt-list2 { margin-top:40px; }
}

@media screen and (max-width: 900px){
	#esg .cont2 > dl > dt { width:100%; padding-right:0; }
	#esg .cont2 > dl > dd { width:100%; margin-top:40px; }
	#esg .cont2 .txt-list2 .box .stxt,
	#esg .cont2 .txt-list1 li,
	#esg .cont2 .txt-list2 .box li { font-size:1.4rem; }
	#esg .cont2 .txt-list2 .box h5 { font-size:1.6rem; }
	#esg .cont2 .txt-list2 { gap:20px 60px; }
	#esg .cont2 .txt-list2 .box { width:auto; }
}

@media screen and (max-width: 900px){
	#esg .cont2 > dl > dd { margin-top:20px; }
}