@charset "UTF-8";

.hist-cont {padding-left: 515px;}
.hist-cont > ul > li {display: flex;}
.hist-cont > ul > li > * {/* flex-shrink: 0; */}
.hist-cont .year {position: relative; font-weight: 400; line-height: 1; display: inline-block; font-size: 40px; color: #3bb149; padding-right: 42px; top: -.1em;}
.hist-cont .month-list {border-left: 1px solid #ccc;}
.hist-cont .month-list li {position: relative;padding: 0px 0 31px 15px;}
.hist-cont .month-list li:last-of-type {padding-bottom: 76px;}
.hist-cont .month-list li:before {content: ''; position: absolute; top: 4px; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #39b54a;}
.hist-cont .month-list li .txt {font-size: 0;line-height: 1.3;padding: 0 0 17px 28px;position: relative;}
.hist-cont .month-list li .txt .month {font-weight: 500;font-size: 16px;color: #39b54a;display: inline-block;/* margin-right: 10px *//* text-indent: -28px; *//* vertical-align: top; */position: absolute;top: 0;left: 0;}
.hist-cont .month-list li .txt .desc { display: inline-block; font-size: 15px; color: #666; }
.hist-cont .month-list li figure {width: 200px; margin-left: 22px;}

@media screen and (max-width: 1440px) {
	.hist-cont {padding-left: 35.76vw;}
	.hist-cont .year {font-size: 2.78vw;  padding-right: 2.92vw;}
	.hist-cont .month-list li {padding: 0.00vw 0 2.15vw 1.04vw;}
	.hist-cont .month-list li:last-of-type {padding-bottom: 5.28vw;}
	.hist-cont .month-list li:before {top: 0.28vw; left: -0.35vw; width: 0.69vw; height: 0.69vw;}
	.hist-cont .month-list li .txt {font-size: 0;line-height: 1.3;padding: 0 0 1.18vw 1.94vw;}
	.hist-cont .month-list li .txt .month {font-size: 1.11vw;}
	.hist-cont .month-list li .txt .desc {  font-size: 1.04vw;  }
	.hist-cont .month-list li figure {width: 13.89vw; margin-left: 1.53vw;}
}

@media screen and (max-width: 768px) {
	.hist-cont {padding-left: 0; padding-top: 2.38vw;}
	.hist-cont .year {position: relative; font-weight: 700; font-size: 4.76vw; padding-right: 0; top: -.2em; width: 19.5%;}
	.hist-cont .month-list {width: 80.5%;}
	.hist-cont .month-list li {position: relative; padding: 0 0 5.48vw 3.46vw;}
	.hist-cont .month-list li:last-of-type {padding-bottom: 6.67vw;}
	.hist-cont .month-list li:before {content: ''; position: absolute; top: 0.95vw; left: -0.835vw; width: 1.67vw; height: 1.67vw; z-index: 1;}
	.hist-cont > ul > li:first-child .month-list li:first-child:after  {content: ''; position: absolute; top: -1px; left: -1px; width: 1px; height: 2.86vw; background-color: #fff;}
	.hist-cont .month-list li .txt {font-size: 0; line-height: 1.3; padding-bottom: 0; padding-left: 5.46vw}
	.hist-cont .month-list li .txt .month {font-weight: 500; font-size: 2.86vw;}
	.hist-cont .month-list li .txt .desc {font-size: 2.86vw;}
	.hist-cont .month-list li figure {display: none;}
}

@media screen and (max-width: 350px) {
	.hist-cont .month-list li .txt .month { font-size: 10px;}
	.hist-cont .month-list li .txt .desc {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.hist-cont {padding-top: 8px;}
	.hist-cont .year {  font-size: 15px;}
	.hist-cont .month-list li { padding: 0 0 18px 11px;}
	.hist-cont .month-list li:last-of-type {padding-bottom: 21px;}
	.hist-cont .month-list li:before {  top: 3px; left: -3px; width: 5px; height: 5px; }
	.hist-cont > ul > li:first-child .month-list li:first-child:after  {height: 9px; }
	.hist-cont .month-list li .txt {padding-left: 17px}
}