@charset "utf-8";

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  
  /***** margin 
  ***********************************************/

  /***** padding 
  ***********************************************/

  /***** header 
  ***********************************************/

  /***** footer 
  ***********************************************/

  /***** contents 
  ***********************************************/
    
  /* 20221207~ 追記 */
  .detail-box {
    padding: 0 20px;
  }

  .lesson-txt-area {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
  }
  
  .page-body .detail-box .flx .img {
    margin: 50px 0 auto;
    width: 100%;
  }
  
  .more-btn a {
    width: 290px;
    margin: 20px auto;
  }
  
  .flex-movie-wrapper {
    display: block;
  }
  
  .flex-movie-wrapper .img {
    margin: 50px auto;
    width: 100%;
  }
  
  .movie-modal img {
    display: block;
    margin: 0 auto;
  }
  
  .modal-video {
    background-color: rgba(0,0,0,0.9);
  }

}