.tit {display: flex;gap: 40px;align-items: center;position: relative;margin: 0 0 40px;}
.tit .h5-tit01 {position: relative;}
.tit .h5-tit01 + .h5-tit01:before{display: none;}
.tit .h5-tit01:before {content: "";position: absolute;width: 1px;height: 16px;top: 50%;right : -20px;transform: translatey(-50%);background: #000000;}


.list-item .item {padding: 64px 0;border-bottom: 1px solid #CCCCCC;display: block;gap: 30px 100px;}
.list-item .item:last-child {flex-direction: column;border-bottom: 0;padding-bottom: 0;}
.list-item .item .left {width: 200px;}
.list-item .item .left p {color: #111111;font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;}
.list-item .item .right {flex: 1;}

.semester-flow {display: flex;position: relative;margin: 0;}
.semester-flow > div {width: 100%;}
.semester-flow > div img {width: 100%;height: 100%;object-fit: cover;}

@media (max-width: 1024px) {
	
	.tit {margin: 0 0 20px;}
	.list-item .item {padding: 32px 0;}
}

@media (max-width: 768px) {
	.semester-flow {flex-direction: column;margin: 0 auto 0;gap: 25px;}
	.list-item .item:nth-child(3) .tit{flex-direction: column;gap: 10px;align-items: flex-start;}
	.list-item .item:nth-child(3) .tit .h5-tit01:before {display: none;}
}