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

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { background:#FFF; border-top:none;}
#base { width:auto; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}



/*====================================================================================================
  HEADER
====================================================================================================*/

#header {}

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content {}

 

/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { clear:both; padding: 30px 0 0; width:100%; color: #FFF; background:#005BAC; box-sizing: border-box;}
#footer::after { display:block; clear:both; content:"";}
#footer a{ color: #FFF; text-decoration: none;}
#footer a:hover{}

#footer .f_navi_all{ padding: 0 20px;}
    
#footer .f_navi_all .f_nav ul.fnav{ display: none!important;}
#footer .f_navi_all .f_nav ul.login{ display: block; padding: 0 2%; width: 100%;}
#footer .f_navi_all .f_nav ul.login li{ width: 48%;}
#footer .f_navi_all .f_nav ul.login li:nth-child(1){ float: right;}
#footer .f_navi_all .f_nav ul.login li:nth-child(2){ float: left; padding-left: 0; text-align: center;}
#footer .f_navi_all .f_nav ul.login li:nth-child(2) a{ background: none;}
#footer .f_navi_all .f_nav ul.login li:nth-child(2) a:after {
    display: inline-block;
    margin-left: 10px;
    content: '';
    width: 20px;
    height: 13px;
    background: url("../image/youtube.png") no-repeat right center;
}
    
#footer .f_navi_all .ac_read{ padding: 20px 0; text-align: center;}
#footer .f_navi_all .ac_read img{ margin: 0 0 10px; float: none;}
#footer .f_navi_all .ac_read p{ overflow-y: hidden; text-align: left;}
    
#footer .f_navi_all .copy { margin-top: 15px; padding-bottom:15px; min-height: 90px; overflow-y: hidden;}
#footer .f_navi_all .copy p{ float: left; margin: 10px 2% 10px 0; width: 48%;}
#footer .f_navi_all .copy p:nth-child(2){ margin-right: 0%!important;}
#footer .f_navi_all .copy p+p+p{ margin-right: 0%;}
#footer .f_navi_all .copy p:last-child{
    clear: both;
    float: none;
    margin: 25px 0 0 0;
    padding: 10px 0 45px 0;
    width: 100%;
    height: auto;
    text-align: center;
    background: url("../image/logo_mark.svg") no-repeat bottom center;
}
   
/*====================================================================================================
  PAGE
====================================================================================================*/

#page,
#page a { display:block; width:40px; height:40px;}
#page { position: fixed; bottom:50px; right: 20px; z-index: 99;}

    
/*====================================================================================================
  SLIDER
====================================================================================================*/
    
#slider { position: static;}
#slider .slick-slide { }
#slider .slick-slide .caption {
    position: static;
    padding: 20px;
    max-width: 100%;
    left: 0;
    bottom:0;
    opacity: 1;
    transition: .0s ease;
    z-index: 0;
}
#slider .slick-slide .caption:before{display: none;}

#slider .slick-slide .caption b.title{ line-height: 1.5em}
#slider .slick-slide .caption b + b{ font-weight: normal;}

/*====================================================================================================
  TOP PAGE
====================================================================================================*/
#toppage{ padding: 0 20px;} 
#toppage .main_cnt{ float: none; width: 100%;}
#toppage .main_cnt .box{ float: none; width: 100%!important;}
#toppage .main_cnt .box{ margin: 0!important;}
    
#tp_bk{ border: none;}
    
/*** 緊急告知エリア  *******************************************************************/
    
.a_area,
.a_area2{ /*display: none;*/ }
    

/*** --- *******************************************************************/

#cnt_area{ max-width: 1450px; width: 100%; }

#toppage .slide_bana{
    float: none;
    width: 100%;
    margin-left: 0;
    position: static;
    top:0;
    width:calc(100% - 0px);
    border: none;
}
#toppage .slide_bana img{ width: 100%;}
#toppage .slide_bana .slick-dots { bottom: -30px; width: 100%; text-align: center; border-left: none;}

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

#toppage .main_cnt{ float: none; margin-top: 21px; width: 100%;}
#toppage .main_cnt .box{ float: none; margin: 0!important; padding-bottom: 30px; width: 100%!important;}
#toppage .main_cnt .box a:hover{ background: none;}

#toppage .main_cnt .box ul li{ }
#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){ border-top: 2px solid #004BB1; border-bottom: 2px solid #004BB1; vertical-align:middle; text-align: center;}

#toppage .main_cnt .box .set{ margin: 10px 0; color: #666;}

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

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

ul.resp-tabs-list{ padding: 5px 0!important;}
    
#news{ margin: auto; padding: 40px 20px 95px; width: 100%; box-sizing: border-box;}
#news .news_bk{ margin: auto; max-width: 100%;}

#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: 50%;}/*33.3%*/
ul.resp-tabs-list li+li {
    border-bottom: 1px solid #fff;
}

#news .news_bk #news_tab { margin: auto !important;}
#news .news_bk .news_box { padding: 0; overflow: auto;}
#news .news_bk .news_box ul { margin: auto; padding: 10px 0;}
#news .news_bk .news_box ul li { float: none;}
#news .news_bk .news_box ul li:nth-child(1) { display:inline-block; width: 120px; }
#news .news_bk .news_box ul li:nth-child(2) { display:inline-block; width: 130px; text-align: center;}
#news .news_bk .news_box ul li:nth-child(3) { width: 100%; padding-left: 0;}

/* LOAD NEWS */
#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 .news_bk .news_04 ul.cate_04 { display: block;}


}

@media only screen and (max-width:375px){
    #footer .f_navi_all .copy { font-size: 80%; }
    #footer .f_navi_all .f_nav ul.login li:nth-child(2){ float: left; text-align: center; padding-left: 0;}

 }