@charset "utf-8";
/* --------------------------------------------------
kokomoney curriculum_packages css

[ Pages being used ]
/kokomoney/fresh-career/index.html
/kokomoney/middle-career/index.html
/kokomoney/senior-career/index.html
/kokomoney/job-based/index.html
-------------------------------------------------- */
/* ------------------------------
mv
------------------------------ */
.mv h1 {
  margin-bottom: 0;
  padding: 50px 0 85px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22891.6%22%20height%3D%22208.2%22%20viewBox%3D%220%200%20891.6%20208.2%22%3E%3Cpath%20d%3D%22M-440%2C0h29.6V-52.6h19.8c31.8%2C0%2C57.2-15.2%2C57.2-49%2C0-35-25.2-46.6-58-46.6H-440Zm29.6-76v-48.6h16.8c20.4%2C0%2C31.2%2C5.8%2C31.2%2C23%2C0%2C17-9.8%2C25.6-30.2%2C25.6ZM-289.6%2C2.8c12.8%2C0%2C24-6.4%2C33.8-14.8h.8l2%2C12h24V-65.4c0-32.4-14.6-49.4-43-49.4-17.6%2C0-33.6%2C6.6-46.8%2C14.8l10.6%2C19.4c10.4-6%2C20.4-10.6%2C30.8-10.6%2C13.8%2C0%2C18.6%2C8.4%2C19.2%2C19.4-45.2%2C4.8-64.6%2C17.4-64.6%2C41.4C-322.8-11.4-309.6%2C2.8-289.6%2C2.8Zm9.6-23c-8.6%2C0-14.8-3.8-14.8-12.6%2C0-10%2C9.2-17.6%2C36.6-21v22.6C-265.4-24.2-271.6-20.2-280-20.2Zm128.6%2C23a56.445%2C56.445%2C0%2C0%2C0%2C36.8-13.6l-11.8-19.4c-6.2%2C5.2-13.8%2C9-21.8%2C9-16%2C0-27.8-13.6-27.8-34.8%2C0-21%2C11.6-34.8%2C28.8-34.8%2C6.2%2C0%2C11.4%2C2.6%2C17%2C7.4l14-19c-8.2-7-18.8-12.4-32.6-12.4-30.4%2C0-57.2%2C21.6-57.2%2C58.8S-182.4%2C2.8-151.4%2C2.8ZM-93.6%2C0h29V-28.4l15.8-18L-21.6%2C0H10.2l-42-65.8L6.6-112H-25.6L-63.8-63.8h-.8v-95.8h-29ZM52.6%2C2.8c12.8%2C0%2C24-6.4%2C33.8-14.8h.8l2%2C12h24V-65.4c0-32.4-14.6-49.4-43-49.4-17.6%2C0-33.6%2C6.6-46.8%2C14.8L34-80.6c10.4-6%2C20.4-10.6%2C30.8-10.6%2C13.8%2C0%2C18.6%2C8.4%2C19.2%2C19.4C38.8-67%2C19.4-54.4%2C19.4-30.4%2C19.4-11.4%2C32.6%2C2.8%2C52.6%2C2.8Zm9.6-23c-8.6%2C0-14.8-3.8-14.8-12.6%2C0-10%2C9.2-17.6%2C36.6-21v22.6C76.8-24.2%2C70.6-20.2%2C62.2-20.2ZM182.6%2C48.6c37.4%2C0%2C61-17.2%2C61-39.8%2C0-19.6-14.8-28-41.8-28h-19c-13.2%2C0-17.6-3.2-17.6-9.2%2C0-4.6%2C1.8-7%2C4.8-9.6a47.7%2C47.7%2C0%2C0%2C0%2C14.4%2C2.6c24%2C0%2C43.2-12.8%2C43.2-38%2C0-7-2.2-13.2-5-17h19V-112H201.2a52.686%2C52.686%2C0%2C0%2C0-16.8-2.8c-23.8%2C0-45.2%2C14.2-45.2%2C40.4a36.692%2C36.692%2C0%2C0%2C0%2C15%2C29.4v.8c-6.8%2C4.8-12.6%2C12.6-12.6%2C21%2C0%2C9.2%2C4.4%2C15%2C10.2%2C18.8v1c-10.2%2C5.8-16%2C13.8-16%2C23.2C135.8%2C39.6%2C156.2%2C48.6%2C182.6%2C48.6Zm1.8-102.2c-9.8%2C0-17.6-7.4-17.6-20.8%2C0-13%2C7.6-20.4%2C17.6-20.4S202-87.4%2C202-74.4C202-61%2C194.2-53.6%2C184.4-53.6ZM187%2C30c-16.2%2C0-26.6-5.4-26.6-14.8%2C0-4.6%2C2.2-9%2C7.2-13a63.212%2C63.212%2C0%2C0%2C0%2C15.6%2C1.6h13.6c12%2C0%2C18.6%2C2%2C18.6%2C10C215.4%2C22.6%2C203.8%2C30%2C187%2C30ZM307.6%2C2.8a70.51%2C70.51%2C0%2C0%2C0%2C39-12.4l-10-18c-8%2C5-16%2C7.8-25.2%2C7.8-16.6%2C0-28.6-9.6-31-28h69c.8-2.6%2C1.4-8%2C1.4-13.6%2C0-30.8-16-53.4-46.8-53.4-26.6%2C0-52.2%2C22.6-52.2%2C58.8C251.8-19%2C276.2%2C2.8%2C307.6%2C2.8ZM280-67.4C282.2-83.6%2C292.6-92%2C304.4-92c14.4%2C0%2C21.2%2C9.6%2C21.2%2C24.6ZM407%2C2.8c29.2%2C0%2C44.6-15.8%2C44.6-35.4%2C0-20.8-16.4-28.2-31.2-33.8-11.8-4.4-22.2-7.4-22.2-15.6%2C0-6.4%2C4.8-10.8%2C15-10.8%2C8.2%2C0%2C16%2C3.8%2C24%2C9.6L450.4-101c-9.2-7-21.8-13.8-38-13.8-25.6%2C0-41.8%2C14.2-41.8%2C34.2%2C0%2C18.8%2C15.8%2C27.4%2C30%2C32.8C412.4-43.2%2C424-39.4%2C424-31c0%2C7-5%2C11.8-16.2%2C11.8-10.4%2C0-20-4.4-30-12.2L364.4-13C375.6-3.8%2C392%2C2.8%2C407%2C2.8Z%22%20transform%3D%22translate(440%20159.6)%22%20fill%3D%22%23d8d6d6%22%20opacity%3D%220.222%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center 20px;
}
@media screen and (min-width: 600px) {
  .mv .inner {
    padding: 80px 0 75px;
  }
}
@media screen and (max-width: 999px) {
  .mv h1 {
    padding: 5vw 0 8.5vw;
    background-size: 92%;
  }
}
@media screen and (max-width: 599px) {
  .mv h1 {
    padding: 8vw 0 5.87vw;
    background-position: center 30px;
  }
}
/* tab_memu */
.mv .tab_memu {
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}
.mv .tab_memu::after {
  position: absolute;
  bottom: -2px;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 2px;
  content: '';
}
.mv .tab_memu > a {
  display: grid;
  grid-template-rows: min-content;
  width: 24%;
  min-height: 108px;
  padding: 0.3em 0.3em 0.2em;
  background: #f4f5f7;
  border-radius: 10px 10px 0 0;
  color: initial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.mv .tab_memu > a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.mv .tab_memu > a .sub {
  display: inline-block;
  margin-bottom: 0.6em;
  padding: 0.3em 1em;
  border-radius: 9999px;
  font-size: 12px;
  line-height: 1.2;
}
.mv .tab_memu > a .type {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mv .tab_memu > a.current {
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  padding-bottom: 1.3em;
  border: 2px solid;
  background: #fff;
  border-bottom: none;
  pointer-events: none;
}
.mv .tab_memu > a.current::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 21px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
}
.mv .tab_memu .fresh_career.current {
  border-color: var(--color-green);
}
.mv .tab_memu .fresh_career.current::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.287%22%20height%3D%2215.532%22%20viewBox%3D%220%200%2020.287%2015.532%22%3E%3Cpath%20d%3D%22M10.366%2C2.315a2%2C2%2C0%2C0%2C1%2C3.268%2C0l8.14%2C11.532A2%2C2%2C0%2C0%2C1%2C20.14%2C17H3.86a2%2C2%2C0%2C0%2C1-1.634-3.153Z%22%20transform%3D%22translate(22.144%2017)%20rotate(180)%22%20fill%3D%22%238a9f55%22%2F%3E%3C%2Fsvg%3E');
}
.mv .tab_memu .fresh_career .sub {
  background-color: var(--color-light-green);
}
.mv .tab_memu .middle_career.current {
  border-color: var(--color-blue);
}
.mv .tab_memu .middle_career.current::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.287%22%20height%3D%2215.532%22%20viewBox%3D%220%200%2020.287%2015.532%22%3E%3Cpath%20d%3D%22M10.366%2C2.315a2%2C2%2C0%2C0%2C1%2C3.268%2C0l8.14%2C11.532A2%2C2%2C0%2C0%2C1%2C20.14%2C17H3.86a2%2C2%2C0%2C0%2C1-1.634-3.153Z%22%20transform%3D%22translate(22.144%2017)%20rotate(180)%22%20fill%3D%22%2344a1c5%22%2F%3E%3C%2Fsvg%3E');
}
.mv .tab_memu .middle_career .sub {
  background-color: var(--color-light-blue);
}
.mv .tab_memu .senior_career.current {
  border-color: var(--color-yellow);
}
.mv .tab_memu .senior_career.current::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.287%22%20height%3D%2215.532%22%20viewBox%3D%220%200%2020.287%2015.532%22%3E%3Cpath%20d%3D%22M10.366%2C2.315a2%2C2%2C0%2C0%2C1%2C3.268%2C0l8.14%2C11.532A2%2C2%2C0%2C0%2C1%2C20.14%2C17H3.86a2%2C2%2C0%2C0%2C1-1.634-3.153Z%22%20transform%3D%22translate(22.144%2017)%20rotate(180)%22%20fill%3D%22%23fcb466%22%2F%3E%3C%2Fsvg%3E');
}
.mv .tab_memu .senior_career .sub {
  background-color: var(--color-light-yellow);
}
.mv .tab_memu .job_based.current {
  border-color: var(--color-purple);
}
.mv .tab_memu .job_based.current::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.287%22%20height%3D%2215.532%22%20viewBox%3D%220%200%2020.287%2015.532%22%3E%3Cpath%20d%3D%22M10.366%2C2.315a2%2C2%2C0%2C0%2C1%2C3.268%2C0l8.14%2C11.532A2%2C2%2C0%2C0%2C1%2C20.14%2C17H3.86a2%2C2%2C0%2C0%2C1-1.634-3.153Z%22%20transform%3D%22translate(22.144%2017)%20rotate(180)%22%20fill%3D%22%23c498c4%22%2F%3E%3C%2Fsvg%3E');
}
.mv .tab_memu .job_based .sub {
  background-color: var(--color-light-purple);
}
@media screen and (max-width: 999px) {
  .mv .tab_memu > a .type {
    min-height: auto;
  }
}
@media screen and (max-width: 719px) {
  .mv .tab_memu > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .mv .tab_memu {
    width: 98%;
  }
  .mv .tab_memu > a {
    min-height: 80px;
    padding: 0.5em 0.2em 0.2em;
    font-size: 12px;
  }
  .mv .tab_memu > a.current {
    padding-bottom: 1em;
  }
  .mv .tab_memu > a.current::after {
    width: 11px;
    height: 8px;
  }
  .mv .tab_memu > a .sub {
    margin-bottom: 0.5em;
    padding: 0.3em 0.8em;
    font-size: 10px;
    font-weight: normal;
  }
  .mv .tab_memu > a .type {
    line-height: 1.3;
  }
  .mv .tab_memu .job_based .sub {
    letter-spacing: -0.1em;
  }
}
/* package_type */
.mv .package_type .img img {
  border-radius: 20px;
}
.mv .package_type .txt {
  text-align: center;
}
.mv .package_type h2 {
  display: inline-block;
  margin-bottom: 0.3em;
  font-size: 44px;
  text-align: left;
  line-height: 1.2;
}
.mv .package_type h2 span {
  padding-bottom: 0.1em;
}
.mv .package_type .for_type {
  margin-bottom: 0.5em;
  font-size: 25px;
  font-weight: bold;
}
.mv .package_type .class_type_list {
  display: inline-flex;
  margin-bottom: 1.5em;
}
.mv .package_type .class_type_list li {
  padding: 0.3em 0.5em;
  border: 1px solid;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.mv .package_type .class_type_list li + li {
  margin-left: 0.4em;
}
.mv .package_type .lead {
  text-align: left;
  line-height: 2;
}
@media screen and (min-width: 600px) {
  .mv .package_type {
    display: flex;
    justify-content: space-between;
  }
  .mv .package_type .img {
    width: 44.4%;
  }
  .mv .package_type .txt {
    width: 53%;
  }
}
@media screen and (max-width: 599px) {
  .mv .package_type .img {
    margin-bottom: 25px;
  }
  .mv .package_type h2 {
    font-size: 25px;
  }
  .mv .package_type .for_type {
    font-size: 16px;
  }
  .mv .package_type .class_type_list li {
    font-size: 12px;
  }
}
/* fresh_career */
.fresh_career_page .mv .tab_memu::after {
  background: var(--color-green);
}
.fresh_career_page .mv .package_type h2 span {
  background: linear-gradient(transparent 50%, var(--color-light-green) 50%);
}
.fresh_career_page .mv .package_type .class_type_list li {
  border-color: var(--color-green);
  color: var(--color-green);
}
/* middle_career */
.middle_career_page .mv .tab_memu::after {
  background: var(--color-blue);
}
.middle_career_page .mv .package_type h2 span {
  background: linear-gradient(transparent 50%, var(--color-light-blue) 50%);
}
.middle_career_page .mv .package_type .class_type_list li {
  border-color: var(--color-blue);
  color: var(--color-blue);
}
/* senior_career */
.senior_career_page .mv .tab_memu::after {
  background: var(--color-yellow);
}
.senior_career_page .mv .package_type h2 span {
  background: linear-gradient(transparent 50%, var(--color-light-yellow) 50%);
}
.senior_career_page .mv .package_type .class_type_list li {
  border-color: var(--color-yellow);
  color: var(--color-yellow);
}
/* job_based_page */
.job_based_page .mv .tab_memu::after {
  background: var(--color-purple);
}
.job_based_page .mv .package_type h2 span {
  background: linear-gradient(transparent 50%, var(--color-light-purple) 50%);
}
.job_based_page .mv .package_type .class_type_list li {
  border-color: var(--color-purple);
  color: var(--color-purple);
}

/* ------------------------------
challenge
------------------------------ */
.challenge .heading_01 {
  margin-bottom: 85px;
}
.challenge .box {
  position: relative;
  padding: 60px 4% 20px;
  background: #fff;
  border: 1px solid;
  border-radius: 20px;
}
.challenge .box:first-child::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -80px;
  transform: translateY(-50%);
  width: 51px;
  height: 67px;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}
.challenge .box h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  min-height: 70px;
  padding: 0.5em;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.challenge .box li {
  display: grid;
  grid-template-columns: 81px auto;
  column-gap: 10px;
  align-items: center;
  padding: 0.8em 0;
  border-bottom: 1px dashed;
}
.challenge .box li > div {
  justify-self: center;
}
.challenge .box li img {
  width: auto;
  height: 70px;
}
.challenge .box > p {
  padding-top: 1em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.challenge .box .ng {
  color: #0035e7;
}
.challenge .box .good {
  color: #e70012;
}
.challenge .color_ttl {
  margin-bottom: 70px;
  padding: 0.7em 1em;
  background: #fff;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.challenge .color_ttl.purple {
  border-color: var(--color-purple);
  color: var(--color-purple);
}
.challenge .color_ttl.dblue {
  margin-top: 60px;
  border-color: #4F75AD;
  color: #4F75AD;
}
@media screen and (min-width: 600px) {
  .challenge .box_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
  }
}
@media screen and (max-width: 599px) {
  .challenge .heading_01 {
    margin-bottom: 60px;
  }
  .challenge .box {
    padding-top: 30px;
  }
  .challenge .box:first-child::after {
    width: 36px;
    height: 48px;
    top: auto;
    right: auto;
    left: 50%;
    bottom: -67px;
    transform: translateX(-50%) rotate(90deg);
  }
   .challenge .box + .box {
    margin-top: 115px;
   }
  .challenge .box h3 {
    min-height: 50px;
    border-radius: 10px;
    font-size: 14px;
  }
  .challenge .box li {
    grid-template-columns: 55px auto;
  }
  .challenge .box li img {
    height: 50px;
  }
  .challenge .box > p {
    font-size: 16px;
  }
  .challenge .color_ttl {
    margin-bottom: 60px;
    font-size: 16px;
  }
  .challenge .color_ttl.dblue {
    margin-top: 50px;
  }
}
/* fresh_career */
.fresh_career_page .challenge .box,
.fresh_career_page .challenge .box li {
  border-color: var(--color-green);
}
.fresh_career_page .challenge .box h3 {
  background-color: var(--color-green);
}
.fresh_career_page .challenge .box:first-child::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.418%22%20height%3D%2266.493%22%20viewBox%3D%220%200%2050.418%2066.493%22%3E%3Cpath%20d%3D%22M33.341%2C2.465a2%2C2%2C0%2C0%2C1%2C3.318%2C0L67.9%2C48.883A2%2C2%2C0%2C0%2C1%2C66.243%2C52H3.757A2%2C2%2C0%2C0%2C1%2C2.1%2C48.883Z%22%20transform%3D%22translate(52%20-1.754)%20rotate(90)%22%20fill%3D%22%238a9f55%22%2F%3E%3C%2Fsvg%3E');
}
/* middle_career */
.middle_career_page .challenge .box,
.middle_career_page .challenge .box li {
  border-color: var(--color-blue);
}
.middle_career_page .challenge .box h3 {
  background-color: var(--color-blue);
}
.middle_career_page .challenge .box:first-child::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.418%22%20height%3D%2266.493%22%20viewBox%3D%220%200%2050.418%2066.493%22%3E%3Cpath%20d%3D%22M33.341%2C2.465a2%2C2%2C0%2C0%2C1%2C3.318%2C0L67.9%2C48.883A2%2C2%2C0%2C0%2C1%2C66.243%2C52H3.757A2%2C2%2C0%2C0%2C1%2C2.1%2C48.883Z%22%20transform%3D%22translate(52%20-1.754)%20rotate(90)%22%20fill%3D%22%2344a1c5%22%2F%3E%3C%2Fsvg%3E');
}
/* senior_career */
.senior_career_page .challenge .box,
.senior_career_page .challenge .box li {
  border-color: var(--color-yellow);
}
.senior_career_page .challenge .box h3 {
  background-color: var(--color-yellow);
}
.senior_career_page .challenge .box:first-child::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.418%22%20height%3D%2266.493%22%20viewBox%3D%220%200%2050.418%2066.493%22%3E%3Cpath%20d%3D%22M33.341%2C2.465a2%2C2%2C0%2C0%2C1%2C3.318%2C0L67.9%2C48.883A2%2C2%2C0%2C0%2C1%2C66.243%2C52H3.757A2%2C2%2C0%2C0%2C1%2C2.1%2C48.883Z%22%20transform%3D%22translate(52%20-1.754)%20rotate(90)%22%20fill%3D%22%23fcb466%22%2F%3E%3C%2Fsvg%3E');
}
/* job_based_page */
.job_based_page .challenge .box,
.job_based_page .challenge .box li {
  border-color: var(--color-purple);
}
.job_based_page .challenge .box h3 {
  background-color: var(--color-purple);
}
.job_based_page .challenge .box:first-child::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.418%22%20height%3D%2266.493%22%20viewBox%3D%220%200%2050.418%2066.493%22%3E%3Cpath%20d%3D%22M33.341%2C2.465a2%2C2%2C0%2C0%2C1%2C3.318%2C0L67.9%2C48.883A2%2C2%2C0%2C0%2C1%2C66.243%2C52H3.757A2%2C2%2C0%2C0%2C1%2C2.1%2C48.883Z%22%20transform%3D%22translate(52%20-1.754)%20rotate(90)%22%20fill%3D%22%23c498c4%22%2F%3E%3C%2Fsvg%3E');
}
.job_based_page .challenge .heading_01 {
  margin-bottom: 1em;
}
.job_based_page .challenge .box.dblue,
.job_based_page .challenge .box.dblue li {
  border-color: #4f75ad;
}
.job_based_page .challenge .box.dblue h3 {
  background-color: #4f75ad;
}
.job_based_page .challenge .box.dblue:first-child::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.418%22%20height%3D%2266.493%22%20viewBox%3D%220%200%2050.418%2066.493%22%3E%3Cpath%20d%3D%22M33.341%2C2.465a2%2C2%2C0%2C0%2C1%2C3.318%2C0L67.9%2C48.883A2%2C2%2C0%2C0%2C1%2C66.243%2C52H3.757A2%2C2%2C0%2C0%2C1%2C2.1%2C48.883Z%22%20transform%3D%22translate(52%20-1.754)%20rotate(90)%22%20fill%3D%22%234f75ad%22%2F%3E%3C%2Fsvg%3E');
}

/* ------------------------------
training_lineup
------------------------------ */
.training_lineup .table_01 {
  margin-bottom: 50px;
}
.training_lineup .table_01 th {
  background: #efefef;
  border-top: 5px solid #e70012;
  color: #e70012;
}
.training_lineup .table_01 th:nth-child(1) {
  width: 35%;
}
.training_lineup .table_01 th:nth-child(2) {
  width: 25%;
}
.training_lineup .table_01 th:nth-child(3) {
  width: 40%;
}
.training_lineup .table_01 .label_ex {
  padding: 0.5em;
  border: 1px solid #e70012;
  color: #e70012;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.training_lineup h3 {
  position: relative;
  margin-bottom: 1.5em;
}
.training_lineup h3::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--color-red);
  content: '';
}
.training_lineup h3 span {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 0 1.2em;
}
.training_lineup .slide_area {
  position: relative;
  height: 520px;
  overflow: hidden;
}
.training_lineup .slide_area::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
  width: 100%;
  height: 100%;
  content: '';
}
.training_lineup .slide_area.active {
  height: auto;
}
.training_lineup .slide_area.active::after {
  background: none;
}
.training_lineup .slide_head {
  margin-bottom: 1.5em;
  padding: 0.5em 1em;
  background: #ffeeef;
  border-left: 5px solid #e70012;
  color: #e70012;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.training_lineup .slide_body {
  width: 96%;
  margin: 0 auto 60px;
}
.training_lineup .slide_list {
  margin-top: 30px;
}
@media screen and (min-width: 600px) {
  .training_lineup .table_01 .label_ex {
    float: right;
  }
  .training_lineup .slide_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .training_lineup .slide_list li {
    width: 32%;
  }
  .training_lineup .slide_list li:nth-child(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .training_lineup .table_01 {
    margin-bottom: 40px;
  }
  .training_lineup .table_01 td {
    vertical-align: top;
  }
  .training_lineup .table_01 .label_ex {
    padding: 0.2em 0.3em;
    font-size: 10px;
  }
  .training_lineup h3 span {
    padding: 0 0.8em;
  }
  .training_lineup .slide_area {
    height: 600px;
  }
  .training_lineup .slide_area::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
  }
  .training_lineup .slide_head {
    font-size: 18px;
  }
  .training_lineup .slide_body {
    margin-bottom: 40px;
  }
  .training_lineup .slide_list {
    width: 100%;
    max-width: 305px;
    margin: 25px auto 0;
  }
  .training_lineup .slide_list li + li {
    margin-top: 25px;
  }
  .training_lineup .slide_list img {
    width: 100%;
  }
}
/* senior_career */
.senior_career_page .training_lineup .table_01 th {
  border-top-color: var(--color-yellow);
  color: var(--color-yellow);
}
/* job_based_page */
.job_based_page .training_lineup .table_01 th {
  border-top-color: #6b59ab;
  color: #6b59ab;
}

/* ------------------------------
training_image
------------------------------ */
.training_image .table_01 {
  height: 100%;
}
.training_image .table_01 th {
  height: 100%;
  padding: 1em 0.5em;
  line-height: 1.4;
  vertical-align: top;
}
.training_image .table_01 th .th_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.training_image .table_01 td {
  width: 25%;
  padding: 1em 0.5em;
  text-align: center;
}
.training_image .table_01 td:nth-of-type(1) {
  text-align: left;
}
.training_image .table_01 td.bg_gray {
  background: #efefef;
}
.training_image .table_01 .bg_none {
  background-color: #f4f5f7;
  border-top: 5px solid #f4f5f7;
  border-left-color: #f4f5f7;
  vertical-align: bottom;
}
.training_image .table_01 .plan {
  margin-bottom: 0.8em;
}
.training_image .table_01 .type {
  flex-grow: 2;
  margin-bottom: 0.8em;
  font-size: 15px;
}
.training_image .table_01 .price {
  margin-bottom: 1em;
  font-size: 20px;
}
.training_image .table_01 .price .txt_s {
  font-size: 16px;
}
.training_image .table_01 .top_line_blue {
  border-top: 5px solid #4f75ad;
}
.training_image .table_01 .top_line_blue .plan {
  color: #4f75ad;
}
.training_image .table_01 .top_line_pink {
  border-top: 5px solid #d25f60;
}
.training_image .table_01 .top_line_pink .plan {
  color: #d25f60;
}
.training_image .table_01 .top_line_purple {
  border-top: 5px solid #6b59ab;
}
.training_image .table_01 .top_line_purple .plan {
  color: #6b59ab;
}
.training_image .table_01 .speech_bubble {
  position: relative;
  padding: 0.6em 0.5em;
  background: #fff;
  border: 1px solid;
  border-radius: 7px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.training_image .table_01 .speech_bubble::before {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 12px solid;
  content: '';
}
.training_image .table_01 .speech_bubble::after {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  margin-left: -9px;
  border: 9px solid transparent;
  border-top: 11px solid #fff;
  content: '';
}
.training_image .table_01 .basic_lecture_fee {
  display: none;
  height: 85px;
  line-height: 1.6;
}
.training_image .table_01 .label {
  display: inline-block;
  margin: 0.1em 0;
  padding: 0.5em 0.8em;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.training_image .table_01 .plus {
  margin: 0 0.5em;
  font-size: 12px;
  font-weight: bold;
}
.training_image .table_01 .label.blue {
  background: #4f75ad;
}
.training_image .table_01 .label.pink {
  background: #d25f60;
}
.training_image .table_01 .label.purple {
  background: #6b59ab;
}
.training_image .note_list {
  margin-top: 1.5em;
  font-size: 12px;
}
@media screen and (min-width: 600px) {
  .training_image .table_01 .basic_lecture_fee.dsp_pc {
    display: block;
  }
  .training_image .table_01 .basic_lecture_fee {
    padding: 1em 0.5em;
    background: #efefef;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
  }
}
@media screen and (max-width: 1019px) {
  .training_image .table_01 .basic_lecture_fee {
    height: 100px;
  }
}
@media screen and (max-width: 949px) {
  .training_image .table_01 .basic_lecture_fee {
    height: 115px;
  }
}
@media screen and (max-width: 819px) {
  .training_image .table_01 .basic_lecture_fee {
    height: 130px;
  }
}
@media screen and (max-width: 599px) {
  .training_image .table_01 td {
    padding: 0.8em 0.2em;
    text-align: center;
  }
  .training_image .table_01 td:nth-of-type(1) {
    padding: 0.8em 0.5em;
    text-align: center;
  }
  .training_image .table_01 .bg_none {
    padding: 0.8em 0.2em;
  }
  .training_image .table_01 .th_inner > .plan {
    font-size: 10px;
  }
  .training_image .table_01 .th_inner > .type {
    font-size: 10px;
  }
  .training_image .table_01 .th_inner > .price {
    font-size: 12px;
  }
  .training_image .table_01 .th_inner > .price .txt_s {
    font-size: 10px;
  }
  .training_image .table_01 .speech_bubble {
    padding: 0.3em 0.6em;
    border-radius: 9999px;
    font-size: 10px;
  }
  .training_image .table_01 .speech_bubble::before {
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 8px solid;
  }
  .training_image .table_01 .speech_bubble::after {
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 7px solid #fff;
  }
  .training_image .table_01 .basic_lecture_fee.dsp_sp {
    display: block;
  }
  .training_image .table_01 .basic_lecture_fee {
    position: relative;
    height: 45px;
    padding: 0.5em 0 2.5em;
    background: #efefef;
    border-radius: 5px;
    font-size: 10px;
    font-weight: normal;
    cursor: pointer;
  }
  .training_image .table_01 .modal_body .basic_lecture_fee {
    height: auto;
    padding: 0.8em;
    border-radius: 0;
    font-size: 14px;
    text-align: left;
    line-height: 1.7;
    cursor: unset;
  }
  .training_image .table_01 .basic_lecture_fee span {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    content: '';
  }
  .training_image .table_01 .basic_lecture_fee span::before {
    position: absolute;
    bottom: 6.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    border-top: 1px solid #707070;
    content: '';
  }
  .training_image .table_01 .basic_lecture_fee span::after {
    position: absolute;
    bottom: 2.5px;
    left: 50%;
    transform: translateX(-50%);
    height: 9px;
    border-left: 1px solid #707070;
    content: '';
  }
  .training_image .table_01 .label {
    margin: 0.2em 0;
    padding: 0.3em;
  }
  .training_image .table_01 .plus {
    margin: 0 0.1em;
  }
}

/* fresh_career */
.fresh_career_page .training_image .table_01 .speech_bubble {
  border-color: var(--color-green);
}
.fresh_career_page .training_image .table_01 .speech_bubble::before {
  border-top-color: var(--color-green);
}
/* middle_career */
.middle_career_page .training_image .table_01 .speech_bubble {
  border-color: var(--color-blue);
}
.middle_career_page .training_image .table_01 .speech_bubble::before {
   border-top-color: var(--color-blue);
}
/* senior_career */
.senior_career_page .training_image .table_01 .speech_bubble {
  border-color: var(--color-yellow);
}
.senior_career_page .training_image .table_01 .speech_bubble::before {
  border-top-color: var(--color-yellow);
}
/* job_based_page */
.job_based_page .training_image .table_01 .speech_bubble {
  border-color: var(--color-purple);
}
.job_based_page .training_image .table_01 .speech_bubble::before {
  border-top-color: var(--color-purple);
}

/* ------------------------------
modal
------------------------------ */
.modal_wrap {
  display: none;
}
@media screen and (min-width: 600px) {
  .modal_wrap.hide_pc {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .modal_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 100%;
    height: 100vh;
  }
  .modal_wrap .modal_bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
  }
  .modal_wrap .btn_close {
    position: absolute;
    right: 12px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
  }
  .modal_wrap .btn_close span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .modal_wrap .btn_close span::before,
  .modal_wrap .btn_close span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 9999px;
    background: #707070;
    content: '';
  }
  .modal_wrap .btn_close span::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .modal_wrap .btn_close span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .modal_body {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 92%;
    max-width: 1000px;
    border: 1px solid #d8d6d6;
    border-top: 0;
    padding: 15px 4% 10px;
    background: #fff;
  }
  .modal_body::before {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: 5px;
    content: '';
  }
  .top_line_blue .modal_body::before {
    background: #4f75ad;;
  }
  .top_line_pink .modal_body::before {
    background: #d25f60;;
  }
  .top_line_purple .modal_body::before {
    background: #6b59ab;;
  }
}