@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: #f29c9f;
  --course-color-md: #E60025;
  --course-color-an: #0099cc;
  --course-color-cd: #ec6d74;
  --course-color-gc: #6FBA2C;
  --course-color-vv: #3C558A;
  --course-color-gd: #6E6E6E;
  --course-color-ia: #40A08B;
  --course-color-fc: #FDCD00;
  --course-color-ai: #ED7100;
  --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);
  --text-gray: #666666;
  --bg-color: #ffffff;
}

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

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

body[data-page=an] {
  --main-color: var(--course-color-an);
  --pale-color: rgba(57, 125, 177, 0.15);
}

body[data-page=cd] {
  --main-color: var(--course-color-cd);
  --pale-color: rgba(57, 125, 177, 0.15);
}

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

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

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

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

body[data-page=fc] {
  --main-color: var(--course-color-fc);
  --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: var(--course-color-ai);
  --pale-color: rgba(237, 114, 0, 0.15);
}

#feature .section-title .back,
#roundtable .section-title .back,
#employment .section-title .back {
  color: rgba(236, 109, 116, 0.18);
}

.cd-loop-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 0;
}
@media print, screen and (min-width: 768.1px) {
  .cd-loop-slider {
    margin-top: 0;
    margin-left: calc((100vw - 100% - 100px) / -2);
    margin-right: calc((100vw - 100% - 100px) / -2);
  }
}
@media screen and (max-width: 768px) {
  .cd-loop-slider {
    margin: 0 -5.3333333333vw;
  }
}

.cd-loop-slider__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: cd-loop-slider-scroll var(--duration) linear infinite;
}
@media print, screen and (min-width: 768.1px) {
  .cd-loop-slider__track {
    --gap: 0px;
    --half-gap: 0px;
    --duration: 90s;
    gap: var(--gap);
  }
}
@media screen and (max-width: 768px) {
  .cd-loop-slider__track {
    --gap: 0vw;
    --half-gap: 0vw;
    --duration: 28s;
    gap: var(--gap);
  }
}

.cd-loop-slider__group {
  display: flex;
  flex-shrink: 0;
  gap: var(--gap);
}

.cd-loop-slider__item {
  margin: 0;
  flex: 0 0 auto;
}
.cd-loop-slider__item img {
  display: block;
  height: auto;
  max-width: none;
}
@media print, screen and (min-width: 768.1px) {
  .cd-loop-slider__item img {
    width: min(6400px, 400vw);
  }
}
@media screen and (max-width: 768px) {
  .cd-loop-slider__item img {
    width: 420vw;
  }
}

.hero-catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  background-color: var(--main-color);
  color: var(--white);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .hero-catch {
    padding: 6.4vw 0;
    box-sizing: border-box;
  }
}
.hero-catch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 100px);
  height: 100%;
  background-color: var(--main-color);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .hero-catch::before {
    width: 100vw;
  }
}
.hero-catch .headline-L + p {
  margin: 0;
}
.hero-catch span {
  display: inline-block;
  margin-right: 12px;
  padding: 0 10px;
  background-color: var(--white);
  color: var(--main-color);
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media print, screen and (min-width: 768.1px) {
  #feature {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  #feature {
    margin-top: 12vw;
  }
}
#feature .section-catch {
  color: var(--main-color);
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-intro {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 68px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-intro {
    display: flex;
    flex-direction: column;
    gap: 8vw;
    margin-top: 10.6666666667vw;
  }
}
#feature .feature-intro__visual {
  margin: 0;
  text-align: center;
}
#feature .feature-intro__visual img {
  display: inline-block;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-intro__visual img {
    transform: translateY(-6%);
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-intro__visual img {
    width: 42vw;
  }
}
#feature .feature-intro__courses {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-intro__courses {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-intro__courses {
    gap: 2.6666666667vw;
    margin-bottom: 4vw;
  }
}
#feature .feature-intro__courses span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.4;
}
#feature .feature-intro__courses .cross {
  padding: 0;
  background: transparent;
  color: var(--main-color);
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-intro__courses .cross {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-intro__courses .cross {
    font-size: 6vw;
  }
}
#feature .feature-intro__courses .course-cd,
#feature .feature-intro__courses .course-an,
#feature .feature-intro__courses .course-gc {
  color: var(--white);
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-intro__courses .course-cd,
  #feature .feature-intro__courses .course-an,
  #feature .feature-intro__courses .course-gc {
    min-height: 56px;
    padding: 8px 12px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-intro__courses .course-cd,
  #feature .feature-intro__courses .course-an,
  #feature .feature-intro__courses .course-gc {
    min-height: 11.2vw;
    padding: 1.8vw 3.2vw;
    font-size: 3.7333333333vw;
  }
}
#feature .feature-intro__courses .course-cd {
  background-color: var(--course-color-cd);
}
#feature .feature-intro__courses .course-an {
  background-color: var(--course-color-an);
}
#feature .feature-intro__courses .course-gc {
  background-color: var(--course-color-gc);
}
#feature .feature-list {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-list {
    gap: 180px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-list {
    gap: 12vw;
    margin-top: 10.6666666667vw;
  }
}
#feature .feature-card {
  position: relative;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-card {
    display: grid;
    grid-template-columns: minmax(560px, 600px) minmax(0, 1fr);
    gap: 60px;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature-card {
    display: flex;
    flex-direction: column;
    gap: 7.4666666667vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-card.feature-card--reverse {
    grid-template-columns: minmax(0, 1fr) minmax(480px, 540px);
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-card.feature-card--reverse .feature-card__copy {
    order: 2;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-card.feature-card--reverse .feature-card__visual {
    order: 1;
  }
}
#feature .feature-card__copy {
  min-width: 0;
  z-index: 2;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature-card__copy {
    max-width: 560px;
  }
}
#feature .feature-card__copy .combine-number-line {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -30px;
}
#feature .feature-card__copy .line-catch-L {
  white-space: nowrap;
  margin-top: -2.8em;
}
#feature .feature-card__copy > p {
  padding-top: 1.5em;
  text-shadow: 0 0 10px rgb(255, 255, 255);
  filter: drop-shadow(0 0 10px rgb(255, 255, 255));
}
@media screen and (max-width: 768px) {
  #feature .feature-card__copy .combine-number-line {
    margin-top: 0;
  }
  #feature .feature-card__copy .line-catch-L {
    white-space: normal;
    margin-top: 0;
  }
  #feature .feature-card__copy > p {
    padding-top: 1em;
  }
}
#feature .feature-card__visual {
  min-width: 0;
  overflow: visible;
  z-index: 1;
}
#feature .feature-card__visual figure {
  margin: 0;
}
#feature .feature-card__visual img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #feature .feature01-visual {
    position: relative;
  }
}
#feature .feature01-visual .main {
  align-self: stretch;
}
#feature .feature01-visual .main img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature01-visual .main img {
    min-height: 720px;
  }
}
#feature .feature01-visual .cut {
  position: absolute;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature01-visual .cut {
    width: 440px;
    left: 130px;
    bottom: -90px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature01-visual .cut {
    position: relative;
    left: auto;
    bottom: auto;
    width: 86vw;
    max-width: 100%;
    margin: 4vw auto 0;
  }
}
#feature .feature02-visual {
  overflow: visible;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature02-visual {
    min-height: 560px;
    margin-left: -72px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature02-visual {
    min-height: 64vw;
  }
}
#feature .feature02-visual .photo {
  height: 100%;
}
#feature .feature02-visual .photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature02-visual .photo img {
    min-height: 560px;
  }
}
#feature .feature02-visual .cut {
  position: absolute;
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature02-visual .cut {
    width: 380px;
    right: -40px;
    top: -120px;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature02-visual .cut {
    top: 0;
    right: 0;
    width: 34vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature03-visual {
    position: relative;
  }
  #feature .feature03-visual figure {
    position: absolute;
  }
  #feature .feature03-visual figure img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature03-visual {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
    grid-template-areas: "paper board" "paper cut";
    gap: 2.6666666667vw;
    align-items: start;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature03-visual .paper {
    top: -156px;
    left: -240px;
    width: 440px;
    z-index: 2;
    mix-blend-mode: multiply;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature03-visual .paper {
    grid-area: paper;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature03-visual .board {
    top: -50px;
    right: -20px;
    width: 400px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature03-visual .board {
    grid-area: board;
  }
}
@media print, screen and (min-width: 768.1px) {
  #feature .feature03-visual .cut {
    top: 160px;
    right: 40px;
    width: 540px;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  #feature .feature03-visual .cut {
    grid-area: cut;
    align-self: end;
    padding-right: 2vw;
  }
}

@keyframes cd-loop-slider-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-50% - var(--half-gap)), 0, 0);
  }
}
#roundtable {
  position: relative;
  z-index: 0;
}
#roundtable::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(236, 109, 116, 0.14) 0%, rgba(236, 109, 116, 0.06) 44%, #ffffff 100%);
  z-index: -1;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable {
    margin-top: 140px;
    padding: 118px 0 36px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable {
    margin-top: 18.6666666667vw;
    padding: 14.6666666667vw 0 6vw;
  }
}
#roundtable .section-catch {
  margin-top: 2em;
  color: var(--main-color);
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-lead {
    margin-top: 60px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-lead {
    margin-top: 10.6666666667vw;
  }
}
#roundtable .roundtable-lead p {
  font-weight: 700;
  font-size: 110%;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-lead p + p {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-lead p + p {
    margin-top: 0.65em;
  }
}
#roundtable .roundtable-dialogues {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-dialogues {
    gap: 42px;
    margin-top: 54px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-dialogues {
    gap: 8vw;
    margin-top: 8vw;
  }
}
#roundtable .divider {
  text-align: center;
  margin-top: 40px;
}
#roundtable .divider img {
  width: 120px;
}
#roundtable .roundtable-topic {
  position: relative;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-topic {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-topic {
    padding-top: 5.3333333333vw;
  }
}
#roundtable .roundtable-topic h3 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  margin-bottom: 2em;
  color: var(--main-color);
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-topic h3 {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-topic h3 {
    -moz-column-gap: 3.2vw;
         column-gap: 3.2vw;
  }
}
#roundtable .roundtable-topic h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--main-color);
}
#roundtable .roundtable-topic::after {
  content: "";
  display: block;
  clear: both;
}
#roundtable .roundtable-entry {
  display: grid;
  grid-template-columns: 4em auto;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-entry {
    margin-top: 1.75em;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-entry {
    margin-top: 1.45em;
  }
}
@media print, screen and (min-width: 768.1px) {
  #roundtable aside.roundtable-profile + .roundtable-entry {
    margin-top: 2.25em;
  }
}
@media screen and (max-width: 768px) {
  #roundtable aside.roundtable-profile + .roundtable-entry {
    margin-top: 8vw;
  }
}
#roundtable .roundtable-entry__speaker {
  font-family: var(--font-en);
  font-weight: 700;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-entry__speaker {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-entry__speaker {
    font-size: 3.6vw;
    line-height: 2;
  }
}
#roundtable .roundtable-entry__comment {
  line-height: 2;
  text-wrap: pretty;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-entry__comment {
    font-size: 16px;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-entry__comment {
    font-size: 3.8666666667vw;
    line-height: 1.9;
  }
}
#roundtable .speaker-yf .roundtable-entry__speaker {
  color: #38be55;
}
#roundtable .speaker-tt .roundtable-entry__speaker {
  color: #397cce;
}
#roundtable .speaker-itoso .roundtable-entry__speaker,
#roundtable .speaker-ichige .roundtable-entry__speaker {
  color: var(--black);
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .speaker-itoso .roundtable-entry__speaker,
  #roundtable .speaker-ichige .roundtable-entry__speaker {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .speaker-itoso .roundtable-entry__speaker,
  #roundtable .speaker-ichige .roundtable-entry__speaker {
    font-size: 3.2vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile {
    position: relative;
    z-index: 1;
  }
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-topic--with-tt .roundtable-profile--tt {
    float: right;
    width: min(30vw, 480px);
    margin: 0 0 40px 60px;
  }
}
#roundtable .roundtable-topic--with-tt .roundtable-profile__body p {
  color: #397cce;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-topic--with-yf .roundtable-profile--yf {
    float: left;
    width: min(22.5vw, 360px);
    margin: 0 60px 0 0;
  }
}
#roundtable .roundtable-topic--with-yf .roundtable-profile__body p {
  color: #38be55;
}
#roundtable .roundtable-profile__visual {
  margin: 0;
  position: relative;
}
#roundtable .roundtable-profile__visual img {
  display: block;
  width: 100%;
  height: auto;
}
#roundtable .roundtable-profile__visual figcaption {
  position: absolute;
  top: 100%;
  left: 0;
  color: var(--text-gray);
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile__visual figcaption {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-profile__visual figcaption {
    font-size: 2.4vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile__body {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-profile__body {
    margin-top: 6vw;
  }
}
#roundtable .roundtable-profile__name {
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1;
  position: absolute;
  right: 0;
  transform: translate(22%, -110%);
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile__name {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-profile__name {
    font-size: 24vw;
  }
}
#roundtable .roundtable-profile__meta {
  font-weight: 700;
  line-height: 1.6;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile__meta {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-profile__meta {
    margin-top: 11.5vw;
    font-size: 3.6vw;
  }
}
#roundtable .roundtable-profile__text {
  font-weight: 400;
  line-height: 1.85;
}
@media print, screen and (min-width: 768.1px) {
  #roundtable .roundtable-profile__text {
    margin-top: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #roundtable .roundtable-profile__text {
    margin-top: 2.4vw;
    font-size: 3.6vw;
  }
}

@media print, screen and (min-width: 768.1px) {
  #employment {
    margin-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  #employment {
    margin-top: 18.6666666667vw;
  }
}
#employment .section-catch {
  margin-top: 2em;
  color: var(--main-color);
}
#employment .career-grid {
  display: grid;
  background-image: linear-gradient(to top left, rgba(236, 109, 116, 0) 20%, rgba(236, 109, 116, 0.1333333333) 25%, rgba(236, 109, 116, 0) 30% 70%, rgba(236, 109, 116, 0.1333333333) 75%, rgba(236, 109, 116, 0) 80%), linear-gradient(to top right, rgba(236, 109, 116, 0) 20%, rgba(236, 109, 116, 0.1333333333) 25%, rgba(236, 109, 116, 0) 30% 70%, rgba(236, 109, 116, 0.1333333333) 75%, rgba(236, 109, 116, 0) 80%);
  background-size: 10px 10px;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-grid {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 60px 85px;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 68px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-grid {
    grid-template-columns: 1fr;
    gap: 8vw;
    margin-top: 10.6666666667vw;
    padding: 8vw 5.3333333333vw 10.6666666667vw;
    box-sizing: border-box;
  }
}
#employment .career-card {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-card {
    gap: 4vw;
  }
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-card__body {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }
}
#employment .career-card__body figure {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card__body figure {
    aspect-ratio: 592/355;
    max-width: 480px;
    justify-self: end;
  }
}
#employment .career-card__body figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card__head {
    gap: 14px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-card__head {
    gap: 2.6666666667vw;
  }
}
#employment .career-card__text {
  padding-left: 1em;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card__text {
    border-left: 6px solid var(--main-color);
  }
}
@media screen and (max-width: 768px) {
  #employment .career-card__text {
    border-left: 3px solid var(--main-color);
  }
}
#employment .career-card__text p {
  line-height: 2;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-card__text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-card__text p {
    font-size: 3.6vw;
  }
}
#employment .career-marker {
  display: inline-block;
  padding: 0 0.8em;
  border-radius: 100px;
  background: #fff100;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #employment .career-marker {
    font-size: 3.6vw;
    padding: 0.35em 0.65em;
    letter-spacing: -0.02em;
    line-height: 1;
    word-break: keep-all;
    overflow-wrap: normal;
  }
}
#employment .career-note {
  color: var(--text-gray);
  font-weight: 700;
}
@media print, screen and (min-width: 768.1px) {
  #employment .career-note {
    margin-top: 0.35em;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #employment .career-note {
    font-size: 3vw;
  }
}