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

#seminar1 {
 .doc{
  .inner_md{
    @media screen and (min-width: 1001px) {
   display: grid;
   grid-template-columns:65% 35%;
   }
   .title {
    margin: 0 0 calc(50 / 1440 * 100%);
    padding-top: 0;
    text-align: center;
  
    @media screen and (min-width: 769px) {
      text-align: left;
        padding-left: 0;
    }
                &:after {
                    content: "";
                    display: block;
                    width: 80px;
                    height: 4px;
                    background-color: var(--base);
                       margin: 1.5rem auto 0;
                    @media screen and (min-width: 769px) {
                      margin: 1.5rem 0 0;
                    }
                 
                }
               }
               .title-sidebar{
                text-align: center;
                @media screen and (min-width: 769px) {
                  text-align: left;
                }
                &:after {
                  content: "";
                  display: block;
                  width: 80px;
                  height: 2px;
                  background-color: var(--base);
                  margin: 1.5rem auto 0;
                  @media screen and (min-width: 769px) {
                    margin: 1.5rem 0 0;
                  }
                }
               }
               .title-disc{
                margin-bottom: calc(50 / 1440 * 100%);
               }
               .entry{
                @media screen and (min-width: 769px) {
                  padding-right: calc(100 / 1440 * 100%);
                }
                .pickup{
                  border: 1px solid var(--red);
                  padding: 2rem;
                  border-radius: 1rem;
                  margin-bottom: calc(100 / 1440 * 100%);
                  color: var(--red);
                  text-align: center;
                  font-size: clamp(14px, 0.19vw + 13.3px, 16px);
                  font-weight: 700;
                  line-height: 1.8;
                }
               }
               .sidebar{
                .list{
                 margin-top: calc(100 / 1440 * 100%);
                 li{
                     margin-bottom: calc(30 / 1440 * 100%);
                  a{
                    font-size: clamp(14px, 0.19vw + 13.3px, 16px);
                    font-weight: 400;
                    line-height: 1.8;
                    color: var(--black);
                    &:before{
                      content:url('/wp-content/themes/ecu_office/assets/img/seminar/icon-arrow--sidebar.svg');
                      margin-right:.5rem;
                    }
                 
                  }
                 }
                }
                .button{
                 margin-top: calc(100 / 1440 * 100%);
                 a{
                  display: inline-block;
                  width: 100%;
                  padding: 2rem;
                  border-radius: .5rem;
                  background-color:var(--white);
                  color:  var(--base-dark);
                  border: 3px solid var(--base-dark);
                  text-decoration: none;
                  margin-bottom: calc(60 / 1440 * 100%);
                   &:before{
                      content:url('/wp-content/themes/ecu_office/assets/img/seminar/icon-arrow--button.svg');
                      margin-right:.5rem;
                    }
                }
               }
              }
             }
            }
          }