/* タブレット向けレイアウト */

@media (max-width:1000px) {
    .lesson{
      width:50%;
      margin-bottom:50px;
    }

    .top-wrapper h1{
        font-size:32px;
    }

    .heading h2{
        font-size:20px;
    }
    
}

/* スマホ向けレイアウト */
@media (max-width: 670px) {
    .lesson{
      width:100%;
    }
    
    footer{
      text-align:center;
    }
    
    .top-wrapper{
        padding-top:130px;
    
    }

    .header-right{
        display:none;
    }
      
    .menu-icon{
        display:block;
    }

    .top-wrapper h1{
        font-size:24px;
    }

    .top-wrapper p{
        font-size:14px;
    }

}