/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) { 
    .article>div{
      background-size: 40%;
      background-position:top center;  
    }
    
    .sec-h{
      margin:10px 0 40px;
    }
    
    .point-box{
      height: auto;
    }
    
    .schedule-area--box{
      font-size: 16px;
    }
    

    .wrapper{
      width: 100%;
      box-shadow: none;
      border-right: none;
      border-left: none;
    }
    
    .balloon-talk{
      position: static;
      border-radius: 10px;
      margin: 10px 0 0 0;
      padding: 12px;
    }
    
    .balloon-talk--1:before,.balloon-talk--2:before{
      display:none;
    }
    
    .site-t2{
      font-size:25px;
     }
     
    .alpha_message p{
      font-size:16px;
      font-weight:400;
	}	

}
/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 1199px) {
}

/* Medium devices: Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .container{
      max-width: 900px;
     }
}

@media (min-width: 1200px) {
    .container{
      max-width: 900px;
     }
}

@media (max-width: 991px) {
   h1 .logo{
      max-width: 360px;
      }
   
   .site-t{
      font-size: 40px;
      }
   .sec-h2{
      font-size: 40px;
   }
 
     .tbl-area{
      display: block;
      width: 100%;
    }
    
    .tbl{
      margin: 10px 0 0 0;
    }    
    .cover-tbl{
      overflow-x:scroll;
    }
    td {
       min-width:90px;
       }
}

@media (max-width: 576px) {
   h1 .logo{
      max-width: 80%;
      }
   .site-t{
      font-size: 30px;
      }
   .sec-h2{
      font-size: 30px;
   }
}