@charset "utf-8";
/* CSS Document */

.history-wrap {padding-left: calc(50% - 40px);}
.history-title {width:80px; height:80px; line-height: 80px; background:#5496ff; text-align: center; color: #fff; font-size:16px; font-weight: 600; border-radius:50%; }
.history {position:relative; padding-left:40px;}
.history:after {content:''; display:block; position:absolute; top: 0; left:40px; height:100%; width:1px; background:#c4c9d2;}
/*.history ul {padding-left:150px;}*/
.history ul li {position:relative; font-size:1.4rem; padding:50px 0 0 25px;}
.history ul li:after {content:''; position:absolute; top:50px; left:-11px; width:25px; height:25px; background:url("../../../img/sub/center/history.png") no-repeat center; background-size:cover; z-index: 1;}
.history ul li:before {content:''; position:absolute; top:62px; left:0; width:150px; height:1px; background:#c4c9d2;}
.history ul li h3 {font-size:2.5rem; color:#0a3d8d; letter-spacing: -0.025em; padding-bottom:10px; position: relative; top:-8px;}
.history ul li p {font-size:1.4rem; color: #555; padding-bottom:10px; letter-spacing: -0.025em;}
.history ul li p span {padding-right:10px; font-weight: 600;}

.history ul li:nth-child(2n-1) { padding-left:170px; }
.history ul li:nth-child(2n) { padding-right:170px; text-align: right; position: relative; right: 100%; padding-left:0; }
.history ul li:nth-child(2n):after {left:auto; right:-13px;}
.history ul li:nth-child(2n):before {left:auto; right: 0;}

@media all and (max-width: 1024px)
{
	.history-wrap {padding-left:0;}
	.history ul li {text-align: left !important; right:0 !important; padding-left: 100px !important;}
	.history ul li:nth-child(2n) {padding-right:0 !important;}
	.history ul li:before {width: 80px;}
	.history ul li:nth-child(2n):after {left:-11px; right:auto;}
	.history ul li:nth-child(2n):before {right:auto; left: 0;}
}
@media all and (max-width: 475px) {
	.history ul li {padding-left:50px !important;}
	.history ul li:before {width: 40px;}
	.history ul li p {font-size: 1.3rem;}
	.history ul li h3 {text-align: left; font-size: 2rem; top:-5px;}
}