:root {
  --board: 1280;
  --max: 1px;
}
@media screen and (max-width: 768px) {
  :root {
    --board: 375;
    --max: 9999px;
  }
}

.top-hero__inner {
  position: relative;
}

.top-hero__banner {
  position: absolute;
  top: 26.3888888889vw;
  left: 4.1666666667vw;
  z-index: 10;
  display: block;
  max-width: 22.1rem;
  width: 15.3472222222vw;
  -webkit-transition: opacity .4s ease-in-out;
          transition: opacity .4s ease-in-out;
}
@media (hover: hover) {
  .top-hero__banner:hover {
    opacity: .8;
  }
}
.top-hero__banner img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .top-lead__sp-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12.5, var(--max) * 12.5);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    background-color: #e077cf;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important;
  }
  .top-lead__sp p {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12.5, var(--max) * 12.5);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.5;
  }
  .top-lead__sp p + p {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 12.5, var(--max) * 12.5);
  }
}

@media (max-width: 767px) {
  .top-lead__inner {
    padding: 0;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.top-lead__inner p {
  margin-bottom: 0;
}

.top-demand__inner {
  padding-bottom: 0;
}

.top-demand__box {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .top-demand__box {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}

@media (max-width: 767px) {
  .top-strengths__outline {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65) !important;
  }
}

@media (max-width: 767px) {
  .top-strengths__outline-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.top-strengths__outline-image img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .top-strengths__outline-image img {
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  }
}

@media (max-width: 767px) {
  .top-strengths__outline-item {
    text-align: center;
  }
  .top-strengths__outline-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) !important;
    line-height: 1.35 !important;
  }
  .top-strengths__outline-item a::before {
    display: none;
  }
  .top-strengths__outline-item a::after {
    position: absolute;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .top-strengths__outline-item::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    border: 3px solid #fff;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
.top-strengths__outline-item i {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: .06em;
  font-weight: normal;
  font-style: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5 !important;
}
@media (max-width: 767px) {
  .top-strengths__outline-item i {
    margin-top: .25em;
    padding-bottom: .5em;
    padding-left: 0;
    text-indent: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    line-height: 1.4 !important;
  }
}
.top-strengths__outline-item.-item01 {
  left: 7%;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item01 {
    top: -2%;
  }
}
.top-strengths__outline-item.-item01 > a {
  border-color: #69a871;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item01 > a {
    width: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
    height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}
.top-strengths__outline-item.-item01 > a:hover {
  background-color: #69a871;
}
.top-strengths__outline-item.-item01 > a:hover::before {
  border-bottom-color: #69a871;
}
.top-strengths__outline-item.-item01 > a::after {
  color: #69a871;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item01:hover::before {
    border-color: #69a871;
    background-color: #69a871;
  }
}
.top-strengths__outline-item.-item01::before {
  border-top-color: #69a871;
  border-left-color: #69a871;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item01::before {
    right: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * 1);
    bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) * -1);
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item02 {
    top: -2%;
    right: 4%;
  }
  .top-strengths__outline-item.-item02 > a {
    width: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
    height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item02:hover::before {
    border-color: #efb330;
    background-color: #efb330;
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item02::before {
    bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) * -1);
    left: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * 1);
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item03 {
    top: 51%;
    bottom: auto;
    left: 1%;
  }
  .top-strengths__outline-item.-item03 > a {
    width: clamp(0px, 10vw / var(--board) * 10 * 87, var(--max) * 87);
    height: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .top-strengths__outline-item.-item03 > a::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item03::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    right: calc(clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) * -1);
    -webkit-transform: scaleY(.6) rotate(135deg);
            transform: scaleY(.6) rotate(135deg);
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item03:hover::before {
    border-color: #e96069;
    background-color: #e96069;
  }
}
.top-strengths__outline-item.-item04 {
  right: 4%;
  bottom: 10%;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item04 {
    right: 0;
    bottom: 18%;
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item04:hover::before {
    border-color: #8e8ac1;
    background-color: #8e8ac1;
  }
}
.top-strengths__outline-item.-item04 > a {
  border-color: #8e8ac1 !important;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item04 > a {
    width: clamp(0px, 10vw / var(--board) * 10 * 87, var(--max) * 87);
    height: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118);
  }
}
@media (hover: hover) {
  .top-strengths__outline-item.-item04 > a:hover {
    background-color: #8e8ac1 !important;
  }
  .top-strengths__outline-item.-item04 > a:hover::before {
    border-bottom-color: #8e8ac1 !important;
  }
  .top-strengths__outline-item.-item04 > a:hover::after {
    color: #fff !important;
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item04 > a::before {
    display: none;
  }
}
.top-strengths__outline-item.-item04 > a::after {
  color: #8e8ac1 !important;
}
.top-strengths__outline-item.-item04::before {
  border-top-color: #8e8ac1 !important;
  border-left-color: #8e8ac1 !important;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item04::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    left: calc(clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) * -1);
    -webkit-transform: scaleY(.6) rotate(-45deg);
            transform: scaleY(.6) rotate(-45deg);
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item05 {
    bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) * -1) !important;
    left: calc(clamp(0px, 10vw / var(--board) * 10 * 168, var(--max) * 168) * 1) !important;
  }
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item05:hover::before {
    border-color: #41b0d1;
    background-color: #41b0d1;
  }
}
.top-strengths__outline-item.-item05 > a {
  border-color: #41b0d1 !important;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item05 > a {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
    -ms-flex-align: start !important;
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 0 !important;
    width: clamp(0px, 10vw / var(--board) * 10 * 115, var(--max) * 115);
    height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  }
}
@media (hover: hover) {
  .top-strengths__outline-item.-item05 > a:hover {
    background-color: #41b0d1 !important;
  }
  .top-strengths__outline-item.-item05 > a:hover::before {
    border-bottom-color: #41b0d1 !important;
  }
  .top-strengths__outline-item.-item05 > a:hover::after {
    color: #fff !important;
  }
}
.top-strengths__outline-item.-item05 > a::after {
  color: #41b0d1 !important;
}
.top-strengths__outline-item.-item05::before {
  border-top-color: #41b0d1 !important;
  border-left-color: #41b0d1 !important;
}
@media (max-width: 767px) {
  .top-strengths__outline-item.-item05::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) * 1) !important;
    left: 50% !important;
    -webkit-transform: scaleX(.6) rotate(45deg) translateX(-50%) !important;
            transform: scaleX(.6) rotate(45deg) translateX(-50%) !important;
  }
}

.top-strengths__note {
  margin-top: -1rem;
  margin-bottom: .5em;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .top-strengths__note {
    margin-top: -.5em;
    margin-bottom: 1em;
    font-size: 1.1rem;
  }
}

.top-strengths__text span {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .top-strengths__text span {
    font-size: 1.1rem;
  }
}

.top-major {
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) * -1);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
@media (max-width: 767px) {
  .top-major {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) * -1);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.top-major__inner {
  margin: 0 auto;
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
.top-major__heading {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none !important;
}
@media (max-width: 767px) {
  .top-major__heading {
    min-height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}
.top-major__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 767px) {
  .top-major__list {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.top-major__item {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(50% - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
      flex: 0 1 calc(50% - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
  clip-path: polygon(35px 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 35px);
}
@media (max-width: 767px) {
  .top-major__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
    width: 100%;
    clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27));
  }
}
.top-major__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: calc(100% + clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80));
  height: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
  background-color: #5588e0;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}
@media (max-width: 767px) {
  .top-major__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.-vtuber .top-major__title {
  background-color: #e077cf;
}
.top-major__title span {
  margin-right: .5em;
  margin-left: -.5em;
  color: #fff05f;
  font-size: .85em;
}
.top-major__link {
  text-decoration: none;
}
@media (hover: hover) {
  .top-major__link:hover img {
    opacity: .7;

    scale: 1.05;
  }
  .top-major__link:hover p {
    opacity: .7;
  }
  .top-major__link:hover .more-btn {
    color: #efb330;
  }
  .top-major__link:hover .more-btn::after {
    right: -2px;
  }
}
.top-major__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: 100%;
  background-color: #fff;
}
@media (max-width: 767px) {
  .top-major__body {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.top-major__image {
  overflow: hidden;
  clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);
}
@media (max-width: 767px) {
  .top-major__image {
    clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27));
  }
}
.top-major__image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: .4s;
          transition: .4s;
}
.top-major__text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-bottom: 0;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.7;
  -webkit-transition: .4s;
          transition: .4s;
}
@media (max-width: 767px) {
  .top-major__text {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.top-major__btn {
  margin-top: auto;
}

.vc__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
@media (max-width: 767px) {
  .vc__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #5588e0;
  text-align: center;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.vc__title img {
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
}
@media (max-width: 767px) {
  .vc__title img {
    height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
}
.vc__title.is-white {
  color: #fff;
}

.vc__copy {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vc__copy {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vc__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  background-color: #5588e0;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0, 100% 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)) 100%, 0 100%);
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 767px) {
  .vc__label {
    padding: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 355, var(--max) * 355);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.vc__label.is-small {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0, 100% 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20)) 100%, 0 100%);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vc__label.is-small {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vc__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #41b0d1;
  color: #fff;
  text-decoration: none;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (hover: hover) {
  .vc__button:hover {
    opacity: .7;
  }
}
@media (max-width: 767px) {
  .vc__button {
    height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.vc__button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #fff224;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vc__button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 9.57, var(--max) * 9.57);
    height: clamp(0px, 10vw / var(--board) * 10 * 11.72, var(--max) * 11.72);
  }
}
.vc__button.is-primary {
  background-color: #e96069;
}

.vc__mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -40px;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  background-image: url(/movie_creator/assets/img/visualcreator/bg_mv.webp);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vc__mv {
    height: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
    background-image: url(/movie_creator/assets/img/visualcreator/bg_mv_sp.webp);
  }
}

.vc__mv-title {
  width: clamp(0px, 10vw / var(--board) * 10 * 662, var(--max) * 662);
  height: auto;
}
@media (max-width: 767px) {
  .vc__mv-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 292, var(--max) * 292);
  }
}

.vc__skill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #fff;
  background-image: url(/movie_creator/assets/img/visualcreator/bg_skill.webp);
  background-position: top clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vc__skill {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    background-image: url(/movie_creator/assets/img/visualcreator/bg_skill_sp.webp);
    background-position: top clamp(0px, 10vw / var(--board) * 10 * 121, var(--max) * 121) center;
    background-size: 100%;
  }
}

.vc__skill-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
  background-image: url(/movie_creator/assets/img/visualcreator/image_skill.webp);
  background-position: top center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 929, var(--max) * 929);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vc__skill-inner {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    background-size: clamp(0px, 10vw / var(--board) * 10 * 465, var(--max) * 465);
  }
}

.vc__skill-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 236, var(--max) * 236);
  -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
     -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
          column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vc__skill-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 194, var(--max) * 194);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__skill-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
  height: clamp(0px, 10vw / var(--board) * 10 * 387, var(--max) * 387);
  background-image: url(/movie_creator/assets/img/visualcreator/bg_skill-item.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vc__skill-item {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    height: clamp(0px, 10vw / var(--board) * 10 * 159, var(--max) * 159);
    background-image: url(/movie_creator/assets/img/visualcreator/bg_skill-item_sp.webp);
  }
}
.vc__skill-item:nth-child(3) {
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170) * -1);
}
@media (max-width: 767px) {
  .vc__skill-item:not(:first-child) {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
  }
}

.vc__skill-name {
  color: #5588e0;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__skill-name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vc__skill-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  width: clamp(0px, 10vw / var(--board) * 10 * 270, var(--max) * 270);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vc__skill-text {
    width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vc__skill-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
@media (max-width: 767px) {
  .vc__skill-more {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__skill-more-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1em;
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) * -1);
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0;
  width: 100%;
  background-color: #e1f1ff;
  color: #5588e0;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__skill-more-list {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6;
  }
}

.vc__skill-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  width: clamp(0px, 10vw / var(--board) * 10 * 930, var(--max) * 930);
}
@media (max-width: 767px) {
  .vc__skill-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__point {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  width: 100%;
  background-color: #5588e0;
  background-image: url(/movie_creator/assets/img/visualcreator/bg_vc.webp);
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat-y;
  color: #fff;
}
@media (max-width: 767px) {
  .vc__point {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
    background-image: url(/movie_creator/assets/img/visualcreator/bg_vc_sp.webp);
  }
}

.vc__point-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vc__point-container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .vc__point-container:first-of-type {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
}
.vc__point-container:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.vc__point-info {
  position: relative;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
  width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
}
@media (max-width: 767px) {
  .vc__point-info {
    padding-top: 0;
    width: 100%;
  }
}
.vc__point-info > * {
  position: relative;
  z-index: 2;
}

.vc__point-num {
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
  left: 0;
  z-index: 1;
  margin: 0;
  color: #81a2de;
  letter-spacing: .05em;
  font-weight: 900;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  font-family: 'Urbanist', sans-serif;
  line-height: 1;
}
@media (max-width: 767px) {
  .vc__point-num {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}

.vc__point-title {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__point-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vc__point-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 767px) {
  .vc__point-text {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vc__point-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #fff8ac;
  color: #5588e0;
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (hover: hover) {
  .vc__point-button:hover {
    opacity: .7;
  }
}
@media (max-width: 767px) {
  .vc__point-button {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vc__point-button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #5588e0;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vc__point-button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 9.57, var(--max) * 9.57);
    height: clamp(0px, 10vw / var(--board) * 10 * 11.72, var(--max) * 11.72);
  }
}

.vc__point-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 530, var(--max) * 530);
}
@media (max-width: 767px) {
  .vc__point-photo {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}
.vc__point-photo img {
  height: auto;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37));
}
@media (max-width: 767px) {
  .vc__point-photo img {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24));
  }
}

.vc__step {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  background-color: #fff;
  color: #e077cf;
}
@media (max-width: 767px) {
  .vc__step {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
}
.vc__step .vc__title img {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
}
@media (max-width: 767px) {
  .vc__step .vc__title img {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.vc__step-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
@media (max-width: 767px) {
  .vc__step-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.vc__step-container::before {
  content: '';
  position: absolute;
  top: 5px;
  left: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  z-index: 0;
  display: block;
  width: 2px;
  height: 100%;
  background-color: #5588e0;
}
@media (max-width: 767px) {
  .vc__step-container::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 33.5, var(--max) * 33.5);
  }
}
.vc__step-container:first-of-type {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vc__step-container:first-of-type {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.vc__step-container:last-of-type {
  padding-bottom: 0;
}
.vc__step-container:last-of-type::before {
  display: none;
}

.vc__step-info {
  width: clamp(0px, 10vw / var(--board) * 10 * 625, var(--max) * 625);
}
@media (max-width: 767px) {
  .vc__step-info {
    width: 100%;
  }
}

.vc__step-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vc__step-title {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.vc__step-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  min-width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #5588e0;
  color: #fff;
  font-weight: 900;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  font-family: 'Urbanist', sans-serif;
}
@media (max-width: 767px) {
  .vc__step-title span {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
}
.vc__step-title span::before {
  content: 'STEP';
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vc__step-title span::before {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vc__step-title em {
  color: #5588e0;
  letter-spacing: .05em;
  font-style: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__step-title em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}

.vc__step-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  color: #333;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vc__step-text {
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vc__step-text img {
  width: clamp(0px, 10vw / var(--board) * 10 * 129, var(--max) * 129);
  height: auto;
}
@media (max-width: 767px) {
  .vc__step-text img {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}

.vc__step-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 455, var(--max) * 455);
}
@media (max-width: 767px) {
  .vc__step-photo {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
  }
}
.vc__step-photo img {
  height: auto;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}

.vc__curriculum {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  background-color: #f4f4f4;
}
@media (max-width: 767px) {
  .vc__curriculum {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
}

.vc__curriculum-copy {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
@media (max-width: 767px) {
  .vc__curriculum-copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.vc__curriculum-group {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);

  --mainColor: #54c2f0;
  --headColor: #69caf2;
}
@media (max-width: 767px) {
  .vc__curriculum-group {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: calc(100vw - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
  }
  .vc__curriculum-group + .vc__curriculum-group {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.vc__curriculum-group.is-second {
  --mainColor: #5588e0;
  --headColor: #85acee;
}

.vc__curriculum-title {
  position: relative;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: var(--mainColor);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vc__curriculum-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.4;
  }
}
.vc__curriculum-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--mainColor);
}

.vc__curriculum-badge {
  position: absolute;
  bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) * -1);
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  border-radius: 100%;
  background-color: var(--mainColor);
  color: #fff;
  letter-spacing: .05em;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1;
}
@media (max-width: 767px) {
  .vc__curriculum-badge {
    position: static;
    min-width: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vc__curriculum-badge span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  font-family: 'Urbanist', sans-serif;
}
@media (max-width: 767px) {
  .vc__curriculum-badge span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.vc__curriculum-course {
  display: none;
}
.vc__curriculum-course.is-active {
  display: block;
}

@media (max-width: 767px) {
  .vc__curriculum-table-wrap {
    overflow-x: auto;

    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
  }
}

.vc__curriculum-table {
  width: 100%;
}
@media (max-width: 767px) {
  .vc__curriculum-table {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 568, var(--max) * 568);
    border-spacing: 0;
    border-collapse: separate;
  }
}
.vc__curriculum-table th,
.vc__curriculum-table td {
  border: .5px solid #b6b6b6;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
.vc__curriculum-table thead th {
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-color: var(--headColor);
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 767px) {
  .vc__curriculum-table thead th {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .vc__curriculum-table thead th:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1;
  }
}
.vc__curriculum-table tbody {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 767px) {
  .vc__curriculum-table tbody {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.vc__curriculum-table tbody th,
.vc__curriculum-table tbody td {
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.4;
}
.vc__curriculum-table tbody th {
  background-color: #e5ecf3;
}
.vc__curriculum-table tbody th:first-of-type {
  width: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
}
@media (max-width: 767px) {
  .vc__curriculum-table tbody th:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1;
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.vc__curriculum-table tbody th:nth-of-type(2) {
  width: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
  font-weight: normal;
}
@media (max-width: 767px) {
  .vc__curriculum-table tbody th:nth-of-type(2) {
    position: sticky;
    left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    z-index: 1;
    width: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  }
}
.vc__curriculum-table tbody td {
  width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
@media (max-width: 767px) {
  .vc__curriculum-table tbody td {
    width: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
  }
}

.vc__curriculum-pickup {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 767px) {
  .vc__curriculum-pickup {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vc__curriculum-pickup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: var(--mainColor);
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vc__curriculum-pickup-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vc__curriculum-pickup-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  background-color: #fff;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30));
}
@media (max-width: 767px) {
  .vc__curriculum-pickup-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__curriculum-pickup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

.vc__curriculum-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #dff4fc;
  color: var(--mainColor);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 767px) {
  .vc__curriculum-btn {
    width: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vc__curriculum-pickup-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vc__curriculum-pickup-text {
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vc__curriculum-course-tabs {
  display: -ms-grid;
  display:     grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);

  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .vc__curriculum-course-tabs {
    gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vc__curriculum-tab {
  position: relative;
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  border: 2px solid var(--mainColor);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: var(--mainColor);
  color: #fff;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
}
@media (hover: hover) {
  .vc__curriculum-tab:hover {
    opacity: .7;
  }
}
@media (max-width: 767px) {
  .vc__curriculum-tab {
    padding: 0;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    white-space: nowrap;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
}
.vc__curriculum-tab.is-active {
  background-color: #fff;
  color: var(--mainColor);
  opacity: 1 !important;
}
.vc__curriculum-tab.is-active::after {
  background-color: var(--mainColor);
}
.vc__curriculum-tab::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 6.67, var(--max) * 6.67);
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vc__curriculum-tab::after {
    top: auto;
    right: 50%;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.vc__job {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 1px;
  background-color: #5588e0;
  background-image: url(/movie_creator/assets/img/visualcreator/bg_job.webp);
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat-x;
}
@media (max-width: 767px) {
  .vc__job {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.vt__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
@media (max-width: 767px) {
  .vt__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vt__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #e077cf;
  text-align: center;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.vt__title img {
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
}
@media (max-width: 767px) {
  .vt__title img {
    height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
}
.vt__title.is-white {
  color: #fff;
}

.vt__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #e077cf;
  text-align: center;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vt__subtitle {
    margin: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.vt__subtitle span {
  color: #333;
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
@media (max-width: 767px) {
  .vt__subtitle span {
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.vt__subtitle img {
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
}
@media (max-width: 767px) {
  .vt__subtitle img {
    height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
}
.vt__subtitle.is-white {
  color: #fff;
}

.vt__copy {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vt__copy {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vt__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  background-color: #e077cf;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0, 100% 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)) 100%, 0 100%);
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 767px) {
  .vt__label {
    padding: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 355, var(--max) * 355);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.vt__label.is-small {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0, 100% 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20)) 100%, 0 100%);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vt__label.is-small {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vt__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #41b0d1;
  color: #fff;
  text-decoration: none;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (hover: hover) {
  .vt__button:hover {
    opacity: .7;
  }
}
@media (max-width: 767px) {
  .vt__button {
    height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.vt__button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #fff224;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vt__button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 9.57, var(--max) * 9.57);
    height: clamp(0px, 10vw / var(--board) * 10 * 11.72, var(--max) * 11.72);
  }
}
.vt__button.is-primary {
  background-color: #e96069;
}

.vt__mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -40px;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  background-image: url(/movie_creator/assets/img/vtuber/bg_mv.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vt__mv {
    height: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
    background-image: url(/movie_creator/assets/img/vtuber/bg_mv_sp.webp);
  }
}

.vt__mv-title {
  width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  height: auto;
}
@media (max-width: 767px) {
  .vt__mv-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 154, var(--max) * 154);
  }
}

.vt__skill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #fff;
  background-image: url(/movie_creator/assets/img/vtuber/bg_skill.webp);
  background-position: top clamp(0px, 10vw / var(--board) * 10 * 266, var(--max) * 266) center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vt__skill {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    background-image: url(/movie_creator/assets/img/vtuber/bg_skill_sp.webp);
    background-position: top clamp(0px, 10vw / var(--board) * 10 * 278, var(--max) * 278) center;
    background-size: 100%;
  }
}

.vt__skill-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
  background-image: url(/movie_creator/assets/img/vtuber/image_skill.webp);
  background-position: top center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 929, var(--max) * 929);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vt__skill-inner {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    background-size: clamp(0px, 10vw / var(--board) * 10 * 465, var(--max) * 465);
  }
}

.vt__skill-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 236, var(--max) * 236);
  -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
     -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
          column-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vt__skill-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 194, var(--max) * 194);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vt__skill-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
  height: clamp(0px, 10vw / var(--board) * 10 * 387, var(--max) * 387);
  background-image: url(/movie_creator/assets/img/vtuber/bg_skill-item.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vt__skill-item {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    height: clamp(0px, 10vw / var(--board) * 10 * 159, var(--max) * 159);
    background-image: url(/movie_creator/assets/img/vtuber/bg_skill-item_sp.webp);
  }
}
.vt__skill-item:nth-child(3) {
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170) * -1);
}
@media (max-width: 767px) {
  .vt__skill-item:not(:first-child) {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
  }
}

.vt__skill-name {
  color: #e077cf;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__skill-name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.vt__skill-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  width: clamp(0px, 10vw / var(--board) * 10 * 270, var(--max) * 270);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vt__skill-text {
    width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__skill-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
@media (max-width: 767px) {
  .vt__skill-more {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vt__skill-more-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1em;
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) * -1);
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0;
  width: 100%;
  background-color: #ffe6f6;
  color: #e077cf;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__skill-more-list {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6;
  }
}

.vt__skill-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  width: clamp(0px, 10vw / var(--board) * 10 * 930, var(--max) * 930);
}
@media (max-width: 767px) {
  .vt__skill-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vt__point {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  width: 100%;
  background-color: #e077cf;
  background-image: url(/movie_creator/assets/img/vtuber/bg_vc.webp);
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat-y;
  color: #fff;
}
@media (max-width: 767px) {
  .vt__point {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
    background-image: url(/movie_creator/assets/img/vtuber/bg_vc_sp.webp);
  }
}

.vt__point-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vt__point-container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
}
.vt__point-container:first-of-type {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}
@media (max-width: 767px) {
  .vt__point-container:first-of-type {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.vt__point-container:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.vt__point-info {
  position: relative;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
  width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
}
@media (max-width: 767px) {
  .vt__point-info {
    padding-top: 0;
    width: 100%;
  }
}
.vt__point-info > * {
  position: relative;
  z-index: 2;
}

.vt__point-num {
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
  left: 0;
  z-index: 1;
  margin: 0;
  color: #f6a4d9;
  letter-spacing: .05em;
  font-weight: 900;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  font-family: 'Urbanist', sans-serif;
  line-height: 1;
}
@media (max-width: 767px) {
  .vt__point-num {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}

.vt__point-title {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__point-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vt__point-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 767px) {
  .vt__point-text {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__point-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #fff8ac;
  color: #e077cf;
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (hover: hover) {
  .vt__point-button:hover {
    opacity: .7;
  }
}
@media (max-width: 767px) {
  .vt__point-button {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__point-button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #e077cf;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vt__point-button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 9.57, var(--max) * 9.57);
    height: clamp(0px, 10vw / var(--board) * 10 * 11.72, var(--max) * 11.72);
  }
}

.vt__point-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 530, var(--max) * 530);
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37));
}
@media (max-width: 767px) {
  .vt__point-photo {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24));
  }
}
.vt__point-photo img {
  height: auto;
}

.vt__step {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  background-color: #fff;
  color: #e077cf;
}
@media (max-width: 767px) {
  .vt__step {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
}
.vt__step .vt__title img {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
}
@media (max-width: 767px) {
  .vt__step .vt__title img {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.vt__step-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
@media (max-width: 767px) {
  .vt__step-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.vt__step-container::before {
  content: '';
  position: absolute;
  top: 5px;
  left: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  z-index: 0;
  display: block;
  width: 2px;
  height: 100%;
  background-color: #e077cf;
}
@media (max-width: 767px) {
  .vt__step-container::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 33.5, var(--max) * 33.5);
  }
}
.vt__step-container:first-of-type {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 767px) {
  .vt__step-container:first-of-type {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.vt__step-container:last-of-type {
  padding-bottom: 0;
}
.vt__step-container:last-of-type::before {
  display: none;
}

.vt__step-info {
  width: clamp(0px, 10vw / var(--board) * 10 * 625, var(--max) * 625);
}
@media (max-width: 767px) {
  .vt__step-info {
    width: 100%;
  }
}

.vt__step-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vt__step-title {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.vt__step-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  min-width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #e077cf;
  color: #fff;
  font-weight: 900;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  font-family: 'Urbanist', sans-serif;
}
@media (max-width: 767px) {
  .vt__step-title span {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
}
.vt__step-title span::before {
  content: 'STEP';
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vt__step-title span::before {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__step-title em {
  color: #e077cf;
  letter-spacing: .05em;
  font-style: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__step-title em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}

.vt__step-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  color: #333;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vt__step-text {
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) * -1);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__step-text img {
  width: clamp(0px, 10vw / var(--board) * 10 * 129, var(--max) * 129);
  height: auto;
}
@media (max-width: 767px) {
  .vt__step-text img {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}

.vt__step-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 455, var(--max) * 455);
}
@media (max-width: 767px) {
  .vt__step-photo {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
  }
}
.vt__step-photo img {
  height: auto;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}

.vt__curriculum {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
  background-color: #f4f4f4;
}
@media (max-width: 767px) {
  .vt__curriculum {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
}

.vt__curriculum-copy {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
@media (max-width: 767px) {
  .vt__curriculum-copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.vt__curriculum-group {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);

  --mainColor: #fc94eb;
  --headColor: #fcaef0;
}
@media (max-width: 767px) {
  .vt__curriculum-group {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: calc(100vw - clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
  }
  .vt__curriculum-group + .vt__curriculum-group {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.vt__curriculum-group.is-second {
  --mainColor: #e077cf;
  --headColor: #e38ed5;
}

.vt__curriculum-title {
  position: relative;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: var(--mainColor);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 767px) {
  .vt__curriculum-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.4;
  }
}
.vt__curriculum-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--mainColor);
}

.vt__curriculum-badge {
  position: absolute;
  bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) * -1);
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  border-radius: 100%;
  background-color: var(--mainColor);
  color: #fff;
  letter-spacing: .05em;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1;
}
@media (max-width: 767px) {
  .vt__curriculum-badge {
    position: static;
    min-width: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__curriculum-badge span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  font-family: 'Urbanist', sans-serif;
}
@media (max-width: 767px) {
  .vt__curriculum-badge span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.vt__curriculum-course {
  display: none;
}
.vt__curriculum-course.is-active {
  display: block;
}

@media (max-width: 767px) {
  .vt__curriculum-table-wrap {
    overflow-x: auto;

    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
  }
}

.vt__curriculum-table {
  width: 100%;
}
@media (max-width: 767px) {
  .vt__curriculum-table {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 568, var(--max) * 568);
    border-spacing: 0;
    border-collapse: separate;
  }
}
.vt__curriculum-table th,
.vt__curriculum-table td {
  border: .5px solid #b6b6b6;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
.vt__curriculum-table thead th {
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-color: var(--headColor);
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 767px) {
  .vt__curriculum-table thead th {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .vt__curriculum-table thead th:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1;
  }
}
.vt__curriculum-table tbody {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 767px) {
  .vt__curriculum-table tbody {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.vt__curriculum-table tbody th,
.vt__curriculum-table tbody td {
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.4;
}
.vt__curriculum-table tbody th {
  background-color: #f3e5f1;
}
.vt__curriculum-table tbody th:first-of-type {
  width: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
}
@media (max-width: 767px) {
  .vt__curriculum-table tbody th:first-of-type {
    position: sticky;
    left: 0;
    z-index: 1;
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.vt__curriculum-table tbody th:nth-of-type(2) {
  width: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
  font-weight: normal;
}
@media (max-width: 767px) {
  .vt__curriculum-table tbody th:nth-of-type(2) {
    position: sticky;
    left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    z-index: 1;
    width: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  }
}
.vt__curriculum-table tbody td {
  width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
@media (max-width: 767px) {
  .vt__curriculum-table tbody td {
    width: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
  }
}

.vt__curriculum-pickup {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 767px) {
  .vt__curriculum-pickup {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vt__curriculum-pickup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: var(--mainColor);
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__curriculum-pickup-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__curriculum-pickup-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  background-color: #fff;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30));
}
@media (max-width: 767px) {
  .vt__curriculum-pickup-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.vt__curriculum-pickup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

.vt__curriculum-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #fdeafa;
  color: var(--mainColor);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__curriculum-btn {
    width: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__curriculum-pickup-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .vt__curriculum-pickup-text {
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__curriculum-course-tabs {
  display: -ms-grid;
  display:     grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);

  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .vt__curriculum-course-tabs {
    gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__curriculum-tab {
  position: relative;
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  border: 2px solid var(--mainColor);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: var(--mainColor);
  color: #fff;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 767px) {
  .vt__curriculum-tab {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__curriculum-tab.is-active {
  background-color: #fff;
  color: var(--mainColor);
}
.vt__curriculum-tab.is-active::after {
  background-color: var(--mainColor);
}
.vt__curriculum-tab::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 6.67, var(--max) * 6.67);
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .vt__curriculum-tab::after {
    top: auto;
    right: 50%;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.vt__job {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #e077cf;
  background-image: url(/movie_creator/assets/img/vtuber/bg_vc.webp);
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat-y;
}
@media (max-width: 767px) {
  .vt__job {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    background-image: url(/movie_creator/assets/img/vtuber/bg_vc_sp.webp);
    background-repeat: repeat-y;
  }
}

.vt__job-section {
  margin-bottom: 0;
}
.vt__job-section + .vt__job-section {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.vt__job-wide {
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1160, var(--max) * 1160);
}

.vt__job-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
  background: url(/movie_creator/assets/img/common/bg_heading.png) no-repeat center center/clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116) clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
}
@media (max-width: 767px) {
  .vt__job-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vt__job-title-ja {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 767px) {
  .vt__job-title-ja {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.vt__job-section--sub .vt__job-title-ja {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}
@media (max-width: 767px) {
  .vt__job-section--sub .vt__job-title-ja {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.vt__job-title-en {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 767px) {
  .vt__job-title-en {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.vt__job-inner {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
}
@media (max-width: 767px) {
  .vt__job-inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
  }
}

.vt__job-image {
  position: relative;
}
.vt__job-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-color: #55c2f0;
}
.vt__job-section--sub .vt__job-image::before {
  background-color: #e96069;
}
.vt__job-image img {
  position: relative;
  z-index: 1;
}

.vt__job-corner {
  padding: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40));
}
@media (max-width: 767px) {
  .vt__job-corner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.vt__job-image img {
  width: 100%;
  height: auto;
  clip-path: polygon(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)), calc(100% - clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)) 100%, 0 100%, 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30));
}

.vt__job-container {
  display: -ms-grid;
  display:     grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);

  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .vt__job-container {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);

    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.vt__job-name {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #55c2f0;
  letter-spacing: .05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .vt__job-name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.vt__job-section--sub .vt__job-name {
  color: #e96069;
}

.vt__job-text {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  letter-spacing: 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.7;
}
@media (max-width: 767px) {
  .vt__job-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.vt__job-point {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  height: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  background-color: #f7f5eb;
  letter-spacing: 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.7;
}
@media (max-width: 767px) {
  .vt__job-point {
    padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 23.5, var(--max) * 23.5);
    height: auto;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.vt__job-point::before {
  content: '';
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  left: calc(clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) * -1);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  background-image: url(/movie_creator/assets/img/vtuber/icon_job-point.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .vt__job-point::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    left: calc(clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

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

@media (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}