@media screen and (max-width:414px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

    #contents{
        width: 100% !important;
        margin: auto !important;
        padding: 0 20px 0 20px !important;
    }
    #news-title{
        border-style: solid;
        border-width: 0px; 
        text-align:left; 
        width:100%; 
        margin: 0 auto 20px auto;
    
    }
    #news-area{
        border-style: solid; 
        border-width: 1px; 
        text-align:left; 
        width:100%; 
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }
  .banner .box{
    width: 100%!important;
  }
  .container{
    padding: 0!important;
  }
  .m_lr10{
      margin:0!important;
  }
  .m_lr10 div{
    padding:0!important;
}
.school-img{
    margin-bottom: 30px!important;
}
.b-box01{
    color: #212121!important;
}

 #qualification{
     padding: 0;
     margin: 0;
 }
 .message_txt{
    color: #fff;
}
 .message_txt m_b30{
     color: #fff;
 }
 .f_s11{
    font-size: 16px!important;
 }

}

@media screen and (min-width:415px) { 
#news-title{
    border-style: solid;
    border-width: 0px; 
    text-align:left; width:80%; 
    margin: 0 auto;
}
#news-area{
    border-style: solid; 
    border-width: 1px; 
    text-align:left; 
    width:80%; 
    margin: 0 auto;
}

    
}
@media screen and (min-width:768px) { 
    #news-title{
        border-style: solid;
        border-width: 0px; 
        text-align:left; width:80%; 
        margin: 0 auto;
    }
    #news-area{
        border-style: solid; 
        border-width: 1px; 
        text-align:left; 
        width:80%; 
        margin: 0 auto;
    }
    
        
    }
    @media screen and (min-width:1025px) { 
        #news-title{
            border-style: solid;
            border-width: 0px; 
            text-align:left; width:80%; 
            margin: 0 auto;
        }
        #news-area{
            border-style: solid; 
            border-width: 1px; 
            text-align:left; 
            width:80%; 
            margin: 0 auto;
        }
        
            
        }