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

#academicjournal {
  .about{
   .list{

      margin-bottom: calc(50 / 1440 * 100%);
      @media screen and (min-width: 769px) {
    display:flex;
    flex-direction: row-reverse;
      gap: 2.5rem;
            align-items: stretch;
      }
      li{
          font-size: clamp(14px, 0.19vw + 13.3px, 16px);
          font-weight: 400;
          line-height: 1.8;
          @media screen and (min-width: 769px) {
            width: 50%;
          }
        &.img-list{
         text-align: center;
         img{
          width: 100%;
          height: auto;
          object-fit: cover;
             border-radius: 1.5rem;
         }
      
        }
      }
   }
   
   .text{
    font-size: clamp(14px, 0.19vw + 13.3px, 16px);
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: calc(50 / 1440 * 100%);
   }
   .img{
      width: 100%;
      margin-bottom: calc(50 / 1440 * 100%);
      max-width: 100%;
      border-radius: 1.5rem;
      
   }
   .img-auto{
        width:calc:100%;
        max-width: 700px;
        @media screen and (min-width: 769px) {
          width:calc(100% - 30%);
          max-width: 700px;
        }
      }
   .table-basic{
    margin-bottom: calc(50 / 1440 * 100%);
   }
   .list-number{
    margin-bottom: calc(50 / 1440 * 100%);
     .number{
     padding-left: 1.5rem;
     margin: calc(15 / 1440 * 100%) 0;
     @media screen and (min-width: 769px) {
      padding-left: 5rem;
     }
    }
    .item{
     margin-bottom: calc(30 / 1440 * 100%);
     padding-bottom: calc(30 / 1440 * 100%);
     border-bottom: 1px solid var(--base);
     
     h3{
      font-size: clamp(16px, 0.51vw + 14.09px, 20px);
      font-weight: 700;
      margin-bottom: calc(10 / 1440 * 100%);
     }
     .price{
      font-size:clamp(16px, 0.38vw + 14.59px, 20px);
      font-weight: 700;
      margin-bottom: calc(10 / 1440 * 100%);
      color: var(--red);
     }
     .line{
       margin-bottom: calc(30 / 1440 * 100%);
     padding-bottom: calc(30 / 1440 * 100%);
      border-bottom: 1px solid var(--base);
     }
    }
   }
   .list-point{
    margin: calc(50 / 1440 * 100%) 0;
    li{
    padding: 2rem;
    background-color:#B4FEFB;
    margin-bottom: .1rem;
    border-radius: 1rem;
    color: #136563;
    font-weight: 700;
   }
  }
  

  }
}