.view_wrap{padding:100px 0 50px; background:#fff;}
.view_wrap > .inner{position:relative;}
.bg_box{padding:50px 0 30px;}
.view_wrap .tit_box{position:relative; text-align:center; padding-bottom:30px; font-size:2rem; margin-bottom:20px;}
.view_wrap .tit_box:after{content:""; display:block; width:50px; height:3px; background:#0e61af; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.view_wrap .tit_box p{display:inline-block;}
.view_wrap .tit_box .year{ display:inline-block; padding:0 30px; height:35px; line-height:35px; background:#f4c036; color:#fff; border-radius:999px; margin-right:10px;}
.view_wrap .tit_box .num{color:#555;}
.view_wrap .tit_box .tit{font-size:3rem; margin-top:15px; color:#0e61af; }

.slider_box{width:100%; background:#f7f7f7; padding:50px 0;}
.slider-single .slick-slide{margin:0 20px;}
.slider-single .img_item{position:relative; text-align:center; margin:0;}
.slider-single .img_item:after{content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.6); position:absolute; top:0; left:0; transition:all 0.2s; -webkit-transition:all 0.2s;}
.slider-single .img_item img{display:inline-block; height:100%; }
.slider-single .slick-current.slick-slide{transform: scale(1);}
.slider-single .slick-current .img_item{transform: scale(1);}
.slider-single .slick-current .img_item:after{opacity:0;}
.copy_txt{text-align:center; margin-top:20px; font-size:1.6rem; padding:0 15px; word-break:keep-all;}
.copy_txt.pc{display:block;}
.copy_txt.mobile{display:none;}

.slider-nav{width:1200px; margin:0 auto; position:relative;  padding:20px 60px; box-sizing:border-box;}
.slider-nav .slick-slide { cursor: pointer;}
.slider-nav .nav_item{position: relative; height:70px; overflow:hidden; margin:0 15px; 	text-align: center;  box-sizing:border-box;}
.slider-nav .nav_item:before{content:""; display:block; width:2px; height:100px; background:rgba(255,255,255,0.7); position:absolute; top:0; left:-10px;}
.slider-nav .nav_item img{position: absolute;  top: 50%;  left: 0;  transform: translateY(-50%);  width: 100%;  vertical-align: middle; }
.slick-slide.is-active .nav_item {border:4px solid #f4c036; }

.slick-next, .slick-prev {position: absolute; display: block; line-height: 0; cursor: pointer; color: transparent; top: 50%; transform:translateY(-50%); padding: 0 10px; border: none; outline: 0; width:50px; height:50px; background: #0e61af;  z-index: 1; border-radius:999px;}
.slick-prev{left:15px;}
.slick-next{right:15px;}
.slick-prev:before{content:""; display:block; opacity:1; width:40px; height:40px; background:url(../../images/sub/his_arr_prev.png) no-repeat; background-size:40px auto; position:absolute; top:5px; left:3px; z-index:1;}
.slick-next:before{content:""; display:block; opacity:1; width:40px; height:40px; background:url(../../images/sub/his_arr_next.png) no-repeat; background-size:40px auto; position:absolute; top:5px; left:6px; z-index:1;}  
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ background:#0e61af;}

.slider-nav .slick-next, .slider-nav .slick-prev{width:30px; height:30px; background:#ccc;}
.slider-nav .slick-prev:before, .slider-nav .slick-next:before{width:25px; height:25px; background-size:25px auto; top:3px; left:0;}
.slider-nav .slick-next:before{left:3px;}
.slider-nav .slick-prev{left:20px;}
.slider-nav .slick-next{right:20px;}

.info_list {margin-top:50px;}
.info_list dl{position:relative; }
.info_list dt{position:absolute; top:20px; left:0; display:inline-block; height:38px; line-height:38px; vertical-align:middle; width:130px; text-align:center; background:#0e61af; color:#fff; font-size:1.8rem; border-radius:999px;}
.info_list dd{font-size:2rem; margin-left:180px; border-top:1px dashed #ccc; margin-top:20px; padding-top:20px; padding-left:20px;}
.info_list dl:first-child dt{top:0;}
.info_list dl:first-child dd{ margin-top:0; padding-top:0; border-top:0;}
.info_list dd li{margin-top:10px; font-size:1.8rem;}
.info_list dd li:first-child{margin-top:0;}
.info_list dd li a:hover{color:#0e61af;}
.info_list dd li i{display:inline-block; font-size:1.8rem; vertical-align:top;}


@media (max-width:1200px){
.slider-nav{width:100%;}
.info_list .inner{padding:0 15px; box-sizing:border-box;}
}

@media (max-width:1024px){
.view_wrap{padding-top:70px;}
.slider-single .img_item img{display:inline-block; height:auto; width:100%; }
}

@media (max-width:768px){
.bg_box{padding:30px 0 0px;}
.view_wrap{padding-bottom:30px;}
.view_wrap .tit_box{padding-bottom:15px; margin-bottom:0px;}
.view_wrap .tit_box .year{height:30px; line-height:33px;}
.view_wrap .tit_box .tit{font-size:2.3rem; padding:0 15px; box-sizing:border-box; word-break:keep-all;}
.slider-nav .nav_item{height:40px; margin:0 5px;}
.slider-nav .slick-prev:before, .slider-nav .slick-next:before{top:5px; left:3px; width:20px; height:20px; background-size:20px auto;}
.slider-nav .slick-next:before{left:6px;}
.slick-slide.is-active .nav_item{border-width:3px;}
.slider_box{padding:0; height:250px;}
.slider-single .slick-slide{margin:0;}
.slider-single .img_item{position:relative; height:250px; overflow:hidden;}
.slider-single .img_item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; width:auto; }
.slick-next, .slick-prev{width:35px; height:35px; }
.slick-prev:before, .slick-next:before{width:35px; height:35px; background-size:30px auto; top:2px; left:4px;}
.slick-prev:before{left:0px;}

.info_list{margin-top:30px;}
.info_list dt{position:static; top:auto; left:auto; margin-bottom:10px; width:auto; padding:0 20px; height:30px; line-height:32px; font-size:1.6rem;}
.info_list dd{padding:0; margin:0; border-top:0; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc; font-size:1.8rem; padding-left:10px;}
.info_list dd li a{word-break:break-all;}
.info_list dl:last-child dd{border-bottom:0; padding-bottom:0; margin-bottom:0;}

.copy_txt.pc{display:none;}
.copy_txt.mobile{display:block;}
}

@media (max-width:420px){
/*.slider-single .img_item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:auto; width:auto;}*/
}















