.bn-history01 .b-history-box{position:relative;}
.bn-history01 .b-history-box:before{content:'';position:absolute;top:50%;width:0;height:100%;border-right:1px solid #ccc;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.bn-history01 .b-history-box dl{position:relative;box-sizing:border-box;background-color:#fff;border: 1px solid #D3D8D9;border-radius:16px;padding:30px;}
.bn-history01 .b-history-box dl:after{content:'';position:absolute;top: 50%;transform:translateY(-50%);z-index: 10;width:8px;height:8px;background-color: #E22917;border-radius:50%;box-sizing:border-box;}
.bn-history01 .b-history-box dl dt{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right:28px;margin-bottom:0;background: #F5F7F8;width:101px;height:101px;padding:10px;text-align:center;color:#535A5B;font-size: 20px;font-weight: 800;line-height: 31px;box-sizing:border-box;}
.bn-history01 .b-history-box dl dt span{display:block;}
.bn-history01 .b-history-box dl dd{color: #12161B;font-size: 17px;line-height: 28px;font-weight: 400;box-sizing:border-box;text-align: justify;}

@media screen and (min-width: 1025px) {
	.bn-history01 .b-history-box:before{left:50%;}
	.bn-history01 .b-history-box dl{width:47%;display:flex;align-items:flex-start;margin-bottom:-50px;}
	.bn-history01 .b-history-box dl:last-child {margin-bottom:0 !important;}
	.bn-history01 .b-history-box dl dd {flex:1;}
	.bn-history01 .b-history-box dl.animate.on {opacity: 1;/*transform: translateX(0) scale(1);*/}
	
	.bn-history01 .b-history-box dl:nth-of-type(even){margin:0 0 -50px auto;/*opacity: 0;transform: translateX(100px) scale(.8);transition: all, transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;*/}
	.bn-history01 .b-history-box dl:nth-of-type(even):after{right: calc(100% + 5.8%);}
	.bn-history01 .b-history-box dl:nth-of-type(even) dt:before{left: -9px;}
	.bn-history01 .b-history-box dl:nth-of-type(even) dt:after{left: 0;}
	.bn-history01 .b-history-box dl:nth-of-type(odd) {/*opacity: 0;transform: translateX(-100px) scale(.8);transition: all, transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;*/}
	.bn-history01 .b-history-box dl:nth-of-type(odd):after {left: calc(100% + 5.9%);}
	.bn-history01 .b-history-box dl:nth-of-type(odd) dt:before{right: -9px;}
	.bn-history01 .b-history-box dl:nth-of-type(odd) dt:after{right: 0;}
}

@media screen and (max-width: 1024px) {
	.bn-history01 .b-history-box:before{left: 0;}
	.bn-history01 .b-history-box dl {margin-left:28px;margin-bottom:30px;}
	.bn-history01 .b-history-box dl:after {left: -33px;}
	.bn-history01 .b-history-box dl dt {margin-bottom:15px;}
}