@charset "utf-8";

.page245 .tabDep4{display:none;}

.hist_menu{margin-bottom:7rem;display:flex;align-items:center;}

.hist_menu button{display:block !important;width:4rem;height:4rem;text-indent:-9999px;font-size:0;opacity:0.5;transition:0.3s;}
.hist_menu button:hover{opacity:1;}
.hist_menu button.prev{background:url('../images/prev.png') no-repeat left center;}
.hist_menu button.next{background:url('../images/next.png') no-repeat right center;}
.hist_menu .hist-menu-list{width:calc(100% - 10rem);}
.hist_menu .hist-line{display:none;}

.hist_menu .hist-menu-list-boxs a{display:flex;align-items:center;justify-content:center;border-right:1px solid #CCC;}
.hist_menu .slick-slide:last-child a{border-right:none;}
.hist_menu .hist-menu-list-boxs a span{font-size:2.5rem;font-family:"paper-b";color:#979797;line-height:1.2;}
.hist_menu .hist-menu-list-boxs a span::after{width:100%;height:0.5rem;margin-top:1.3rem;background:transparent;content:"";display:block;transition:0.3s;}
.hist_menu .hist-menu-list-boxs a.on span,
.hist_menu .hist-menu-list-boxs a:hover span{color:#1f96e3;}
.hist_menu .hist-menu-list-boxs a.on span::after,
.hist_menu .hist-menu-list-boxs a:hover span::after{background:#f1a327;}

.hist-menu-list-box .slick-track{display:flex;align-items:center;}
.hist-menu-list-box .slick-slide{float:none !important;}

.hist_inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.hist_inner .thumYear{width: 42.7%;}
.hist_inner .thumYear p{font-size:1.7rem;letter-spacing: .025em; margin-top:2rem; padding-left:16rem;line-height:1.5;}
.hist_inner .hist_list{width: 57.3%; padding-left:3rem; position: relative;}
.hist_inner .hist_list::before{content:""; display: block; position: absolute; left: 1.2rem; top: 3rem; width:0.1rem; height: 100%; background-color: #d8d8d8;}
.hist_inner .hist_list .box{margin-bottom: 5.7rem;}
.hist_inner .hist_list .box:last-child{margin-bottom: 0;}
.hist_inner .hist_list .year{position: relative; margin-bottom: 0.4rem;}
.hist_inner .hist_list .year::before{content:""; display: block; position: absolute; left:-2.5rem; top:2rem; width: 1.5rem; height: 1.5rem; background-color: #00a5e3; border-radius: 100%;border:4px solid #c9eaf8;}
.hist_inner .hist_list .year h1{font-size:2.6rem; color: #111111;font-family: "paper-eb";} 
.hist_inner .hist_list .box-content{display: flex; flex-wrap: wrap; margin-bottom:1rem;}
.hist_inner .hist_list .box-content:last-child{margin-bottom: 0;}
.hist_inner .hist_list .box-content h2{font-size:1.6rem; color: #1f96e3; font-family: "paper-sb"; width:6rem;}
.hist_inner .hist_list .box-content ul{width: calc(100% - 6rem);}
.hist_inner .hist_list .box-content li{font-size:1.8rem; color: #333;margin-bottom: 0.6rem;}
.hist_inner .hist_list .box-content li:last-child{margin-bottom: 0;}
.hist_inner .hist_list .nodate{text-align: center; font-family: "paper-r"; font-size: 1.6rem; padding: 15px 0;}

@media screen and (max-width: 1200px) {
    .hist_inner{margin-bottom: 7.8rem;}
}
@media screen and (max-width: 768px) {
	.hist_menu .hist-menu-list-boxs{border-left:0;}

    .hist_inner{margin-bottom: 7.8rem;}
    .hist_inner{flex-direction: column; margin-top: 5rem;}
    .hist_inner .thumYear{width: 100%; margin-bottom: 3rem;}
    .hist_inner .thumYear p{padding:0 0 0 2.5rem;font-size:1.4rem;}
    .hist_inner .thumYear p br{display:none;}
    .hist_inner .hist_list{width: 100%;}

	.hist_inner .hist_list .box-content h2{line-height:1.5;}
	.hist_inner .hist_list .box-content li{font-size:1.6rem;line-height:1.5;background-position:left top 8px;}
}
@media screen and (max-width: 480px) {
	.hist_menu .hist-menu-list-boxs a{border-right:0;}
}