/* CSS Document */
@media only screen and (max-width: 750px) {
   
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    
    .pc * {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

    
    #toics-sp{
        position: relative;
    }
    #renewal-news-sp{
        position: relative;
    }
    
/*    ナビゲーション*/
    .nav-area {
        padding: 15.9%;
    }
 
    /*メインロゴ*/
    .logo-pos01{
        width: 24.4%;
        top: 25%;
    }
    .logo-pos02{
        width: 100%;
        top: 3%;
    }

   
    
    /*リニューアルスケジュール*/
    .schedule-pos{
        width: 38.4%;
        position: absolute;
        top: 76%;
        right: 6%;
        z-index: 1;
    }

    /*トピック*/
    .topic-pos{
        width: 31.3%;
        bottom: -12%;
        left: 2%;
    }
    /*ハート型01*/
    .topic-pos01{
        width: 61.5%;
        top: 7%;
    }
    .topic-pos02{
        width: 25.6%;
        top: 1%;
        right: 7%;
    }
    .topic-pos03{
        width: 34.5%;
        top: 21%;
        left: 62%;
    }
    .topic-pos04{
        width: 44%;
        bottom: -4%;
        left: -1%;
    }
    /*スライダー*/
    .slider{
        position: absolute;

    }
    .slick-track {
  overflow: hidden !important;
}

.slick-slide {
  overflow: hidden !important;
}

    /*ハート型02*/
     .topic02-nav{
        top: 22%;
        width: 80%;
    }
    .topic-pos05{
        width: 61.5%;
        top: 4%;
    }
    .topic-pos06{
        width: 28.5%;
        top: 11%;
        right: 3%;
    }
    .topic-pos07{
        width: 26.5%;
        top: 29%;
        left: 1%;
    }
    .topic-pos08{
        width: 21%;
        bottom: 24.5%;
        right: 2.4%;

    }
    .topic-pos09{
        width: 60%;
        bottom: -5%;
        left: -5%;
        z-index: 1;
    }


    /*リニューアルニュース*/
    .news-pos{
        width: 38.5%;
        top: 42.9%;
        right: 0;
    }

    /*その他*/
    #other{
        position: relative;
    }
    .other-pos{
        top: 2%;
    }

    /*スライダー*/
    .slider-wrapper {
        top: 45%;
        width: 77%; 
        height: 40%;
    }
    .slick-list {
        height: 67%;
        border-radius: 20px;
    }
    .slick-dots {
        bottom: 26%;
    }
    .slick-dots li button:before {
        font-size: 11px;
    }
    .top-btn{
        right: 3%;
    }
    
    
    
    
    
    
    
    
    
}