@charset "UTF-8";

.history_box{
	position: relative;
	padding-left: 26px;
	padding-bottom: 40px;
}
.history_box p{line-height: 1.7;}
.history_box::before{
	content: "";
	width: 10px;
	height: 10px;
	background-color: #194375;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 14px;
}
.history_box::after{
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	top: 14px;
	left: 4.5px;
	
	background-color: #194375;
}
.history_box:last-of-type::after{
	content: none;	
}

.history_year{
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom: 2px solid #194375;
	padding-bottom: 8px;
	margin-bottom: 16px;
}
.history_tbl{
	font-size: 1.6rem;
	display: flex;
	flex-wrap: wrap;
}
.history_tbl dt{
	width: 4em;
    padding-right: 2em;
    white-space: nowrap;
    text-align: right;
}
.history_tbl dd{
	width: calc( 100% - 4em);
}


@media screen and (max-width: 768px){


	
	
	
	
	
}


/*pull down*/
.pulldown td{
	border: none;
}
.pulldown th{
	background:transparent;
	color:#194375;
	border: none;
	position:relative;
	cursor:pointer;
	transition:.3s;
}
.pulldown th:before{
	content:"";
	display:block;
	position: absolute;
	width:100%;
	height: 80%;
	left: 0;
	top:10%;
	border: 1px solid #194375;
	border-radius: 5px;
}
.pulldown th:after{
	content:"";
	display:block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	border:1px solid #194375;
	border-left: none;
	border-top :none;
	transform-origin: center;
	transform: rotate(45deg);
    margin-top: -6px;
}
.pulldown.active th:after{
	transform: rotate(-135deg);
    margin-top: -2px;
}
.pulldown th:hover{
	opacity: 0.6;
}
.pulldown_item th, .pulldown_item td{
	opacity: 0;
	transition:.3s;
	border-color: transparent;
}
.pulldown_item.active th, .pulldown_item.active td{
	opacity: 1;
}
.pulldown_item.active th{
	border-color: #FFF;
}
.pulldown_item.active td{
	border-color: #194375;
}
@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
	.table2{border-bottom:none;}
	.table2 td{
		border-bottom: 1px solid #194375;
	}
	.pulldown th{
		border-bottom: none;
	}
	.pulldown td{
		display:none;
	}
	.pulldown th:before{
		width: 50%;
	}
	.pulldown th:after{
    	right: 53%;
    	width: 2vw;
    	height: 2vw;
        margin-top: -1vw;
    }
}