@charset "utf-8";

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

}
@media screen and (max-width: 1023px) {
    /* 非表示 */
    .pc-size,.headerspace,.pc{
        display: none;
    }
    /* 共通項目 */
    .img-rogo > a{
        margin: 10px;
        height: auto;
        width: 150px;
    }
    .top_icon{
        bottom: 15%;
    }
    /* ヘッダー */
    .pageTop-img{
        background-image:url(../img/背景/flair_child_header_00_sp.png) ;
        background-position: center 0;
        background-size: auto 30px;
        background-repeat: repeat-x ;
        padding: 20px;
    }
    
    .join-icon{
        position: absolute;

    }


    /* フッター */
    .footer-img{
        background-image:url(../img/背景/flair_child_footter_sp.png) ;
        background-position: center 0;
        background-size: 1280px auto;
        background-repeat: repeat-x ;
    }
    .header-contents{
        width: 20%;
    }
    /* お知らせ関連 */
  
     
    .news-content{
        width: 86%;
       
        font-size: 12px;
      
    }
    .news-element div{
        margin: 2%;
    }
    .news-element{
     
        height: auto;
    }
    .news-element  a{
        padding: auto;
        height: 35px;
        width: auto;
    }
    .news-DateTitle{
        width: 100%;
        min-width: 80%;

    }
    .news-date{
        width: 30%;
    }
    .news-title{
        text-align: left;
        overflow: hidden;
        width: 70%;
    }
    .news-title > div{
        margin: 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .new-icon{
       
    }
    .news-click{
   
    }

    .allnews-frame a{
        justify-content: center;
        margin: 20px;
     
    }
    
    .home-botton{
        margin: 30px 10px;
    }


   
}