@charset "UTF-8";

.overview >.txt .tit {letter-spacing: normal;}
.hist-cont {padding-left: 431px;}
.hist-cont .year {font-weight: bold; padding-right: 35px;}
.hist-cont .month-list li .txt {padding: 0 0 25px 70px; font-size: inherit;}
.hist-cont .month-list li .txt .month span {font-weight: 500;}
.hist-cont .month-list li .txt .desc {display: block;}
.hist-cont .month-list li .txt .desc:not(:nth-child(2)) {margin-top: 20px;}
.hist-cont .month-list li .txt .bullet {position: relative; padding-left: 18px;}
.hist-cont .month-list li .txt .bullet:before {position: absolute; top: 50%; left: 3px; transform: translateY(-50%); content: "";  display: inline-block; width: 4px; height: 4px; border-radius: 50%; border: 1px solid #666;}
.hist-cont .month-list li figure {width: 250px;}
.hist-cont .month-list li figure:first-child {margin-left: 70px;}
.hist-cont .month-list li figure + figure {margin-left: 10px;}
figure figcaption {font-size: 15px; color: #777; padding-top: 15px; width:140%;}
figure figcaption:before {content: ""; display: inline-block; width: 6px; height: 7px; margin-right: 5px; background: url(/assets/image/bgf/esg/environmentMng/activity/ico_arrow.png) no-repeat center/100%; vertical-align: 2px;}


@media screen and (max-width: 1440px) {
	.hist-cont {padding-left: 29.93vw;}
	.hist-cont .year { padding-right: 2.43vw;}
	.hist-cont .month-list li .txt {padding: 0 0 1.74vw 4.86vw;}
	.hist-cont .month-list li .txt .desc:not(:nth-child(2)) {margin-top: 1.39vw;}
	.hist-cont .month-list li .txt .bullet { padding-left: 1.25vw;}
	.hist-cont .month-list li .txt .bullet:before {left: 0.21vw; width: 0.28vw; height: 0.28vw;}
	.hist-cont .month-list li figure {width: 17.36vw;}
	.hist-cont .month-list li figure:first-child {margin-left: 4.86vw;}
	.hist-cont .month-list li figure + figure {margin-left: 0.69vw;}
	figure figcaption {font-size: 1.04vw;  padding-top: 1.04vw;}
	figure figcaption:before {  width: 0.42vw; height: 0.49vw; margin-right: 0.35vw; vertical-align: 0.14vw;}
}

@media screen and (max-width: 768px) {
	.hist-cont {padding-left: 0;}
	.hist-cont .year {width: 15.5%;}
	.hist-cont .month-list {width: 84.5%;}
	.hist-cont .month-list li .txt {padding: 0 0 1.74vw 5.2vw;}
	.hist-cont .month-list li .txt .month {font-size: 3.1vw;}
	.hist-cont .month-list li .txt .desc:not(.bullet) {margin-left: 4.29vw; text-indent: -1.8vw;}
	.hist-cont .month-list li .txt .bullet {padding-left: 1.90vw;}
	.hist-cont .month-list li .txt .bullet:before {top: 1.67vw; width: 4px; height: 4px;}
	.hist-cont .month-list li .txt .desc:not(:nth-child(2)) {margin-top: 1.43vw;}
	.hist-cont .month-list li figure {display: block; width: 49%;}
	.hist-cont .month-list li figure:nth-child(2) {margin-left: 2%;}
	figure figcaption {font-size: 2.38vw; color: #777; padding-top: 0.95vw; width:100%;}
	figure figcaption:before {width: 6px; height: 7px; margin-right: 0.71vw; vertical-align: middle;} 	
}
@media screen and (max-width: 400px) {
	figure figcaption {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.hist-cont .month-list li .txt {padding: 0 0 6px 17px;}
	.hist-cont .month-list li .txt .month {font-size: 10px;}
	.hist-cont .month-list li .txt .desc:not(.bullet) {margin-left: 14px; text-indent: -6px;}
	.hist-cont .month-list li .txt .bullet {padding-left: 6px;}
	.hist-cont .month-list li .txt .bullet:before {top: 5px; width: 4px; height: 4px;}
	.hist-cont .month-list li .txt .desc:not(:nth-child(2)) {margin-top: 5px;}
	.hist-cont .month-list li figure:first-child {margin-left: 16px;}
	figure figcaption {font-size: 8px;  padding-top: 3px;}
	figure figcaption:before {width: 6px; height: 7px; margin-right: 2px; } 	
}