/*====================================================================================================
  COUNTENTS AREA
====================================================================================================*/

#content{ overflow: hidden;}

/*====================================================================================================
  SLIDER AREA
====================================================================================================*/

#slider{ width: 100%;}
#slider{ margin:0 auto 0; width:100%; position: relative;}
#slider img{ width: 100%; height: auto;}

#slider .slick-slide {
    position: relative;
    overflow: visible;
}
#slider .slick-list{ overflow: visible;}
#slider .slick-slide .caption {
    position: absolute;
    padding: 50px 30px 50px 90px;
    width: 680px;
    color: #004BB1;
    left: 0;
    font-size:87.5%;
    bottom: -5px;
    opacity: 0;
    transition: .8s ease;
    background: linear-gradient(to bottom, rgba(255,255,255,0.20), #fff 90%);
    z-index: 999;

}
#slider .slick-slide .caption:before{
    position: absolute;
    content: '';
    width: 92px;
    height: 978px;
    left: 0;
    top:-35px;
    background: url("../image/s_area01.svg") no-repeat left top;
    z-index: 999;
}
#slider .slick-slide .caption b.title{ display: inline-block; font-weight: normal; margin-bottom: 15px; font-size: 187.5%; line-height: 1.3em;}
#slider .slick-slide .caption b + b{ font-weight: normal;}

#slider .slick-current .caption {
  opacity: 1;
  transition-delay: .5s;
}


/*====================================================================================================
  TOPPAGE
====================================================================================================*/

#tp_bk{ border-left:5px solid #005ECA;}

#toppage {
    margin: auto;
    padding: 0 60px 0 90px;
    max-width: 1600px;
    box-sizing: border-box;
}


/*** 邱頑€･蜻顔衍繧ｨ繝ｪ繧｢  *******************************************************************/

.a_area,
.a_area2{
    /*display: none;
    overflow: hidden;*/
    margin-bottom: 40px;
    padding: 25px;
    max-width: 100%;
    color: #CC0000;
    border: 4px solid #DADFE6;
    box-sizing: border-box;
}

/*** 邱頑€･蜻顔衍繧ｨ繝ｪ繧｢  *******************************************************************/


#cnt_area{ max-width: 1450px; width: 100%; }
#cnt_area::after { /*float_clear*/ display:block; clear:both; content:"";}

#toppage .slide_bana{
    float: right;
    margin-left: 60px;
    position: relative;
    top:-35px;
    width:30.3%;
    width:calc(30.3% - 60px);
    border-top: 5px solid #CCE4FF;
    border-bottom: 5px solid #004BB1;
    z-index: 1;
}
#toppage .slide_bana img{ width: 100%;}

#toppage .slide_bana ul{}
#toppage .slide_bana ul li{ margin-bottom: 15px;}

#toppage .main_cnt{ float: left; margin-top: 41px; width:69.65%;}
#toppage .main_cnt img{ width: 130px;}

#toppage .main_cnt .box{ margin-bottom: 55px; float: left;}
#toppage .main_cnt .box:nth-child(even){  width:47.5%;}
#toppage .main_cnt .box:nth-child(odd){ margin-left: 50px; width:52.4%; width:calc(52.4% - 50px);}

#toppage .main_cnt .box a{ display: block; text-decoration: none;}
#toppage .main_cnt .box a:hover{ color: #005FCC; background: #E6EEFA;}
#toppage .main_cnt .box a:active{ color: #0073F7;}
#toppage .main_cnt .box img{ max-width: 130px; width: 100%;}

#toppage .main_cnt .box ul{ width: 100%; display:table; }
#toppage .main_cnt .box ul li{ display: table-cell; color: #004BB1; }
#toppage .main_cnt .box ul li:nth-child(1){ width: 150px; border-right:rgba(255,255,255,0.00) solid 20px;}
#toppage .main_cnt .box ul li:nth-child(2){ font-size: 125%; border-top: 2px solid #004BB1; border-bottom: 2px solid #004BB1; vertical-align:middle; text-align: center; font-weight:bold;}

#toppage .main_cnt .box .set{ margin: 10px 0; color: #666; font-size:87.5%;}

#toppage .main_cnt .box .link{ text-align: right; font-size:87.5%;}
#toppage .main_cnt .box .link span{ display: inline-block; margin-bottom: 5px; color: #005FCC; border-bottom: 2px solid #004BB1;}


/*====================================================================================================
  NEWS AREA
====================================================================================================*/

#news{ margin: auto; padding: 40px 0 95px; width: 100%; background:rgba(184,205,230,0.15);}
#news h2{ margin-bottom: 32px; color: #004BB1; text-align: center;}
#news .news_bk{ margin: auto; max-width: 780px;}

#news .news_bk .resp-tabs-list{
    text-align: center;
    overflow-y: hidden;
    border-top: 1px solid #004BB1;
    border-bottom: 1px solid #004BB1; 
}
#news .news_bk .resp-tabs-list li{ float: left; width: 33.3%;}

#news .news_bk #news_tab { margin: auto !important;}
#news .news_bk .news_box { padding: 20px 32px; overflow: auto;}
#news .news_bk .news_box ul { margin: auto; padding: 10px 0;}
#news .news_bk .news_box ul::after { display:block; clear:both; content:"";}
#news .news_bk .news_box ul li { float: left;}
#news .news_bk .news_box ul li:nth-child(1) { width: 15%; color: #666; }
#news .news_bk .news_box ul li:nth-child(2) { width: 15%; text-align: center;}
#news .news_bk .news_box ul.cate_01 li:nth-child(2) { color: #296635; background: #FFF; border: 1px solid #296635;}
#news .news_bk .news_box ul.cate_02 li:nth-child(2) { color: #335780; background: #FFF; border: 1px solid #335780;}
#news .news_bk .news_box ul.cate_03 li:nth-child(2) { color: #803333; background: #FFF; border: 1px solid #803333;}
#news .news_bk .news_box ul li:nth-child(3) { width: 70%; padding-left: 20px;}
#news .news_bk .news_box ul li:nth-child(3) a{ text-decoration: none; color: #333;}

#news .news_bk .news_box { height: 280px; overflow-y: auto;}
#news .news_bk .news_box ul { display: none;}
#news .news_bk .news_all ul { display: block;}
#news .news_bk .news_01 ul.cate_01 { display: block;}
#news .news_bk .news_02 ul.cate_02 { display: block;}
#news .news_bk .news_03 ul.cate_03 { display: block;}



#news .b_more { text-align: right;}
#news .b_more a { color: #005FCC;}