/* -------------------------- CSR Unique -------------------------------- */
#with_side { display: flex; justify-content: space-between; width: 100%; padding: 0 15px; max-width: 1200px; margin: 72px auto 80px auto; }
#side { width: 300px; }
#side .title { background-color: #f0f0f0; color: #47a46c; padding: 20px 20px 15px 20px; border-bottom: 5px #47a46c solid; text-align: center; font-weight: 700; border-radius: 20px 20px 0 0; }
#side ul li { list-style: none; background-color: #f0f0f0; text-align: left; border-bottom: 1px #fff solid; line-height: 1.2 }
#side ul li a { display: block;  padding: 20px 25px; }
#side ul li a:hover { color: #47a46c; background-color: #f7f7f7; }
#side ul li.current { font-weight: 700; }
#side ul li:last-child { border-radius: 0 0 20px 20px; }
#side ul li > ul { margin: 0 10px; display: none; }
#side ul li > ul.open { display: block!important; }
#side ul li > ul.last_nest { margin: 0 10px 20px 10px; }
#side ul li > ul li { background-color: #dff5e8; border-bottom:0; }
#side ul li > ul li:last-child { border-radius: 0; }
#main_r { width: calc( 96% - 300px ); padding: 0; margin: 0 0 80px 0; }
#main_r section { padding: 0; }
.csr_menu { display:none; }
@media screen and (max-width: 768px) {
	#with_side { flex-direction: column-reverse; margin: 0 auto 45px auto; }
	#main_r { width: 100%; margin: 0 0 45px 0; }
	#side { width: 100%; }
	#side .title { display: none; }
	.csr_menu { display: block;background-color: #f0f0f0; color: #47a46c; padding: 20px; text-align: center; font-weight: 700; border-radius: 20px;transition: all .6s .4s ease; position: relative; }
	.csr_menu.open { padding: 20px 20px 15px 20px; border-bottom: 5px #47a46c solid; border-radius: 20px 20px 0 0;transition: all .2s ease; }
	.csr_menu:before { content: ""; position: absolute; top: 36px; right: 25px; width: 16px; height: 2px; transform: rotate(90deg); background: #47a46c; transition: all .3s ease-in-out; }
	.csr_menu:after { content: ""; position: absolute; top: 36px; right: 25px; width: 16px; height: 2px; background: #47a46c; transition: all .2s ease-in-out; }
	.csr_menu.open:after { transform: rotate(180deg); }
	.csr_menu.open:before { opacity: 0; }
} 

#message h2 { font-size: 1.125rem; margin-top: 10px; }
#message .box3, #esg .box3 { margin-bottom: 0; }
#esg h2 {display: block;  font-size: 1.125rem; padding: 10px 0 10px 30px; border-bottom: 2px #47a46c solid; }
#esg ul { list-style: none; margin-left: 0; margin-bottom: 0; } 
#esg ul li { list-style: none; padding: 15px 0 15px 35px; border-bottom: 1px #ccc dotted; margin-bottom:0; } 
#esg ul li:hover { background-color: #fcfcfc; }
#social .box3 { margin-bottom: 0; }
#social h2 {display: block;  font-size: 1.125rem; padding: 10px 0 10px 30px; }
#social ul { border-top: 2px #47a46c solid; list-style: none; margin-left: 0; } 
#social ul li { list-style: none; padding: 15px 0 15px 35px; border-bottom: 1px #ccc dotted; margin-bottom: 0; } 
#social ul li:hover { background-color: #fcfcfc; }

#csr_news article { border-bottom: #eee 1px solid; padding-bottom: 16px; margin-bottom: 18px; }
#csr_news article .date { font-size: 14px; }
#csr_news article a h2 { color: #369; font-size: 18px; margin: 10px 0; line-height: 1.4; }
#csr_news article p { font-size: 14px; line-height: 1.8; margin-bottom: 0; }

.spts_pic { max-height: 170px; }
section.g3 .related { margin: 0; padding: 0; }
section.g3 .related li { display: flex; align-items: flex-start; margin-bottom:8px; }
section.g3 .related li .label_gray { flex-shrink: 0; width: 150px; text-align: center; background-color: #eee; color: #777; font-size: 12px; padding: 2px 5px; }


section.g3 .related li a{ padding-left: 20px; flex: 1; font-size: 14px; }

.pagingblock { padding: 32px 0; text-align: center; }
.pagination { display: flex; justify-content: center; flex-wrap: wrap; }
.pagination li { list-style: none; }
.pagination .current_page, .pagination .link_page,
.pagination .link_first, .pagination .link_last { display: block; border-radius: 20px; margin: 0 1em 1rem 0; width: 32px; line-height: 32px; }
.pagination .current_page, .pagination .link_page:hover,
.pagination .link_first:hover, .pagination .link_last:hover { background-color:#47a46c; color: #fff; }
.pagination .link_page, .pagination .link_first, .pagination .link_last { background-color:#fff; border: 1px #47a46c solid; color: #47a46c; }

@media screen and (max-width:768px) { 
	#message .box3 { margin-bottom: 30px; }
	#esg .box3:nth-child(-n+2) { margin-bottom: 40px; }
	.related li { flex-direction: column; }
	.related li a{ padding-left: 0; padding-top: 4px; }
	.spts_pic { max-height: 100px; }
	.related li .label_gray { text-align: left; }
}

.grn { color: #47a46c; }

.cross th.total {text-align: right; border: none; background-color: #fff;}
.small_ind { padding-left: 0.5em; text-indent: -0.5em; }

.lh15 { line-height: 1.5 }

.bdr0 { border: none; }
.bdr_b0 { border-bottom: none; }
.bdr_t0 { border-top: none; }
.bg_ff { background-color: #fff; }
.bg_e0 { background-color: #e0e0e0; }
.ls0 { list-style:none !important;; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pd0 { padding: 0; }
.mg0 { margin: 0; }
.mb02 { margin-bottom: 0.2rem; }

.dred { color: #e02b2b; }