@charset "utf-8";
/* CSS Document */
.main-wrap .cate_wrap .cate1{
	position: relative;
}
.main-wrap .cate_wrap .cate1::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background-color: #fff;
}
.main-wrap .cate_wrap .cate1 > div{
	position: relative;
	z-index: 3;
}
.main-wrap .cate_wrap .cate1 .itemwrap{
	padding: 10px 0;
	padding-left: 30px;
	border-left: 1px solid #15558A;
}
.main-wrap .cate_wrap .cate1 .itemwrap .item:not(:last-of-type){
	margin-bottom: 15px;
}
.main-wrap .cate_wrap .cate1 .itemwrap .item p{
	width: 60px;
}
.main-wrap .cate_wrap .cate1 .itemwrap .item h4{
	width: calc(100% - 60px);
}

.history_list .box{
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}
.history_list .box::before,.history_list .box::after{
	content: "";
	position: absolute;
}
.history_list .box::before{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #15558A;
	top: 50%;
	left: 130px;
	z-index: 2;
}
.history_list .box::after{
	width: 1px;
	height: 100%;
	background-color: #15558A;
	top: 0;
	left: 134px;
	transform: translateX(-50%);
	z-index: 1;
}
.history_list .box:last-of-type::after{
	top: auto;
	bottom: 50%;
}
.history_list .box:first-of-type::after{
	top: 50%;
}
.history_list .box .year_txt{
	width: 100px;
	padding-right: 10px;
}
.history_list .box .title{
	width: calc(100% - 100px);
	padding-left: 90px;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.history_list .box .year_txt{
		width: 80px;
	}
	.history_list .box .title{
		width: calc(100% - 80px);
		padding-left: 90px;
	}
	.history_list .box::before{
		left: 110px;
	}
	.history_list .box::after{
		left: 114px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.main-wrap .cate_wrap .cate1 .itemwrap{
		padding-left: 20px;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.main-wrap .cate_wrap .cate1::after{
		width: 100%;
		height: 30%;
	}
	.main-wrap .cate_wrap .cate1 .itemwrap{
		padding-left: 10px;
	}
	.main-wrap .cate_wrap .cate1 .itemwrap .item p{
		width: 55px;
	}
	.main-wrap .cate_wrap .cate1 .itemwrap .item h4{
		width: calc(100% - 55px);
	}
	 .history_list .box{
		position: relative;
		padding: 15px 0;
	}
	.history_list .box .year_txt{
		width: 60px;
	}
	.history_list .box .title{
		width: calc(100% - 60px);
		padding-left: 40px;
	}
	.history_list .box::before{
		width: 6px;
		height: 6px;
		left: 65px;
	}
	.history_list .box::after{
		left: 68px;
		transform: translateX(-50%);
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}

