@charset "UTF-8";
@media print, screen and (min-width: 768.1px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

:root {
  --font-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
  --font-jp: "FOT-Öþ×Ï¥´¥·¥Ã¥¯ Pro M", "FOT-Öþ×Ï¥´¥·¥Ã¥¯ Pro B", FOT-TsukuGo Pro, var(--font-default);
  --font-en: "din-2014", sans-serif;
  --black: #111111;
  --white: #f8f8f8;
  --gray: #a8a8a8;
  --red: #E7161A;
  --upwhite: #f9f9f9;
  --basewhite: #eaeaea;
  --concept-color: #CCF100;
  --main-color: var(--black);
  --nega-color: var(--white);
  --pale-color: var(--basewhite);
  --clear-color: rgba(249, 249, 249, 0.35);
  --vanish-color: rgba(249, 249, 249, 0.15);
  --text-color: var(--black);
  --bg-color: #ffffff;
}

body[data-page=top] {
  --main-color: var(--concept-color);
}

body[data-page=md] {
  --main-color: #E60025;
  --pale-color: rgba(230, 0, 37, 0.15);
  --bg-color: var(--upwhite);
}

body[data-page=ac] {
  --main-color: #397db1;
  --pale-color: rgba(57, 125, 177, 0.15);
}

body[data-page=gc] {
  --main-color: #6FBA2C;
  --pale-color: rgba(111, 186, 44, 0.15);
}

body[data-page=vv] {
  --main-color: #3C558A;
  --pale-color: rgba(60, 85, 138, 0.1);
  --bg-color: var(--upwhite);
}

body[data-page=gd] {
  --main-color: #6E6E6E;
  --pale-color: rgba(110, 110, 110, 0.15);
}

body[data-page=ia] {
  --main-color: #40A08B;
  --pale-color: rgba(64, 160, 139, 0.15);
}

body[data-page=fc] {
  --main-color: #FDCD00;
  --pale-color: rgba(228, 184, 44, 0.15);
  --text-color: var(--white);
  --nega-color: #111111;
  --bg-color: var(--black);
}

body[data-page=ai] {
  --main-color: #ED7100;
  --pale-color: rgba(237, 114, 0, 0.15);
}

@media print, screen and (min-width: 768.1px) {
  #kv h1 {
    padding-left: 210px;
  }
}
@media print, screen and (min-width: 768.1px) {
  #intro ul {
    margin-top: 104px;
  }
}
#feature {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #feature {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  #feature {
    padding-top: 12vw;
    padding-bottom: 16vw;
  }
}
#feature::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: var(--upwhite);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
#feature .section-title .back {
  color: var(--basewhite);
}
#feature .flex-box-center {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (min-width: 768.1px) {
  #feature .flex-box-center {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #feature .flex-box-center {
    margin-top: 8vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .flex-box-center + .flex-box-center {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  #feature .flex-box-center + .flex-box-center {
    margin-top: 12vw;
  }
}
#feature .content .headline-L {
  margin-top: 1em;
}
#feature .content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media print, screen and (min-width: 768.1px) {
  #feature .content dl {
    margin-top: 40px;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  #feature .content dl {
    margin-top: 5.3333333333vw;
    gap: 4vw;
  }
}
#feature .content dl dd {
  line-height: 150%;
}
#feature .main {
  margin-top: 2em;
}

@media print, screen and (min-width: 768.1px) {
  #teachers {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  #teachers {
    padding-top: 12vw;
  }
}
#teachers .section-title .back {
  color: var(--basewhite);
}
#teachers .teacher {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #teachers .teacher {
    margin-top: 80px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  #teachers .teacher {
    margin-top: 12vw;
    padding-bottom: 8vw;
  }
}
#teachers .teacher::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#e4e4ea), color-stop(50%, var(--clear-color)));
  background: linear-gradient(0deg, #e4e4ea 0%, var(--clear-color) 50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media print, screen and (min-width: 768.1px) {
  #teachers .teacher .teacher-head {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  #teachers .teacher .teacher-head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.6666666667vw;
  }
}
#teachers .teacher .teacher-head figure {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  position: relative;
}
#teachers .teacher .teacher-head figure img {
  width: auto;
}
@media print, screen and (min-width: 768.1px) {
  #teachers .teacher .teacher-head figure img {
    height: 560px;
  }
}
@media screen and (max-width: 768px) {
  #teachers .teacher .teacher-head figure img {
    height: 53.3333333333vw;
  }
}
#teachers .teacher .teacher-head figure figcaption {
  position: absolute;
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768.1px) {
  #teachers .teacher .teacher-message {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #teachers .teacher .teacher-message {
    margin-top: 16vw;
  }
}
#teachers .teacher .teacher-message .flex-box-top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (min-width: 768.1px) {
  #teachers .teacher .teacher-message .profile .teacher-photo {
    height: 280px;
    position: relative;
  }
}
#teachers .teacher .teacher-message .profile .teacher-name .name small {
  margin-top: 0.3em;
  position: relative;
  left: auto;
}
#teachers .teacher .teacher-message .profile-box {
  max-width: auto;
}

#topics {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #topics {
    padding-top: 90px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  #topics {
    padding-top: 12vw;
    padding-bottom: 16vw;
  }
}
#topics .section-title .back {
  color: var(--basewhite);
}
#topics .topics01 {
  position: relative;
  z-index: 1;
}
#topics .topics01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  background: url(/lp/art/assets/img/ac/topics_topics1_cover.webp) no-repeat center top;
  background-size: cover;
  z-index: -1;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01::before {
    max-width: 1320px;
    height: 745px;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 {
    padding-top: 545px;
  }
}
#topics .topics01 .lead-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  position: relative;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .lead-block {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics01 .lead-block {
    margin-top: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .lead-block .line-catch-M {
    margin-top: 80px;
  }
}
#topics .topics01 .lead-block .movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .lead-block .movie {
    gap: 1em;
    width: 448px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics01 .lead-block .movie {
    gap: 0.5em;
    width: 100%;
  }
}
#topics .topics01 .lead-block .movie iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .lead-block .movie iframe {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#topics .topics01 .lead-block .movie figcaption {
  text-align: center;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .lead-block .movie figcaption {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 16px;
  }
}
#topics .topics01 .lead-block .movie figcaption b {
  color: var(--black);
  font-weight: 700;
}
#topics .topics01 .scene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .scene {
    margin-top: 4em;
    width: calc((100vw - 100px - 1200px) / 2 + 1200px);
    margin-right: calc((100vw - 100px - 1200px) / -2);
  }
}
@media screen and (max-width: 768px) {
  #topics .topics01 .scene {
    margin-top: 2em;
    margin-right: -5.3333333333vw;
    width: calc(100% + 5.3333333333vw);
  }
}
#topics .topics01 .scene img {
  width: 25%;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .message {
    gap: 50px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics01 .message {
    gap: 12vw;
    margin-top: 4em;
  }
}
#topics .topics01 .message .message-box-b .head {
  background-color: var(--pale-color);
  color: var(--main-color);
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .message .message-box-b .head {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics01 .message .message-box-b .head .headline-S {
    max-width: 340px;
  }
}
#topics .topics01 .message .message-box-b .head picture {
  right: 0;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 {
    margin-top: 8em;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 {
    margin-top: 26.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .line-catch-M {
    margin-top: 1em;
  }
}
#topics .topics02 > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
#topics .topics02 > .head .cover {
  position: relative;
}
#topics .topics02 > .head .cover figure {
  width: 100%;
  position: relativee;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .cover figure img {
    max-width: calc(100% + 150px);
    margin-left: -150px;
  }
}
#topics .topics02 > .head .cover figure figcaption {
  position: absolute;
  top: 100%;
  margin-top: 0.4em;
  width: 100%;
  text-align: right;
}
#topics .topics02 > .head .cover .combine-number-L {
  color: var(--white);
  position: absolute;
  right: 14px;
  bottom: 28px;
}
#topics .topics02 > .head .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#topics .topics02 > .head .content .thumb-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  position: relative;
}
#topics .topics02 > .head .content .thumb-image img {
  height: 148px;
}
#topics .topics02 > .head .content .thumb-image figcaption {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.4em;
  text-align: right;
}
#topics .topics02 > .head .content .combine-number-L {
  margin-top: auto;
}
#topics .topics02 > .head .content .lead {
  margin-top: 2em;
}
#topics .topics02 > .head .content .teacher {
  margin-top: 2em;
}
#topics .topics02 > .head .content .teacher .subtitle {
  background-color: var(--pale-color) !important;
  color: var(--main-color) !important;
}
#topics .topics02 > .head .content .teacher .flex-box-bottom {
  margin-top: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .text {
    width: 70%;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .text p {
    font-size: 14px;
  }
}
#topics .topics02 > .head .content .teacher .flex-box-bottom .text .name {
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .text .name {
    margin-top: 1em;
  }
}
#topics .topics02 > .head .content .teacher .flex-box-bottom .teacher {
  position: relative;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .teacher {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .teacher {
    margin-top: -13.3333333333vw;
    width: 100%;
    text-align: center;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .teacher img {
    position: absolute;
    bottom: -2em;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head .content .teacher .flex-box-bottom .teacher img {
    width: 40vw;
    height: 53.3333333333vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .profile-box {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head .content .profile-box {
    margin-top: -2.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5em;
  }
}
#topics .topics02 > .head .content .profile-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 150%;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 > .head .content .profile-box dl {
    gap: 2em;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 > .head .content .profile-box dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 3.2vw;
  }
}
#topics .topics02 > .head .content .profile-box dl dt {
  font-weight: 600;
}
#topics .topics02 > .head .content .profile-box dl dt::before {
  content: "¡ö";
  display: inline-block;
  color: var(--main-color);
  margin-right: 0.3em;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#topics .topics02 .main {
  margin-top: 2em;
  position: relative;
}
#topics .topics02 .main figcaption {
  position: absolute;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .main figcaption {
    right: 0;
    bottom: 4.3em;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .main figcaption {
    right: 5.3333333333vw;
    bottom: -5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .main {
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
    width: 100vw;
  }
}
#topics .topics02 .section-catch {
  color: var(--main-color);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .section-catch {
    margin-top: 2em;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .section-catch {
    margin-top: 4em;
    font-size: 4vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message {
    margin-top: 40px;
    margin-left: -60px;
    margin-right: -60px;
    padding: 40px 60px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background-color: var(--main-color);
    color: var(--white);
    gap: 60px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .message {
    margin-top: 5.3333333333vw;
    gap: 12vw;
  }
}
#topics .topics02 .message > div {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message > div {
    width: calc(50% - 30px);
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message .head {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .message .head {
    background-color: var(--pale-color);
  }
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message .head .headline-S {
    max-width: 380px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .message .head .headline-S {
    max-width: 46.6666666667vw;
  }
}
#topics .topics02 .message .head picture {
  overflow: visible;
  right: 0;
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message .head picture {
    max-width: 180px;
    height: 190px;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .message .head picture {
    max-width: 100%;
    width: 37.3333333333vw;
    height: auto;
  }
}
#topics .topics02 .message .head picture img {
  -o-object-position: left bottom;
     object-position: left bottom;
}
#topics .topics02 .message .head .combine {
  color: var(--white);
  border-left-color: var(--white);
}
@media print, screen and (min-width: 768.1px) {
  #topics .topics02 .message .head .combine {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  #topics .topics02 .message .head .combine {
    color: var(--main-color);
    border-left-color: var(--main-color);
  }
}

#achievements {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #achievements {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  #achievements {
    padding-top: 12vw;
  }
}
#achievements::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: var(--upwhite);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
#achievements .section-title .back {
  color: var(--basewhite);
}
#achievements .pickups {
  margin-top: 4em;
  row-gap: 4em;
}
#achievements .pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  #achievements .combine-number-line-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#achievements .color-band .light-color-band {
  font-size: 140%;
}
#achievements .message-box-a {
  margin-top: 2.4em;
}
#achievements .message-box-a picture {
  top: -1.6em;
}
#achievements .message-box-a .headline-S {
  max-width: 380px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768.1px) {
  #achievements .image {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #achievements .image {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #achievements .image img {
    height: auto;
  }
}
#achievements .image figcaption {
  position: absolute;
  margin-top: 0.8em;
}
@media print, screen and (min-width: 768.1px) {
  #achievements .pickup01 .image,
  #achievements .pickup03 .image {
    margin-top: auto;
  }
}
#achievements .annotation {
  margin-top: 2.2em;
  width: 100%;
  text-align: right;
}
#achievements .employment {
  color: var(--white);
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768.1px) {
  #achievements .employment {
    margin-top: 90px;
    padding: 48px 0 40px 60px;
  }
}
@media screen and (max-width: 768px) {
  #achievements .employment {
    margin-top: 12vw;
    padding: 8vw 5.3333333333vw;
  }
}
#achievements .employment::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #achievements .employment .flex-box-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#achievements .employment .subtitle {
  background-color: var(--upwhite);
  color: var(--main-color);
  leading-trim: both;
  text-edge: cap;
  font-weight: 700;
  line-height: 190%;
}
@media print, screen and (min-width: 768.1px) {
  #achievements .employment .subtitle {
    margin-right: 80px;
    width: 330px;
    font-size: 20px;
  }
}
#achievements .employment .subtitle + p {
  margin-top: 1em;
}
#achievements .employment .employment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 768.1px) {
  #achievements .employment .employment-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 124px;
  }
}
@media screen and (max-width: 768px) {
  #achievements .employment .employment-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#achievements .employment .employment-list li {
  line-height: 150%;
  white-space: nowrap;
}
@media print, screen and (min-width: 768.1px) {
  #achievements .employment .employment-list li:not(:last-child) {
    margin-right: 4em;
  }
}
#achievements .employment .employment-list li::before {
  content: "¡ö";
  display: inline-block;
  margin-right: 0.15em;
  -webkit-transform: scale(0.825);
          transform: scale(0.825);
  -webkit-transform-origin: left;
          transform-origin: left;
}