@import url('./common.css');

#training {
 .content{
.mote{
   width: calc(330 / 768 * 100%);
   margin: 0 auto;
   display: table;
   @media screen and (min-width: 769px) {
 width: calc(330 / 1440 * 100%);
   }
  }
  .lead{
   margin-bottom: calc(50 / 1440 * 100%);
  }
  .list-training{
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap: 2rem;
   @media screen and (min-width: 769px) {
    grid-template-columns:30% 70%;
   }
   li{
    img{
     width:calc(475 / 768 * 100%);
     margin: 1.5rem auto;
     display: table;
     @media screen and (min-width: 769px) {
  width: 100%;
   margin: 0 auto;
   display: inline-block;
     }
    }
   }
  }
 }
          }