.pageTitleBox h2,.pageTitleBox h2::before,.pageTitleBox h2::after,.pageTitleBox em,.area .Img,.area .Txt,.soupBox .Img,.soupBox .Txt,.descriptionBox::before,.descriptionList>li,.roundContent>*,.historyList li+li::before,.historyList .year,.historyList .Txt p,.historyList h3{transition:all .5s ease-out}
.historyBox{position:relative;padding-bottom:70px}
.historyBox .blockHr{text-align:center;font-size:30px;margin:0 20px;position:relative;margin-bottom:50px;font-weight:500;color:var(--info);letter-spacing:1.5px;font-weight:400}
.historyBox .blockHr::after{max-width:415px}
.historyBox .pageTitleBox{margin-bottom:45px}
.historyList::before{bottom:5%;left:0}
.historyList::after{top:40%;right:0}
.historyList li{position:relative}
.historyList li.show h3{transition-delay:.3s}
.historyList li.show .Txt p{transition-delay:.5s}
.historyList li+li::before{content:'';position:absolute;z-index:1;width:1px;height:0;border-left:1px dashed #000}
.historyList .item{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;}
.historyList .item:hover .year{color:#fff;background-color:#0c5397;}
.historyList .year{position:relative;margin-right:20px;font-family:"Montserrat",sans-serif;text-align:center;border-radius:50%;border:1px solid #cccccc6e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight: 700;}
.historyList .year::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;right:4px;z-index:1;border-radius:50%;border:1px solid #c7c7c7;pointer-events:none}
.historyList .Txt{display:flex;align-content:center;align-items:center;flex-direction: row;}
.historyList .Txt .TxtBox{margin-left:10px;width: calc(100% - 228px);}
.historyList .Txt .Img{width:160px}
.historyList li:nth-child(even) .Txt{display:flex;align-content:flex-end;flex-direction:row-reverse;flex-wrap:wrap}
.historyList li:nth-child(even) .Txt .TxtBox{margin-right:10px;margin-left:0}
.historyList li:nth-child(even) .Txt .TxtBox p{text-align:right}
.historyList li:nth-child(even) .Txt .Img{margin-left:auto}
.historyList .Txt p{line-height:1.8;letter-spacing:1px;font-size: 18px;}
.historyList h3{margin-bottom:3px;letter-spacing:1px;font-size:16px;font-weight:400}
.historyList h3::before{content:'['}
.historyList h3::after{content:']'}

@media (max-width:1366px){
	.historyList .Txt .TxtBox{width:100%;}
}

@media (max-width:768px){
	.historyBox,.supplyBox{margin-top:10px}
	.historyBox .blockHr{margin-bottom:30px;font-size:22px;margin:0 10px 40px}
	.historyBox{padding-bottom:0px}
}
@media (min-width:781px){
	.historyList li.show::before{height:35px;}
	.historyList li+li{padding-top:35px}
	.historyList li+li::before{top:0px;left:50%;margin-left:-.5px}
	.historyList li:nth-child(odd) .item{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
	.historyList li:nth-child(even) .year{-webkit-order:1;-ms-flex-order:1;order:1}
	.historyList li:nth-child(even) .Txt{-webkit-order:0;-ms-flex-order:0;order:0;text-align:right}
	.historyList .year{width:100px;height:100px;margin-left:20px;font-size:24px;color: #0c5397;}
	.historyList .Txt{width: calc(50% - 70px);}
}
@media (max-width:780px){
	.historyList li.show::before{height: 36px;}
	.historyList li+li{padding-top: 35px;}
	.historyList li+li::before{top: 0px;left: 39px;height:20px}
	.historyList .year{width: 75px;height: 75px;font-size: 17px;margin-right:15px;}
	.historyList .Txt{width:calc(100% - 80px)}
	.historyList .Txt .Img{width:90px}
	.historyList li:nth-child(even) .Txt{display:flex;flex-direction:row}
	.historyList li:nth-child(even) .Txt .Img{margin-right:auto;margin-left:0}
	.historyList li:nth-child(even) .Txt .TxtBox p{text-align:left}
	.historyList li.show .Txt p{font-size: 16px;}
	.historyList .Txt .TxtBox{margin-left:0}
}
@media (max-width:480px){.historyList li.show::before{display:none}}