section.top {
  max-width: 700px;
  width: 90%;
  margin: 0 auto 120px; }
  @media screen and (max-width: 768px) {
    section.top {
      margin: 0 auto 34px; } }
  section.top p {
    line-height: 2; }
    @media screen and (max-width: 768px) {
      section.top p {
        line-height: 1.6; } }

.lecturersWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 80%;
  margin: 0 auto; }
  @media screen and (max-width: 550px) {
    .lecturersWrap {
      width: 90%; } }
  .lecturersWrap section {
    width: 100%;
    margin-bottom: 90px; }
    @media screen and (max-width: 768px) {
      .lecturersWrap section {
        margin-bottom: 58px; } }
    .lecturersWrap section h2 {
      display: flex;
      justify-content: center;
      width: max-content;
      margin: 0 auto 50px;
      padding-bottom: 22px;
      text-align: center;
      font-size: 30px;
      font-weight: bold;
      position: relative; }
      @media screen and (max-width: 768px) {
        .lecturersWrap section h2 {
          margin: 0 auto 28px;
          padding-bottom: 15px;
          font-size: 20px; } }
      .lecturersWrap section h2::after {
        content: '';
        width: 100%;
        height: 10px;
        background-color: #000;
        position: absolute;
        left: 0;
        bottom: 0px; }
        @media screen and (max-width: 768px) {
          .lecturersWrap section h2::after {
            height: 8px;
            left: 0; } }
    .lecturersWrap section .cntWrap {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 60px 40px; }
      @media screen and (max-width: 768px) {
        .lecturersWrap section .cntWrap {
          justify-content: space-between;
          gap: 26px 0; } }
      @media screen and (max-width: 550px) {
        .lecturersWrap section .cntWrap .cntBox .pic {
          margin-bottom: 12px; } }
      .lecturersWrap section .cntWrap .cntBox dl {
        max-width: 180px;
        width: 100%; }
        @media screen and (max-width: 550px) {
          .lecturersWrap section .cntWrap .cntBox dl {
            max-width: 100%; } }
        .lecturersWrap section .cntWrap .cntBox dl dt {
          margin-bottom: 15px;
          font-size: 18px; }
          @media screen and (max-width: 768px) {
            .lecturersWrap section .cntWrap .cntBox dl dt {
              margin-bottom: 10px;
              font-size: 16px; } }
          .lecturersWrap section .cntWrap .cntBox dl dt::after {
            content: '';
            display: block;
            width: 100%;
            height: 4px;
            margin-top: 10px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQImWNgYGBgkJSU/M+AwkAGkpKS/wFHhQPfkIL9TgAAAABJRU5ErkJggg==) repeat; }
            @media screen and (max-width: 768px) {
              .lecturersWrap section .cntWrap .cntBox dl dt::after {
                margin-top: 8px; } }
          .lecturersWrap section .cntWrap .cntBox dl dt span {
            font-size: 14px; }
        .lecturersWrap section .cntWrap .cntBox dl dd p {
          line-height: 1.8;
          font-size: 12px; }
          .lecturersWrap section .cntWrap .cntBox dl dd p.ttl {
            margin-bottom: 10px;
            font-size: 16px; }
          .lecturersWrap section .cntWrap .cntBox dl dd p i {
            color: #04a554; }
    .lecturersWrap section.representative .cntWrap {
      justify-content: space-between;
      gap: 34px 0; }
      .lecturersWrap section.representative .cntWrap .cntBox {
        display: flex;
        justify-content: center;
        align-items: flex-start; }
        @media screen and (max-width: 768px) {
          .lecturersWrap section.representative .cntWrap .cntBox {
            width: 100%; } }
        @media screen and (min-width: 769px) {
          .lecturersWrap section.representative .cntWrap .cntBox:nth-of-type(2) {
            width: 480px; } }
        @media screen and (max-width: 768px) {
          .lecturersWrap section.representative .cntWrap .cntBox:nth-of-type(2) {
            margin-top: 26px; } }
        .lecturersWrap section.representative .cntWrap .cntBox .pic {
          width: 270px;
          position: relative;
          margin-right: 20px; }
          @media screen and (max-width: 550px) {
            .lecturersWrap section.representative .cntWrap .cntBox .pic {
              width: 120px;
              margin-right: 15px; } }
          .lecturersWrap section.representative .cntWrap .cntBox .pic::after {
            content: '';
            width: 100%;
            height: 100%;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWOQlJT8z0AUwKkSAHBMApV+YY+jAAAAAElFTkSuQmCC) repeat;
            position: absolute;
            right: -10px;
            bottom: -10px;
            z-index: -1; }
            @media screen and (max-width: 550px) {
              .lecturersWrap section.representative .cntWrap .cntBox .pic::after {
                right: -5px;
                bottom: -5px; } }
        .lecturersWrap section.representative .cntWrap .cntBox dl {
          max-width: 210px;
          width: calc(100% - 290px); }
          @media screen and (max-width: 550px) {
            .lecturersWrap section.representative .cntWrap .cntBox dl {
              width: calc(100% - 135px); } }
    .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox {
      width: 220px; }
      @media screen and (max-width: 768px) {
        .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox {
          max-width: 340px;
          width: 45%; } }
      @media screen and (max-width: 550px) {
        .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          max-width: 100%;
          width: 100%; } }
      .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox .pic {
        margin-bottom: 5px; }
        @media screen and (max-width: 768px) {
          .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox .pic {
            padding: 0 5%;
            text-align: center; } }
        @media screen and (max-width: 550px) {
          .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox .pic {
            width: 100px;
            padding: 0; } }
      .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox dl {
        max-width: 100%; }
        @media screen and (max-width: 550px) {
          .lecturersWrap section:not(.lecturersWrap section.representative) .cntWrap .cntBox dl {
            width: calc(100% - 115px); } }

/*# sourceMappingURL=style-lecturers.css.map */