/* ––––––––––––––––––––––––––––––––––––––––––––––––––
top start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
  scroll-behavior: smooth;
}

body {
  overflow-y: auto;
}

.top img {
  display: block;
  width: 100%;
}

.top .sec {
  background: #f8f4ff;
}

@media (max-width: 1440px) {
  .top {
    background-position: top 465em center;
  }
}

.top .white-area {
  margin-bottom: 200em;
}

@media (max-width: 1440px) {
  .top .white-area {
    margin-bottom: 155em;
  }
}

@media (max-width: 567px) {
  .top .white-area {
    margin-bottom: 50em;
  }
}

.top .sec1 {
  background: #ffffff;
  padding-top: 60em;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .top .sec1 {
    padding-top: 100em;
  }
}

@media (max-width: 768px) and (min-width: 567px) {
  .top .sec1 {
    padding-top: 150em;
  }
}

@media (max-width: 567px) {
  .top .sec1 {
    padding-top: 80em;
  }
}

.sec1 .first-image {
  background-image: url("/assets/img/top/pc/section1_back_Frame2789_pc.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 80em;
}

@media screen and (max-width: 567px) {
  .sec1 .first-image {
    background-image: url("/assets/img/top/sp/section1_back_firstview_sp.webp");
    display: block;
    padding: 0;
  }
}

.sec1 .first-image__left {
  width: 45%;
  text-align: center;
}

@media screen and (max-width: 567px) {
  .sec1 .first-image__left {
    width: 100%;
    padding: 17em;
  }
}

.sec1 .first-image__subtitle {
  width: fit-content;
  color: #ffffff;
  background-color: #2f1b6e;
  font-size: 48em;
  font-weight: bold;
  font-family: "BIZ UDMincho", serif;
  padding: 0.2em;
  margin: 0 auto;
  transform: skewX(-5deg);
}

.sec1 .first-image__subtitle-span {
  font-size: 1.2em;
}

.sec1 .first-image__title {
  color: #2f1b6e;
  font-size: 80em;
  font-weight: 900;
  font-family: "BIZ UDMincho", serif;
  margin-top: 1vw;
  transform: skewX(-5deg);
}

@media screen and (max-width: 567px) {
  .sec1 .first-image__subtitle {
    font-size: 34em;
  }

  .sec1 .first-image__title {
    font-size: 56em;
  }
}

.sec1 .first-image__content {
  width: 80%;
  position: relative;
  border: 1px solid #2f1b6e;
  padding: 4% 0 3%;
  margin: 8vw auto 0;
  transform: skewX(-5deg);
  max-width: 300em;
  max-height: 100em;
}

@media screen and (max-width: 1440px) {
  .sec1 .first-image__content {
    margin: 4vw auto 0;
  }
}

@media screen and (max-width: 567px) {
  .sec1 .first-image__content {
    padding: 7% 0 3%;
    margin: 8vw auto 0;
  }
}

.sec1 .first-image__content-title {
  width: 70%;
  background-color: #ffffff;
  color: #e6c100;
  font-size: 21em;
  font-weight: bold;
  text-shadow: 1px 1px 0 #2f1b6e, -1px -1px 0 #2f1b6e, -1px 1px 0 #2f1b6e,
    1px -1px 0 #2f1b6e, 0px 1px 0 #2f1b6e, 0-1px 0 #2f1b6e, -1px 0 0 #2f1b6e,
    1px 0 0 #2f1b6e;
  position: absolute;
  top: -35%;
  left: 50%;
  padding: 0.3em;
  transform: translateX(-50%) skewX(5deg);
}

.sec1 .first-image__content-title-int {
  font-size: 1.6em;
}

.sec1 .first-image__item-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec1 .first-image__item {
  text-align: center;
  padding: 0 5%;
}

.sec1 .first-image__item:nth-of-type(2) {
  border-left: 1px dashed #2f1b6e;
  border-right: 1px dashed #2f1b6e;
}

.sec1 .first-image__item-text {
  color: #2f1b6e;
  font-size: 14em;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.sec1 .first-image__button {
  margin-top: 1vw;
}

.sec1 .first-image__button .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17em;
  height: 3em;
  border-radius: 1vw;
  background-image: linear-gradient(
    135deg,
    #f3cc00 75%,
    #f3cc00 14%,
    #e6c100 14%,
    #e6c100 100%
  );
  color: #fff;
  white-space: nowrap;
  font-size: 25em;
  font-weight: bold;
  background-size: 300% 300%;
  background-position: bottom right;
  transition: background-position 0.3s ease-in-out;
  position: relative;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(51, 51, 51, 0.7);
}

.sec1 .first-image__button .btn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 2px solid #fff;
  border-radius: 0.8vw;
  pointer-events: none;
}

.sec1 .first-image__button .btn:hover {
  background-position: top left;
  opacity: 1;
  box-shadow: none;
}

@media screen and (max-width: 567px) {
  .sec1 .first-image__button {
    margin-top: 4vw;
  }

  .sec1 .first-image__button .btn {
    font-size: 22em;
    border-radius: 3vw;
  }

  .sec1 .first-image__button .btn::before {
    border-radius: 2.4vw;
  }
}

.sec1 .first-image__right {
  width: 55%;
}

@media screen and (max-width: 567px) {
  .sec1 .first-image__right {
    width: 100%;
  }
}

.top .sec2 {
  background: #ffffff;
}

.sec2 .about {
  width: 83%;
  background-image: url("/assets/img/top/pc/section2_back_Group186_pc.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80em 0 40em;
  margin: 0 auto;
}

@media screen and (max-width: 567px) {
  .sec2 .about {
    width: 100%;
    background-image: url("/assets/img/top/sp/section2_back_Group186_sp.webp");
  }
}

@media screen and (max-width: 567px) {
  .sec2 .title-wrapper {
    gap: 0.5rem;
  }
}

.sec2 .subtitle,
.sec2 .title-wrapper {
  background-color: transparent;
}

.sec2 .main-title {
  width: 27%;
}

@media screen and (max-width: 567px) {
  .sec2 .title-wrapper {
    gap: 0.5rem;
  }

  .sec2 .main-title {
    width: 40%;
  }
}

.sec2 .about__text-wrapper {
  text-align: center;
  margin: 3vw 0 5vw;
}

.sec2 .about__text {
  color: #2f1b6e;
  font-size: 32em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

@media screen and (max-width: 567px) {
  .sec2 .about__text {
    font-size: 18em;
  }
}

.sec2 .about__content {
  width: 65%;
  background-image: url("/assets/img/top/pc/section2_frame_Group184_pc.webp");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  padding: 10% 0;
  margin: 0 auto;
  position: relative;
}

.sec2 .about__parts-wrapper {
  width: 30%;
  text-align: center;
  position: absolute;
  top: -13%;
  left: 35%;
}

@media screen and (min-width: 1441px) {
  .sec2 .about__content {
    width: 50%;
  }

  .sec2 .about__parts-wrapper {
    top: -2%;
  }
}

@media screen and (max-width: 567px) {
  .sec2 .about__content {
    width: 95%;
    padding: 20% 0;
  }

  .sec2 .about__parts-wrapper {
    top: -2%;
  }
}

.sec2 .about__parts-text-wrapper {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 1em;
}

.sec2 .about__parts-text1,
.sec2 .about__parts-text-int,
.sec2 .about__parts-text2 {
  width: fit-content;
  line-height: normal;
  position: relative;
  font-size: 30em;
  font-weight: bold;
  letter-spacing: 0.15em;
  color: #ffffff;
}

@media screen and (max-width: 567px) {
  .sec2 .about__parts-text1,
  .sec2 .about__parts-text2 {
    font-size: 16em;
    line-height: normal;
  }
}

.sec2 .about__parts-text1::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #2f1b6e 80%, #694fa6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: transparent;
  -webkit-text-fill-color: transparent;
}

.sec2 .about__parts-text2::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #7357b5 0%, #a88aec 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: transparent;
  -webkit-text-fill-color: transparent;
}

.sec2 .about__parts-text1::after,
.sec2 .about__parts-text2::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #ffffff;
}

.sec2 .about__parts-text-int {
  position: relative;
  font-size: 48em;
  z-index: 3;
  color: #ffffff;
}

@media screen and (max-width: 567px) {
  .sec2 .about__parts-text-int {
    font-size: 26em;
  }
}

.sec2 .about__parts-text-int::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0.0625em;
  z-index: 1;
  background-image: linear-gradient(90deg, #694fa6 0%, #7357b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: transparent;
  -webkit-text-fill-color: transparent;
}

.sec2 .about__parts-text-int::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0.0625em;
  z-index: 2;
  color: #ffffff;
}

.sec2 .about__content-text {
  color: #2f1b6e;
  font-size: 44em;
  font-weight: bold;
  margin-bottom: 0.3em;
  transform: skewX(-5deg);
}

@media screen and (max-width: 567px) {
  .sec2 .about__content-text {
    font-size: 22em;
  }
}

.sec2 .about__content-text-span {
  color: #a88aec;
  text-shadow: 1px 1px 0 #2f1b6e, -1px -1px 0 #2f1b6e, -1px 1px 0 #2f1b6e,
    1px -1px 0 #2f1b6e, 0px 1px 0 #2f1b6e, 0-1px 0 #2f1b6e, -1px 0 0 #2f1b6e,
    1px 0 0 #2f1b6e;
}

.sec2-5 .question {
  background-image: url("/assets/img/top/pc/section2-5_back_image_pc.webp");
  text-align: center;
  padding: 80em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 567px) {
  .sec2-5 .question {
    background-image: url("/assets/img/top/sp/section2-5_back_Rectangle2030_sp.webp");
    padding: 40em 0 40em;
  }
}

.sec2-5 .question-subtitle__eng {
  color: #a88aec;
  font-size: 24em;
  font-weight: bold;
  font-family: "Anonymous Pro", monospace;
  letter-spacing: 0.5em;
}

.sec2-5 .question-subtitle {
  color: #333333;
  font-size: 36em;
  font-weight: bold;
  margin: 1em;
}

.sec2-5 .question-title {
  color: #333333;
  font-size: 48em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 567px) {
  .sec2-5 .question-subtitle__eng {
    font-size: 14em;
  }

  .sec2-5 .question-subtitle {
    font-size: 16em;
  }

  .sec2-5 .question-title {
    font-size: 24em;
  }
}

.sec2-5 .question-title__span {
  display: block;
  color: #2f1b6e;
  font-size: 1.1em;
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: #f3cc00;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
}

.sec2-5 .question-title__span-child {
  font-size: 0.9em;
}

.sec2-5 .question-arrow__center {
  width: 3%;
  margin: 0 auto;
}

@media screen and (max-width: 567px) {
  .sec2-5 .question-arrow__center {
    width: 5%;
  }
}

.sec2-5 .question-content {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 567px) {
  .sec2-5 .question-content {
    width: 95%;
  }
}

.sec2-5 .question-arrow__left,
.sec2-5 .question-arrow__right {
  width: 1.5%;
}

.sec2-5 .question-content__wrapper {
  width: 97%;
}

.sec2-5 .question-content__text-first {
  color: #333333;
  font-size: 44em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
}

.sec2-5 .question-content__text-first-span {
  display: block;
  color: #ffffff;
  background: linear-gradient(90deg, #2f1b6e 0%, #a88aec 100%);
  padding: 0.3em 0.5em;
  margin-right: 0.3em;
  transform: skewX(-5deg);
}

.sec2-5 .question-content__text-second {
  color: #333333;
  font-size: 56em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
  transform: skewX(-5deg);
}

.sec2-5 .question-content__text-second-span {
  display: block;
  background: linear-gradient(180deg, #2f1b6e 0%, #ab97eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.57em;
  margin: 0 0.1em;
}

.sec2-5 .question-content__text-third {
  color: #333333;
  font-size: 56em;
  font-weight: bold;
  transform: skewX(-5deg);
}

@media screen and (max-width: 567px) {
  .sec2-5 .question-arrow__left,
  .sec2-5 .question-arrow__right {
    width: 1.8%;
  }

  .sec2-5 .question-content__wrapper {
    width: 96.4%;
  }
  .sec2-5 .question-content__text-first {
    font-size: 20em;
  }

  .sec2-5 .question-content__text-second {
    font-size: 28em;
  }

  .sec2-5 .question-content__text-third {
    font-size: 26em;
  }
}

.top .sec3 {
  background: #ffffff;
}

.sec3 .pro-intro {
  height: 72.6vw;
  background-image: url("/assets/img/top/pc/section3_back_Frame2788_pc.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 18vw 24vw;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro {
    height: 96.2vw;
    background-image: url("/assets/img/top/sp/section3_back_Frame557_sp.webp");
    padding: 22vw 18vw;
  }
}

.sec3 .pro-intro__subtitle {
  color: #ffffff;
  font-size: 48em;
  font-weight: bold;
  font-family: "BIZ UDMincho", serif;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
}

.sec3 .pro-intro__subtitle-span {
  font-size: 1.2em;
}

.sec3 .pro-intro__title {
  margin-bottom: 5vw;
}

.sec3 .pro-intro__text {
  color: #ffffff;
  font-size: 32em;
  font-family: "BIZ UDMincho", serif;
  letter-spacing: 0.2em;
  margin-bottom: 1em;
}

.sec3 .pro-intro__text-span {
  color: #ffd500e6;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__subtitle {
    font-size: 18em;
  }

  .sec3 .pro-intro__title {
    width: 85%;
    margin: 0 auto 7vw;
  }

  .sec3 .pro-intro__text {
    font-size: 16em;
  }
}

.sec3 .pro-intro__content {
  text-align: center;
  padding: 3vw 0;
}

.sec3 .pro-intro__content-title {
  color: #2f1b6e;
  font-size: 72em;
  font-weight: bold;
  font-family: "BIZ UDMincho", serif;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vw;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__content-title {
    font-size: 36em;
  }
}

.sec3 .pro-intro__content-title-span1 {
  width: fit-content;
  display: block;
  background: linear-gradient(90deg, #2f1b6e 0%, #a88aec 100%);
  color: #ffffff;
  font-size: 1.1em;
  padding: 0.2em;
  margin-right: 0.2em;
  transform: skewX(-5deg);
}

.sec3 .pro-intro__content-title-span2 {
  display: block;
  font-size: 1.1em;
}

.sec3 .pro-intro__content-parts {
  width: 16em;
  height: 16em;
  background-color: #2f1b6e;
  border-radius: 50%;
  margin: 1vw auto;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__content-parts {
    width: 8em;
    height: 8em;
    margin: 2vw auto;
  }
}

.sec3 .pro-intro__content-subtitle {
  width: 85%;
  background-color: #f5f5f5;
  padding: 5% 2%;
  margin: 7vw auto 2vw;
  position: relative;
  z-index: 0;
}

.sec3 .icon-bang {
  width: 1.6em;
  background: linear-gradient(180deg, #2f1b6e 0%, #a88aec 100%);
  color: #ffffff;
  border-radius: 50%;
  font-size: 64em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3em 0;
  position: absolute;
  top: -20%;
  left: 44.3%;
  z-index: 1;
}

@media screen and (min-width: 1441px) {
  .sec3 .icon-bang {
    left: 45%;
  }
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__content-subtitle {
    width: 100%;
    margin: 10vw auto 4vw;
  }

  .sec3 .icon-bang {
    font-size: 30em;
    top: -22%;
    left: 43.5%;
  }
}

.sec3 .pro-intro__content-subtitle-text {
  color: #3d1b6e;
  font-size: 40em;
  font-family: "BIZ UDMincho";
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 1em;
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-stroke-color: #3d1b6e;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__content-subtitle-text {
    font-size: 18em;
    white-space: nowrap;
  }
}

.sec3 .pro-intro__content-subtitle-text:last-of-type {
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: #f3cc00;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
}

.sec3 .pro-intro__content-text {
  width: 80%;
  color: #333333;
  font-size: 24em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  text-align: start;
  margin: 0 auto 2vw;
}

@media screen and (max-width: 567px) {
  .sec3 .pro-intro__content-text {
    width: 87%;
    font-size: 16px;
  }
}

.sec3 .pro-intro__content-text-span {
  color: #a88aec;
}

.sec3-5 .pro-info {
  background-image: url("/assets/img/top/pc/section3-5_back_Frame2788_pc.webp");
  text-align: center;
  padding: 80em 0;
}

@media screen and (max-width: 567px) {
  .sec3-5 .pro-info {
    background-image: url("/assets/img/top/sp/section3-5_back_Frame557_sp.webp");
    padding: 60em 0;
  }
}

.sec3-5 .pro-info__text-first {
  color: #1c1c2e;
  font-size: 48em;
  font-weight: bold;
  margin-bottom: 1em;
}

.sec3-5 .pro-info__text-second {
  color: #2f1b6e;
  font-size: 48em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.sec3-5 .pro-info__text-second-span {
  font-size: 1.16em;
}

.sec3-5 .pro-info__text-third {
  color: #2f1b6e;
  font-size: 48em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec3-5 .pro-info__text-third-span {
  display: block;
  background: linear-gradient(15deg, #7a57c9 50%, #9778dd 50%);
  color: #ffffff;
  font-size: 1.16em;
  padding: 0.4em 0.2em;
  margin: 0 0.2em;
  transform: skewX(-5deg);
}

.sec3-5 .pro-info__text-third-span:last-of-type {
  background: linear-gradient(36deg, #7a57c9 50%, #9778dd 50%);
}

.sec3-5 .pro-info__text-fourth {
  color: #2f1b6e;
  font-size: 56em;
  font-weight: bold;
  margin-top: 0.5em;
}

@media screen and (max-width: 567px) {
  .sec3-5 .pro-info__text-first,
  .sec3-5 .pro-info__text-second,
  .sec3-5 .pro-info__text-third {
    font-size: 20em;
  }

  .sec3-5 .pro-info__text-fourth {
    font-size: 24em;
  }
}

.top .sec4 {
  background: #ffffff;
  padding-top: 60em;
}

.sec4 .slash.long {
  height: 146em;
}

.sec4 .left .slash.short,
.sec4 .right .slash.short {
  height: 64em;
}

@media screen and (max-width: 567px) {
  .sec4 .title-wrapper {
    gap: 1rem;
  }

  .sec4 .main-title {
    font-size: 32em;
  }

  .sec4 .slash.long {
    height: 80em;
  }

  .sec4 .left .slash.short,
  .sec4 .right .slash.short {
    height: 32em;
  }
}

.sec4 .pro-support__content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40em 0 80em;
}

.sec4 .pro-support__content {
  width: 32%;
  position: relative;
}

@media screen and (max-width: 567px) {
  .sec4 .pro-support__content-wrapper {
    display: block;
    margin: 0 0 40em;
  }

  .sec4 .pro-support__content {
    width: 100%;
    margin-bottom: 17em;
  }
}

.sec4 .pro-support__content-item {
  width: 90%;
  background-color: #2f1b6eb2;
  color: #ffffff;
  padding: 3% 6%;
  position: absolute;
  top: 59%;
  left: 0;
}

@media screen and (min-width: 1441px) {
  .sec4 .pro-support__content-item {
    padding: 4.8% 8%;
  }
}

@media screen and (max-width: 567px) {
  .sec4 .pro-support__content-item {
    width: 86%;
    padding: 3.85% 6%;
  }
}

.sec4 .pro-support__content-title {
  width: fit-content;
  font-size: 19em;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 0.2em;
}

.sec4 .pro-support__content-text {
  font-size: 14.6em;
  letter-spacing: 0.1em;
  line-height: 1.3em;
  padding-top: 0.5em;
}

@media screen and (max-width: 567px) {
  .sec4 .pro-support__content-title {
    font-size: 21em;
  }

  .sec4 .pro-support__content-text {
    font-size: 16em;
  }
}

.sec5 .subtitle {
  background: transparent;
  padding-top: 2em;
}

.sec5 .title-wrapper {
  background: transparent;
}

@media screen and (max-width: 567px) {
  .sec5 .title-wrapper {
    gap: 1em;
    padding-bottom: 54em;
  }

  .sec5 .main-title {
    font-size: 32em;
  }
}

.sec5 .pro-flow__content-wrapper {
  position: relative;
  margin: 20em 0 80em;
}

.sec5 .pro-flow__content-line {
  width: 100%;
  height: 12em;
  background: linear-gradient(
    to right,
    #2f1b6e50,
    #a88aec50 50%,
    #bbaae533 80%,
    #f8f4ff 100%
  );
  position: absolute;
  top: 10%;
  left: 0;
  z-index: 0;
}

.sec5 .pro-flow__content-card-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1218em;
}

@media screen and (max-width: 1440px) {
  .sec5 .pro-flow__content-card-wrapper {
    min-width: 1067em;
  }
}

@media screen and (max-width: 567px) {
  .sec5 .pro-flow__content-line {
    width: 160%;
    transform: rotate(90deg);
    background: linear-gradient(
      to right,
      #2f1b6e50,
      #a88aec50 60%,
      #bbaae533 90%,
      #f8f4ff 100%
    );
    top: 55%;
    left: -68%;
  }

  .sec5 .pro-flow__content-card-wrapper {
    display: block;
  }
}

.sec5 .pro-flow__content-card {
  width: 25%;
}

.sec5 .content-card__number {
  width: 2em;
  height: 2em;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 24em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: bold;
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 567px) {
  .sec5 .pro-flow__content-card {
    width: 33%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 20em;
  }
}

.sec5 .content-card__number.card__number1 {
  color: #2f1b6e;
  border: 1px solid #2f1b6e;
}

.sec5 .content-card__number.card__number2 {
  color: #4c358c;
  border: 1px solid #4c358c;
}

.sec5 .content-card__number.card__number3 {
  color: #7c61be;
  border: 1px solid #7c61be;
}

.sec5 .content-card__number.card__number4 {
  color: #a88aec;
  border: 1px solid #a88aec;
}

.sec5 .content-card__text-wrapper {
  width: 90%;
  margin-top: 40em;
  color: #333333;
}

.sec5 .content-card__title {
  font-size: 22em;
  font-weight: bold;
  margin-bottom: 1em;
}

.sec5 .content-card__text {
  font-size: 16em;
  line-height: 1.5em;
}

@media screen and (max-width: 567px) {
  .sec5 .title-wrapper {
    padding-bottom: 0;
  }

  .sec5 .content-card__text-wrapper {
    width: 75%;
  }

  .sec5 .content-card__text {
    font-size: 16em;
    padding-right: 0;
    overflow-wrap: break-word;
  }
}

.sec-cta .sec-cta__content {
  width: 100%;
  aspect-ratio: 2.5 / 1;
  background-image: url("/assets/img/top/pc/section-cta_Frame2788_pc.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2vw 0; /* このパディングはコンテンツとコンテナの間の余白です */
}

/* モバイル用スタイルの変更案 */
@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content {
    aspect-ratio: 1 / 1.2;
    background-image: url("/assets/img/top/sp/section-cta_Frame557_sp.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10vw 5vw;
  }
}

@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content {
    aspect-ratio: 1 / 1.12;
    background-image: url("/assets/img/top/sp/section-cta_Frame557_sp.webp");

    /* --- 変更点 (モバイル) --- */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding: 10vw 17em 10vw; を見直し */
    /* 17emの左右パディングは非常に大きい可能性があります。画面幅に応じて調整してください。 */
    padding: 10vw 5vw; /* 例: 上下10vw、左右5vwのパディング。em単位よりvwや%がレスポンシブに適している場合があります */
  }
}

.sec-cta .sec-cta__content-subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16em; /* em単位のmarginはフォントサイズに依存するため、意図した通りのスペースか確認してください */
}

.sec-cta .subtitle-slash__left {
  width: 1em;
  height: 14em;
  background-color: #ffffff;
  transform: skewX(20deg);
}

.sec-cta .subtitle-text {
  color: #ffffff;
  font-size: 20em;
  letter-spacing: 0.1em;
  margin: 0 1em;
}

@media screen and (max-width: 567px) {
  .sec-cta .subtitle-text {
    font-size: 14em;
  }
}

.sec-cta .subtitle-text__int {
  font-size: 1.3em;
  font-weight: bold;
}

.sec-cta .subtitle-text__str {
  font-weight: bold;
}

.sec-cta .subtitle-slash__right {
  width: 1em;
  height: 14em;
  background-color: #ffffff;
  transform: skewX(-20deg);
}

.sec-cta .sec-cta__content-title {
  width: fit-content;
  color: #2f1b6e;
  background-color: #ffffff;
  font-size: 34em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0 auto 1.5em;
  transform: skewX(-5deg);
}

.sec-cta .sec-cta__content-text {
  color: #ffffff;
  font-size: 20em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content-title {
    font-size: 26em;
    margin: 0 auto 1em;
  }

  .sec-cta .sec-cta__content-text {
    font-size: 14em;
    font-weight: 400;
  }
}

.sec-cta .sec-cta__content-card-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40em 0 30em;
}

.sec-cta .sec-cta__content-card {
  color: #ffffff;
  font-size: 20em;
  border: 2px solid #ffffff;
  padding: 0.2em;
  transform: skewX(-5deg);
}

.sec-cta .sec-cta__content-card:nth-of-type(2) {
  margin: 0 0.5em;
}

@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content-card-wrapper {
    margin: 30em 0;
  }

  .sec-cta .sec-cta__content-card {
    font-size: 16em;
    padding: 0.5em;
    white-space: nowrap;
  }
}

.sec-cta .sec-cta__content-button .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17em;
  height: 3em;
  border-radius: 1vw;
  position: relative;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  font-size: 18px;
  border: none;

  background-image: linear-gradient(
    135deg,
    #f3cc00 75%,
    #f3cc00 14%,
    #e6c100 14%,
    #e6c100 100%
  );
  background-size: 300% 300%;
  background-position: bottom right;
  transition: background-position 0.3s ease-in-out;
  box-shadow: 0 3px 0 rgba(51, 51, 51, 0.7);
}

.sec-cta .sec-cta__content-button .btn:hover {
  background-position: top left;
  opacity: 1;
  box-shadow: none;
}

.sec-cta .sec-cta__content-button .btn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 2px solid #fff;
  border-radius: 0.8vw;
  pointer-events: none;
}

@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content-button .btn {
    font-size: 22em;
    border-radius: 3vw;
  }

  .sec .sec-cta__content-button .btn::before {
    border-radius: 2.4vw;
  }
}

.sec-cta .sec-cta__content-button:hover {
  width: fit-content;
  background-color: #ffffff;
  border-radius: 1vw;
  margin: 0 auto;
}

.sec-cta .sec-cta__content-note {
  color: #ffffff;
  font-size: 16em;
  letter-spacing: 0.1em;
  margin-top: 1em;
}

@media screen and (max-width: 567px) {
  .sec-cta .sec-cta__content-note {
    font-size: 11em;
  }
}

.top .sec6 {
  background: #ffffff;
}

.sec6 .title {
  background-image: url("/assets/img/top/pc/section6_title-back_Rectangle2085_pc.webp");
  position: relative;
  padding-bottom: 2vw;
}

@media screen and (max-width: 567px) {
  .sec6 .title {
    background-image: url("/assets/img/top/sp/section6_title-back_Rectangle2085_sp.webp");
    padding: 0 17em 2vw;
  }
}

.sec6 .subtitle {
  padding-top: 4em;
}

.sec6 .title-wrapper {
  gap: 2rem;
}

.sec6 .slash.long {
  height: 160em;
}

.sec6 .left .slash.short,
.sec6 .right .slash.short {
  height: 72em;
}

.sec6 .main-title {
  font-size: 50em;
}

@media screen and (max-width: 567px) {
  .sec6 .title-wrapper {
    gap: 1rem;
  }

  .sec6 .slash.long {
    height: 80em;
  }

  .sec6 .left .slash.short,
  .sec6 .right .slash.short {
    height: 32em;
  }

  .sec6 .main-title {
    font-size: 22em;
  }
}

.sec6 .main-title__second {
  text-align: center;
}

.sec6 .main-title__str {
  font-size: 1.2em;
}

.sec6 .main-title__int {
  color: #a88aec;
  font-size: 1.5em;
  text-shadow: 1px 1px 0 #2f1b6e, -1px -1px 0 #2f1b6e, -1px 1px 0 #2f1b6e,
    1px -1px 0 #2f1b6e, 0px 1px 0 #2f1b6e, 0-1px 0 #2f1b6e, -1px 0 0 #2f1b6e,
    1px 0 0 #2f1b6e;
}

.sec6 .title-text__wrapper {
  width: 32vw;
  text-align: center;
  margin: 40em auto;
}

.sec6 .title-text {
  color: #333333;
  font-size: 18em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

@media screen and (max-width: 567px) {
  .sec6 .title-text__wrapper {
    width: 100%;
    margin: 20em auto 30vw;
  }

  .sec6 .title-text {
    font-size: 16em;
  }
}

.sec6 .points-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 95%;
  left: 0;
}

@media screen and (max-width: 567px) {
  .sec6 .points-wrapper {
    display: block;
    top: 76.5%;
  }
}

.sec6 .point {
  width: 22vw;
  background-color: #ffffff;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10em;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}

@media screen and (max-width: 567px) {
  .sec6 .point {
    width: 92%;
    margin: 0 auto;
    border-left: none;
  }
}

.sec6 .point:first-of-type {
  border-left: none;
}

.sec6 .point .point-number__text {
  color: #b0b0b0;
  font-size: 10em;
  font-style: italic;
}

.sec6 .point .point-number__number {
  color: #b0b0b0;
  font-size: 22em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-style: italic;
  font-weight: bold;
}

.sec6 .point .point-text {
  padding-left: 10em;
}

.sec6 .point .point-text__first {
  color: #333333;
  font-size: 10em;
}

.sec6 .point .point-text__second {
  color: #333333;
  font-size: 16em;
  padding-top: 0.5em;
}

.sec6 .point-card__number-parts1 {
  width: 1em;
  height: 32em;
  background-color: #f5f5f5;
  margin: 0 auto;
}

.sec6 .point-card1 .point-card__number {
  margin: 2vw auto 0;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card1 .point-card__number {
    margin: 26vw auto 0;
  }
}

.sec6 .point-card__number-parts2 {
  width: 1em;
  height: 8em;
  background-color: #b0b0b0;
  margin: 0 auto;
}

.sec6 .point-card__number-text {
  width: fit-content;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  font-size: 16em;
  font-weight: bold;
  font-style: italic;
  padding: 0.3em;
  margin: 0 auto;
  transform: skewX(-5deg);
}

.sec6 .point-card__number-int {
  font-size: 1.2em;
  font-family: "Noto Sans Hebrew", sans-serif;
  padding-left: 0.3em;
}

.sec6 .point-card__01-title-first,
.sec6 .point-card__02-title-first,
.sec6 .point-card__03-title-first,
.sec6 .point-card__04-title-first {
  letter-spacing: 0.1em;
  margin-top: 1em;
}

.sec6 .point-card__01-title-second,
.sec6 .point-card__02-title-second,
.sec6 .point-card__03-title-second,
.sec6 .point-card__04-title-second {
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}

.sec6 .point-card__01-title-first,
.sec6 .point-card__02-title-second,
.sec6 .point-card__03-title-second,
.sec6 .point-card__04-title-first {
  font-size: 40em;
  font-weight: bold;
  text-align: center;
}

.sec6 .point-card__01-title-second,
.sec6 .point-card__02-title-first,
.sec6 .point-card__03-title-first,
.sec6 .point-card__04-title-second {
  color: #a88aec;
  font-size: 40em;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card__01-title-first,
  .sec6 .point-card__02-title-first,
  .sec6 .point-card__03-title-first,
  .sec6 .point-card__04-title-first,
  .sec6 .point-card__01-title-second,
  .sec6 .point-card__02-title-second,
  .sec6 .point-card__03-title-second,
  .sec6 .point-card__04-title-second {
    font-size: 24em;
  }
}

.sec6 .point-card__content {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40em auto;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card__content {
    width: 100%;
  }
}

.sec6 .point-card__content-text-wrapper {
  width: 70%;
  padding-right: 60em;
}

.sec6 .point-card2 .point-card__content-text-wrapper,
.sec6 .point-card4 .point-card__content-text-wrapper {
  padding-right: 0;
  padding-left: 60em;
}

.sec6 .point-card__content-title {
  color: #333333;
  font-size: 32em;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: #f3cc00;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  margin-bottom: 0.5em;
}

.sec6 .point-card__content-text {
  font-size: 18em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.sec6 .point-card__content-img {
  width: 30%;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card__content-text-wrapper {
    width: 74%;
    padding-right: 30em;
  }

  .sec6 .point-card2 .point-card__content-text-wrapper,
  .sec6 .point-card4 .point-card__content-text-wrapper {
    padding-right: 0;
    padding-left: 30em;
  }

  .sec6 .point-card__content-title {
    font-size: 22em;
    white-space: nowrap;
  }

  .sec6 .point-card__content-text {
    font-size: 12em;
  }

  .sec6 .content-text__sp {
    display: block;
  }

  .sec6 .point-card__content-img {
    width: 40%;
  }
}

.sec6 .point-card4 .point-card__item {
  background-color: #f5f5f5;
  text-align: center;
  padding: 40em 20em;
  margin-bottom: 80em;
}

.sec6 .point-card__item-graph {
  width: 40%;
  margin: 0 auto 40em;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card4 .point-card__item {
    padding: 20em 10em;
    margin-bottom: 40em;
  }

  .sec6 .point-card__item-graph {
    width: 100%;
  }
}

.sec6 .point-card__item-text-first {
  color: #b0b0b0;
  font-size: 28em;
  font-weight: bold;
  margin-bottom: 2em;
}

.sec6 .point-card__item-text-second {
  color: #a88aec;
  font-size: 50em;
  font-weight: bold;
}

.sec6 .point-card__item-parts {
  width: 8em;
  height: 8em;
  background-color: #a88aec;
  border-radius: 50%;
  margin: 10em auto 0;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card__item-text-first {
    font-size: 18em;
    margin-bottom: 1em;
  }

  .sec6 .point-card__item-text-second {
    font-size: 32em;
    margin-bottom: 0.3em;
  }

  .sec6 .point-card__item-parts {
    width: 6em;
    height: 6em;
    margin: 6em auto 0;
  }
}

.sec6 .point-card__item-text-wrapper {
  width: 100%;
  background-image: url("/assets/img/top/pc/section6_04_item-back_Group288_pc.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 60em 80em;
}

.sec6 .point-card__item-text-third,
.sec6 .point-card__item-text-fourth {
  color: #333333;
  font-size: 32em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.7em;
}

.sec6 .point-card__item-text-fourth {
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: #f3cc00;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
}

@media screen and (max-width: 567px) {
  .sec6 .point-card__item-text-wrapper {
    background-image: url("/assets/img/top/sp/section6_04_item-back_Group291_sp.webp");
    padding: 30em 0;
  }

  .sec6 .point-card__item-text-third,
  .sec6 .point-card__item-text-fourth {
    font-size: 20em;
  }

  .sec6 .point-card__item-text-third .text-third__sp,
  .sec6 .point-card__item-text-fourth .text-fourth__sp {
    display: inline-block;
  }

  .sec6 .point-card__item-text-fourth .text-fourth__sp {
    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 0.4em;
    text-decoration-color: #f3cc00;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
  }
}

.sec7 .inner {
  padding: 0 216em 80em;
}

@media screen and (max-width: 567px) {
  .sec7 .inner {
    padding: 40em 17em 80em;
  }
}

.sec7 .subtitle {
  padding-top: 12vw;
  background-color: #f8f4ff;
}

.sec7 .title-wrapper {
  width: fit-content;
  position: relative;
  background-color: #f8f4ff;
  margin: 0 auto;
}

.sec7 .slash.long {
  height: 144em;
}

.sec7 .left .slash.short,
.sec7 .right .slash.short {
  height: 64em;
}

.sec7 .main-title {
  text-align: center;
}

.sec7 .title-subtext {
  width: 300em;
  position: absolute;
  top: -65%;
  right: 3%;
}

@media screen and (max-width: 567px) {
  .sec7 .main-title {
    margin: 0 1em;
  }

  .sec7 .title-subtext {
    width: 120em;
    top: -50%;
  }
}

@media screen and (max-width: 567px) {
  .sec7 .slash.long {
    height: 64em;
  }

  .sec7 .left .slash.short,
  .sec7 .right .slash.short {
    height: 32em;
  }
}

.sec7 .support-card__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2vw 0;
}

@media screen and (max-width: 567px) {
  .sec7 .support-card__wrapper {
    display: block;
    margin: 0;
  }
}

.sec7 .support-card {
  width: 48%;
  background-color: #ffffff;
  border-radius: 10em;
  box-shadow: 0 4em 8em #dddddd;
  text-align: center;
  padding: 20em;
}

@media screen and (max-width: 567px) {
  .sec7 .support-card {
    width: 100%;
    margin-bottom: 6vw;
  }
}

.sec7 .support-card__tag1,
.sec7 .support-card__tag2,
.sec7 .support-card__tag3,
.sec7 .support-card__tag4 {
  width: fit-content;
  background-color: #a88aec;
  color: #ffffff;
  font-size: 18em;
  font-family: "Noto Sans Hebrew", sans-serif;
  padding: 0.1vw 3.5vw 0.1vw 0.5vw;
  margin: 1.5em auto;
  transform: skewX(-10deg);
  position: relative;
}

.sec7 .support-card__tag1::before {
  content: "01";
  font-size: 2em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -70%;
  right: 3%;
  transform: skewX(-5deg);
  text-shadow: 1px 1px 0 #a88aec, -1px -1px 0 #a88aec, -1px 1px 0 #a88aec,
    1px -1px 0 #a88aec, 0px 1px 0 #a88aec, 0-1px 0 #a88aec, -1px 0 0 #a88aec,
    1px 0 0 #a88aec;
}

.sec7 .support-card__tag2::before {
  content: "02";
  font-size: 2em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -70%;
  right: 3%;
  transform: skewX(-5deg);
  text-shadow: 1px 1px 0 #a88aec, -1px -1px 0 #a88aec, -1px 1px 0 #a88aec,
    1px -1px 0 #a88aec, 0px 1px 0 #a88aec, 0-1px 0 #a88aec, -1px 0 0 #a88aec,
    1px 0 0 #a88aec;
}

.sec7 .support-card__tag3::before {
  content: "03";
  font-size: 2em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -70%;
  right: 3%;
  transform: skewX(-5deg);
  text-shadow: 1px 1px 0 #a88aec, -1px -1px 0 #a88aec, -1px 1px 0 #a88aec,
    1px -1px 0 #a88aec, 0px 1px 0 #a88aec, 0-1px 0 #a88aec, -1px 0 0 #a88aec,
    1px 0 0 #a88aec;
}

.sec7 .support-card__tag4::before {
  content: "04";
  font-size: 2em;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -70%;
  right: 3%;
  transform: skewX(-5deg);
  text-shadow: 1px 1px 0 #a88aec, -1px -1px 0 #a88aec, -1px 1px 0 #a88aec,
    1px -1px 0 #a88aec, 0px 1px 0 #a88aec, 0-1px 0 #a88aec, -1px 0 0 #a88aec,
    1px 0 0 #a88aec;
}

@media screen and (max-width: 567px) {
  .sec7 .support-card__tag1,
  .sec7 .support-card__tag2,
  .sec7 .support-card__tag3,
  .sec7 .support-card__tag4 {
    font-size: 14em;
    padding: 0.4vw 10vw 0.4vw 2vw;
  }

  .sec7 .support-card__tag1::before,
  .sec7 .support-card__tag2::before,
  .sec7 .support-card__tag3::before,
  .sec7 .support-card__tag4::before {
    top: -60%;
  }
}

.sec7 .support-card__title1 {
  color: #333333;
  font-size: 26em;
  font-weight: bold;
}

.sec7 .support-card__title2 {
  color: #a88aec;
  font-size: 26em;
  font-weight: bold;
  margin: 0.5em 0;
}

@media screen and (max-width: 567px) {
  .sec7 .support-card__title1,
  .sec7 .support-card__title2 {
    font-size: 24em;
  }
}

.sec7 .support-card__text-wrapper {
  padding: 20em 14em;
}

.sec7 .support-card__text {
  color: #333333;
  font-size: 16em;
  text-align: start;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

@media screen and (max-width: 567px) {
  .sec7 .support-card__text-wrapper {
    padding: 20em 0;
  }

  .sec7 .support-card__text {
    font-size: 13em;
  }
}

.sec7 .support-card__check-text {
  background-color: #f8f4ff;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10em;
  margin-bottom: 10em;
}

.sec7 .check-text__check-box {
  width: 18em;
  height: 18em;
  background-color: #a88aec;
  border-radius: 3em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec7 .check-text__check-box::before {
  content: "";
  display: inline-block;
  width: 12em;
  height: 8em;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
  position: absolute;
  top: 0.2vw;
}

.sec7 .check-text__text {
  color: #a88aec;
  font-size: 18em;
  font-weight: 900;
  margin-left: 0.5em;
}

@media screen and (max-width: 567px) {
  .sec7 .check-text__check-box::before {
    top: 0.6vw;
  }

  .sec7 .check-text__text {
    font-size: 16em;
  }
}

.sec8 .appeal-wrapper {
  position: relative;
}

.sec8 .appeal-message {
  width: 100%;
  aspect-ratio: 2 / 1;
  background-image: url("/assets/img/top/pc/section8_back_pc.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 40em;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-message {
    aspect-ratio: 1 / 1.33;
    background-image: url("/assets/img/top/sp/section8_back_sp.webp");
    padding-top: 120em;
  }
}

.sec8 .appeal-message1 {
  color: #2f1b6e;
  font-size: 32em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.sec8 .appeal-message2 {
  color: #2f1b6e;
  font-size: 40em;
  font-weight: bold;
  margin-bottom: 1em;
}

.sec8 .appeal-message3,
.sec8 .appeal-message4 {
  width: fit-content;
  background-image: linear-gradient(90deg, #2f1b6e, #a88aec);
  color: #ffffff;
  font-size: 50em;
  font-weight: 900;
  padding: 0.4em 0.2em;
  margin: 0 auto 0.4em;
  transform: skewX(-5deg);
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-message1 {
    font-size: 20em;
  }

  .sec8 .appeal-message2 {
    font-size: 26em;
  }

  .sec8 .appeal-message3,
  .sec8 .appeal-message4 {
    font-size: 30em;
  }
}

.sec8 .appeal-img {
  position: absolute;
  top: 87.5%;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-img {
    top: 93%;
    padding: 0 17em;
  }
}

.sec8 .appeal-content {
  background-color: #ffffff;
  text-align: center;
  padding-top: 30vw;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-content {
    padding-top: 145vw;
  }
}

.sec8 .appeal-content .appeal-content__subtext {
  color: #2f1b6e;
  font-size: 22em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.sec8 .appeal-content .appeal-content__underline {
  width: 320em;
  margin: 0 auto 2rem;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-content .appeal-content__subtext {
    font-size: 16em;
  }

  .sec8 .appeal-content .appeal-content__underline {
    width: 225em;
    margin: 0 auto 1rem;
  }
}

.sec8 .appeal-content .appeal-content__main {
  background-color: #eeeeee;
  padding: 4vw;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-content .appeal-content__main {
    padding: 12vw 4vw;
  }
}

.sec8 .appeal-content__main .appeal-content__main-title1,
.sec8 .appeal-content__main .appeal-content__main-title2 {
  color: #2f1b6e;
  font-size: 40em;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: #f3cc00;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  margin: 0 auto 0.5em;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-content__main .appeal-content__main-title1,
  .sec8 .appeal-content__main .appeal-content__main-title2 {
    font-size: 24em;
  }
}

.sec8 .appeal-content__main .appeal-content__main-title1::before {
  content: "";
  width: 0.15em;
  height: 0.15em;
  background-color: #2f1b6e;
  border-radius: 50%;
  position: absolute;
  top: -40%;
  right: 26.2%;
}

.sec8 .appeal-content__main .appeal-content__main-title1::after {
  content: "";
  width: 0.15em;
  height: 0.15em;
  background-color: #2f1b6e;
  border-radius: 50%;
  position: absolute;
  top: -40%;
  right: 17.1%;
}

.sec8 .appeal-content__main .appeal-content__main-item {
  display: flex;
  justify-content: center;
  padding: 4vw 11vw;
}

.sec8 .appeal-content__main-item .main-item__graph {
  width: 48%;
  margin-right: 2%;
}

.sec8 .appeal-content__main-item .main-item__text-wrapper {
  width: 48%;
  color: #333333;
  font-size: 16em;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  text-align: start;
  margin-left: 2%;
}

.sec8 .main-item__text-wrapper .main-item__text:nth-of-type(2),
.sec8 .main-item__text-wrapper .main-item__text:nth-of-type(3) {
  margin-bottom: 1em;
}

.sec8 .main-item__text-wrapper .main-item__text-str {
  font-weight: bold;
}

@media screen and (max-width: 567px) {
  .sec8 .appeal-content__main .appeal-content__main-item {
    display: block;
    padding: 4vw 0;
  }

  .sec8 .appeal-content__main-item .main-item__graph {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }

  .sec8 .appeal-content__main-item .main-item__text-wrapper {
    width: 100%;
    font-size: 14em;
    margin-top: 4vw;
    margin-left: 0;
  }
}

.sec8-5 .cta {
  width: 100%;
  aspect-ratio: 2 / 1;
  background-image: url("/assets/img/top/pc/section8-5_back_pc.webp"),
    url("/assets/img/top/pc/section8-5_pc.webp");
  background-position: left top, right top;
  background-repeat: no-repeat;
  background-size: 67% auto, 50% auto;
  padding: 70em 180em;
}

@media screen and (min-width: 1441px) {
  .sec8-5 .cta {
    padding: 140em 360em;
  }
}

@media screen and (max-width: 567px) {
  .sec8-5 .cta {
    background-image: url("/assets/img/top/sp/section8-5_back_sp.webp"),
      url("/assets/img/top/sp/section8-5_sp.webp");
    padding: 70em 17em;
  }
}

.sec8-5 .cta-content {
  width: 60%;
}

.sec8-5 .cta-content__message-text {
  display: block;
  width: fit-content;
  background-color: #ffffff;
  color: #2f1b6e;
  font-size: 50em;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 567px) {
  .sec8-5 .cta-content__message-text {
    font-size: 28em;
    padding: 0.1em;
  }
}

.sec8-5 .cta-content__message-text-str {
  color: #a88aec;
}

.sec8-5 .cta-content__card {
  position: relative;
}

.sec8-5 .cta-content__card-item {
  width: 55%;
  position: absolute;
  top: -60em;
  left: 15em;
}

.sec8-5 .cta-content__card-button {
  width: 60%;
  background-color: #f8f4ff;
  text-align: center;
  padding: 80em 0 40em;
  margin-top: 100em;
}

@media screen and (min-width: 1441px) {
  .sec8-5 .cta-content__card-button {
    padding: 100em 0 60em;
    margin-top: 150em;
  }
}

@media screen and (min-width: 1921px) {
  .sec8-5 .cta-content__card-button {
    padding: 120em 0 60em;
    margin-top: 200em;
  }

  .sec8-5 .cta-content__card-item {
    top: -100em;
  }
}

@media screen and (max-width: 567px) {
  .sec8-5 .cta-content__card-item {
    width: 90%;
    left: 17em;
  }

  .sec8-5 .cta-content__card-button {
    width: 100%;
    margin-top: 10em;
  }
}

.sec8-5 .card-button__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20em;
  margin-bottom: 20em;
}

@media screen and (max-width: 567px) {
  .sec8-5 .card-button__item {
    width: 80%;
    margin: 0 auto 20em;
  }
}

.sec8-5 .card-button__item-check-box {
  width: 24em;
  height: 24em;
  background-color: #a88aec;
  border-radius: 3em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec8-5 .card-button__item-check-box::before {
  content: "";
  display: inline-block;
  width: 15em;
  height: 10em;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.sec8-5 .card-button__item-text {
  color: #a88aec;
  font-size: 14em;
  margin-left: 0.5em;
}

.sec8-5 .card-button__button .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17em;
  height: 3em;
  border-radius: 1vw;
  background-image: linear-gradient(
    135deg,
    #f3cc00 75%,
    #f3cc00 14%,
    #e6c100 14%,
    #e6c100 100%
  );
  color: #fff;
  white-space: nowrap;
  font-size: 22em;
  font-weight: bold;
  background-size: 300% 300%;
  background-position: bottom right;
  transition: background-position 0.3s ease-in-out;
  position: relative;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(51, 51, 51, 0.7);
}

.sec8-5 .card-button__button .btn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 2px solid #fff;
  border-radius: 0.8vw;
  pointer-events: none;
}

.sec8-5 .card-button__button .btn:hover {
  background-position: top left;
  opacity: 1;
  box-shadow: none;
}

@media screen and (max-width: 567px) {
  .sec8-5 .card-button__button .btn {
    border-radius: 3vw;
  }

  .sec8-5 .card-button__button .btn::before {
    border-radius: 2.4vw;
  }
}

.sec9 .subtitle {
  padding-top: 4em;
}

@media screen and (max-width: 567px) {
  .sec9 .subtitle {
    padding-top: 2em;
  }
}

.sec9 .title {
  background-color: #ffffff;
}

.sec9-5 .explain {
  background-color: #a88aec;
  color: #ffffff;
  text-align: center;
  font-size: 28em;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 0 0.5em;
  margin-bottom: 3em;
  position: relative;
}

@media screen and (max-width: 567px) {
  .sec9-5 .explain {
    font-size: 16em;
    padding: 2em 1em 0.5em;
  }
}

.sec9-5 .triangle {
  position: absolute;
  bottom: -4.865vw;
  left: 0;
  display: block;
  width: 100%;
  height: 5vw;
}

.explain .explain-text__first {
  margin-bottom: 0.3em;
}

.explain .explain-text__second {
  line-height: 1.4em;
  margin-bottom: 0.3em;
}

.sec9-5 .inner {
  padding: 0 144em 80em;
}

@media screen and (min-width: 1441px) {
  .sec9-5 .inner {
    padding: 0 360em 80em;
  }
}

@media screen and (max-width: 567px) {
  .sec9-5 .inner {
    padding: 0 40em 40em;
  }
}

.sec9-5 .subtitle {
  font-size: 22em;
  padding: 4em 0 0.5em;
}

.sec9-5 .main-title {
  width: 50%;
}

@media screen and (max-width: 567px) {
  .sec9-5 .subtitle {
    font-size: 16em;
    padding: 1em 0 0.5em;
  }

  .sec9-5 .main-title {
    width: 80%;
  }
}

.sec9-5 .main-title .main-title__text {
  width: 20%;
  text-align: center;
  padding-top: 0.2em;
}

.sec9-5 .explain-card__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40em;
}

.sec9-5 .explain-card__wrapper .explain-card {
  width: 33%;
  text-align: center;
  padding: 0 20em;
}

.sec9-5 .explain-card__wrapper .explain-card:nth-of-type(2) {
  border-left: 1px dashed #909090;
  border-right: 1px dashed #909090;
}

@media screen and (max-width: 567px) {
  .sec9-5 .explain-card__wrapper {
    display: block;
    margin-top: 0;
  }

  .sec9-5 .explain-card__wrapper .explain-card {
    width: 100%;
    border-top: 1px dashed #909090;
    padding: 40em 0;
  }

  .sec9-5 .explain-card__wrapper .explain-card:nth-of-type(2) {
    border-left: none;
    border-right: none;
  }

  .sec9-5 .explain-card__wrapper .explain-card:last-of-type {
    border-bottom: 1px dashed #909090;
  }
}

.sec9-5 .explain-card .explain-card__title {
  font-size: 24em;
  color: #333333;
  text-decoration: underline;
  text-decoration-thickness: 0.6em;
  text-decoration-color: #f3cc0080;
  text-underline-offset: -0.4em;
  text-decoration-skip-ink: none;
  margin-bottom: 1.2em;
}

.sec9-5 .explain-card .explain-card__text {
  font-size: 16em;
  letter-spacing: 0.1em;
  line-height: 2em;
  text-align: start;
}

.sec10 .inner {
  padding: 0 144em 80em;
}

@media screen and (min-width: 1441px) {
  .sec10 .inner {
    padding: 0 360em 80em;
  }
}

@media screen and (max-width: 567px) {
  .sec10 .inner {
    padding: 0 17em 40em;
  }
}

.sec10 .subtitle {
  background-color: #f8f4ff;
  padding-top: 4em;
}

.sec10 .title-wrapper {
  background-color: #f8f4ff;
}

.sec10 .main-title {
  font-size: 50em;
}

.sec10 .main-title .main-title__second {
  text-align: center;
}

.sec10 .main-title .main-title__int {
  color: #a88aec;
  font-size: 1.5em;
  text-shadow: 1px 1px 0 #2f1b6e, -1px -1px 0 #2f1b6e, -1px 1px 0 #2f1b6e,
    1px -1px 0 #2f1b6e, 0px 1px 0 #2f1b6e, 0-1px 0 #2f1b6e, -1px 0 0 #2f1b6e,
    1px 0 0 #2f1b6e;
}

.sec10 .main-title .main-title__str {
  font-size: 1.3em;
}

.sec10 .slash.long {
  height: 144em;
}

.sec10 .left .slash.short,
.sec10 .right .slash.short {
  height: 64em;
}

@media screen and (max-width: 567px) {
  .sec10 .main-title {
    font-size: 24em;
  }

  .sec10 .slash.long {
    height: 80em;
  }

  .sec10 .left .slash.short,
  .sec10 .right .slash.short {
    height: 32em;
  }
}

.sec10 .course-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40em;
}

.sec10 .course-wrapper .price-card {
  width: 360em;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 15em;
  margin: 0 auto;
}

@media screen and (max-width: 567px) {
  .sec10 .course-wrapper {
    display: block;
  }

  .sec10 .course-wrapper .price-card {
    margin-bottom: 20em;
  }
}

.sec10 .course-wrapper .price-card .price-card__plan-first {
  background-color: #e9ddff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 12em;
}

.sec10 .price-card__plan-first .tag-first {
  width: 8em;
  background-color: #a88aec;
  color: #ffffff;
  font-size: 20em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.7em;
  margin: 0 auto;
  position: relative;
  transform: skewX(-5deg);
  font-weight: 700;
}

.sec10 .price-card__plan-first .tag-first::before {
  content: "3";
  font-size: 1.9em;
  position: absolute;
  top: -8px;
  left: 12px;
  transform: skewX(-3deg);
  text-shadow: 1px 1px 0 #a88aec, -1px -1px 0 #a88aec, -1px 1px 0 #a88aec,
    1px -1px 0 #a88aec, 0px 1px 0 #a88aec, 0-1px 0 #a88aec, -1px 0 0 #a88aec,
    1px 0 0 #a88aec;
}

.sec10 .price-card__plan-first .tag-first::after {
  content: "";
  display: inline-block;
  background-color: #a88aec;
  position: absolute;
  top: 0.8em;
  left: 45%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #a88aec;
  border-bottom: 10px solid #a88aec;
  transform: rotate(-45deg);
  z-index: -1;
}

.sec10 .price-card__plan-first .subtext-first {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20em;
}

.sec10 .price-card__plan-first .subtext-first .slash-left__first {
  width: 1em;
  height: 10em;
  background-color: #2f1b6e;
  transform: skewX(20deg);
}

.sec10 .price-card__plan-first .subtext-first .subtext-first__text {
  font-size: 12em;
  color: #2f1b6e;
  letter-spacing: 0.1em;
  margin: 0 1em;
}

.sec10 .price-card__plan-first .subtext-first .slash-right__first {
  width: 1px;
  height: 10px;
  background-color: #2f1b6e;
  transform: skewX(-20deg);
}

.sec10 .course-wrapper .price-card .price-card__plan-second {
  background-color: #e0ddff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 12em;
}

.sec10 .price-card__plan-second .tag-second {
  width: 8em;
  background-color: #7a57c9;
  color: #ffffff;
  font-size: 20em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.7em;
  margin: 0 auto;
  position: relative;
  transform: skewX(-5deg);
  font-weight: 700;
}

.sec10 .price-card__plan-second .tag-second::before {
  content: "6";
  font-size: 1.9em;
  position: absolute;
  top: -8px;
  left: 12px;
  transform: skewX(-3deg);
  text-shadow: 1px 1px 0 #7a57c9, -1px -1px 0 #7a57c9, -1px 1px 0 #7a57c9,
    1px -1px 0 #7a57c9, 0px 1px 0 #7a57c9, 0-1px 0 #7a57c9, -1px 0 0 #7a57c9,
    1px 0 0 #7a57c9;
}

.sec10 .price-card__plan-second .tag-second::after {
  content: "";
  display: inline-block;
  background-color: #7a57c9;
  position: absolute;
  top: 0.8em;
  left: 45%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #7a57c9;
  border-bottom: 10px solid #7a57c9;
  transform: rotate(-45deg);
  z-index: -1;
}

.sec10 .price-card__plan-second .subtext-second {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20em;
}

.sec10 .price-card__plan-second .subtext-second .slash-left__second {
  width: 1em;
  height: 10em;
  background-color: #2f1b6e;
  transform: skewX(20deg);
}

.sec10 .price-card__plan-second .subtext-second .subtext-second__text {
  font-size: 12em;
  color: #2f1b6e;
  letter-spacing: 0.1em;
  margin: 0 1em;
}

.sec10 .price-card__plan-second .subtext-second .slash-right__second {
  width: 1px;
  height: 10px;
  background-color: #2f1b6e;
  transform: skewX(-20deg);
}

.sec10 .course-wrapper .price-card .price-card__plan-third {
  background-color: #dde7ff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 12em;
}

.sec10 .price-card__plan-third .tag-third {
  width: 8em;
  background-color: #3651a0;
  color: #ffffff;
  font-size: 20em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.7em;
  margin: 0 auto;
  position: relative;
  transform: skewX(-5deg);
  font-weight: 700;
}

.sec10 .price-card__plan-third .tag-third::before {
  content: "9";
  font-size: 1.9em;
  position: absolute;
  top: -8px;
  left: 12px;
  transform: skewX(-3deg);
  text-shadow: 1px 1px 0 #3651a0, -1px -1px 0 #3651a0, -1px 1px 0 #3651a0,
    1px -1px 0 #3651a0, 0px 1px 0 #3651a0, 0-1px 0 #3651a0, -1px 0 0 #3651a0,
    1px 0 0 #3651a0;
}

.sec10 .price-card__plan-third .tag-third::after {
  content: "";
  display: inline-block;
  background-color: #3651a0;
  position: absolute;
  top: 0.8em;
  left: 45%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #3651a0;
  border-bottom: 10px solid #3651a0;
  transform: rotate(-45deg);
  z-index: -1;
}

.sec10 .price-card__plan-third .subtext-third {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20em;
}

.sec10 .price-card__plan-third .subtext-third .slash-left__third {
  width: 1em;
  height: 10em;
  background-color: #3651a0;
  transform: skewX(20deg);
}

.sec10 .price-card__plan-third .subtext-third .subtext-third__text {
  font-size: 12em;
  color: #3651a0;
  letter-spacing: 0.1em;
  margin: 0 1em;
}

.sec10 .price-card__plan-third .subtext-third .slash-right__third {
  width: 1px;
  height: 10px;
  background-color: #3651a0;
  transform: skewX(-20deg);
}

.sec10 .maintext {
  color: #333333;
  font-size: 20em;
  font-weight: bold;
  text-align: center;
  padding: 0.7em 0;
}

.sec10 .maintext .maintext-first {
  padding-bottom: 0.4em;
}

.sec10 .price-card__price {
  padding: 30em 10em;
}

.sec10 .price-card__price .price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec10 .price-card__price .price-wrapper .price-label {
  color: #333333;
  font-size: 18em;
  font-weight: bold;
  white-space: nowrap;
}

.sec10 .price-card__price .price-wrapper .price-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec10 .price-card__price .price-wrapper .price-int__first {
  color: #a88aec;
  -webkit-text-stroke: 2px #a88aec;
  font-size: 50em;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 0.25em;
  text-decoration-color: #f3cc0080;
  text-underline-offset: -0.14em;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

.sec10 .price-card__price .price-wrapper .price-int__second {
  color: #7a57c9;
  -webkit-text-stroke: 2px #7a57c9;
  font-size: 50em;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 0.25em;
  text-decoration-color: #f3cc0080;
  text-underline-offset: -0.14em;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

.sec10 .price-card__price .price-wrapper .price-int__third {
  color: #3651a0;
  -webkit-text-stroke: 2px #3651a0;
  font-size: 50em;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 0.25em;
  text-decoration-color: #f3cc0080;
  text-underline-offset: -0.14em;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

.sec10 .price-card__price .tax {
  color: #333333;
  font-size: 12em;
  text-align: left;
  padding-bottom: 0.4em;
  white-space: nowrap;
}

.sec10 .price-card__price .tax .note {
  font-size: 0.8em;
}

.sec10 .price-card__price .price-wrapper .price-text {
  color: #333333;
  font-size: 18em;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #f3cc0080;
  text-underline-offset: -0.21em;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

.sec10 .price-card__content {
  display: flex;
  align-items: center;
  border-top: 1px dashed #909090;
  border-bottom: 1px dashed #909090;
}

.sec10 .price-card__content .content-item {
  width: 50%;
  text-align: center;
  font-size: 16em;
  padding: 1.2em 0;
}

.sec10 .price-card__content .content-item:first-of-type {
  border-right: 1px dashed #909090;
}

.sec10 .price-card__content .item-int {
  font-size: 1.5em;
}

.sec10 .price-card__text {
  color: #909090;
  font-size: 10em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  margin: 2em 0;
}

.top .sec11 {
  background-color: #ffffff;
}

.sec11 .inner {
  padding-bottom: 80em;
}

.sec11 .subtitle {
  padding-top: 4em;
}

.sec11 .faq .accordion {
  padding: 20em;
  max-width: 1920px;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.sec11 .faq .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.sec11 .faq .question .question-wrapper {
  display: flex;
  align-items: center;
}

.sec11 .faq .question .question-wrapper .label {
  font-weight: bold;
  font-size: 38em;
  color: #a88aec;
  margin-right: 0.2em;
}

.sec11 .faq .question .q-text {
  font-weight: bold;
  color: #a88aec;
  font-size: 32em;
  display: flex;
  align-items: center;
}

.sec11 .faq .question .arrow-icon {
  width: 28em;
  height: 28em;
  background-color: #a88aec;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
  transform: rotate(0deg);
}

.sec11 .faq .question .arrow-icon::before {
  content: "";
  display: inline-block;
  width: 10em;
  height: 10em;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.sec11 .faq .arrow-icon.rotate {
  transition: 0.3s ease;
  transform: rotate(180deg);
}

.sec11 .faq .answer {
  margin-top: 0.6em;
  font-size: 24em;
  line-height: 1.7;
  color: #333;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.2s ease;
}

.sec11 .faq .answer .label {
  width: 5%;
  font-size: 1.8em;
  font-weight: bold;
}

.sec11 .faq .answer .answer-text {
  width: 95%;
  align-content: center;
}

.sec11 .faq .answer.show {
  display: flex;
  opacity: 1;
}

@media screen and (max-width: 567px) {
  .sec11 .inner {
    padding-bottom: 40em;
  }

  .sec11 .subtitle {
    padding-top: 2em;
  }

  .sec11 .faq .accordion {
    padding: 5em 0;
  }

  .sec11 .faq .question .q-text {
    width: 90%;
    font-size: 16em;
    line-height: 1.5em;
  }

  .sec11 .faq .question .question-wrapper .label {
    width: 1.2em;
    font-size: 22em;
  }

  .sec11 .faq .question .arrow-icon {
    width: 16em;
    height: 16em;
  }

  .sec11 .faq .question .arrow-icon::before {
    width: 5em;
    height: 5em;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  .sec11 .faq .answer {
    margin-top: 0.3em;
  }

  .sec11 .faq .answer .label {
    width: 1em;
    font-size: 1em;
    margin-right: 0.2em;
  }

  .sec11 .faq .answer .answer-text {
    font-size: 0.6em;
  }
}

.sec12 .container {
  background-color: #f8f4ff;
}

.sec12 .inner {
  padding-bottom: 80em;
}

.sec12 .subtitle {
  padding-top: 4em;
}

.sec12 .title-wrapper {
  padding-bottom: 1rem;
}

@media screen and (max-width: 567px) {
  .sec12 .inner {
    padding-bottom: 40em;
  }

  .sec12 .subtitle {
    padding-top: 2em;
  }

  .sec12 .title-wrapper {
    padding-bottom: 1rem;
  }
}

.sec13 {
  background: #fff;
  padding-top: 80em;
}

@media screen and (max-width: 567px) {
  .sec13 {
    padding-top: 40em;
  }
}

.subtitle {
  color: #a88aec;
  font-size: 25em;
  font-family: "Anonymous Pro", monospace;
  font-weight: bold;
  letter-spacing: 0.47em;
  text-align: center;
}

.title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
}

.slashes {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 2rem;
}

.slash {
  width: 0.3rem;
  transform: skewX(-20deg);
}

.slash.long {
  height: 56em;
  background-color: #a88aec;
}

.left .slash.long {
  margin-right: 0.3rem;
}

.left .slash.short {
  height: 24em;
  background-color: #2f1b6e;
  position: absolute;
  bottom: 0;
}

.right .slash.long {
  margin-left: 0.3rem;
}

.right .slash.short {
  height: 24em;
  background-color: #2f1b6e;
  position: absolute;
  top: 0;
}

.main-title {
  font-size: 60em;
  font-weight: bold;
  color: #2f1b6e;
  line-height: 1.4;
  display: inline-block;
}

.main-title__first {
  white-space: nowrap;
}

@media (min-width: 1441px) {
  .title {
    max-width: 1920px;
    margin: 3rem auto 0;
  }
}

@media (max-width: 567px) {
  .title {
    margin-top: 0;
  }

  .title-wrapper {
    gap: 0;
    padding-bottom: 2rem;
  }

  .subtitle {
    font-size: 15em;
    letter-spacing: 0.3rem;
  }

  .slash {
    width: 0.15rem;
  }

  .slash.long {
    height: 32em;
  }

  .left .slash.short,
  .right .slash.short {
    height: 12.8em;
  }

  .main-title {
    font-size: 25em;
  }
}

.registration-number,
.registration-text {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}

.number-item {
  font-size: 50em;
  font-weight: bold;
  font-family: "Noto Sans Hebrew", sans-serif;
  font-style: italic;
  text-align: center;
  background-color: #909090;
  color: #ffffff;
  border-radius: 10rem;
  padding: 1rem 0.75rem;
}

.number-item:first-of-type {
  background-color: #a88aec;
}

.number {
  margin-right: 0.2rem;
}

.border {
  background-color: #a88aec;
  width: 120em;
  height: 0.1rem;
  margin: 0 20em;
}

.registration-text {
  padding: 1.5rem 0 4.5rem;
}

.text {
  font-size: 22em;
  font-weight: bold;
  color: #909090;
  margin: 0 3.5em 0 2.7em;
}

.text:first-of-type {
  margin: 0 2em 0 3em;
  color: #000;
}

.text-span {
  display: block;
  text-align: center;
  margin-top: 0.7rem;
}

@media (min-width: 1441px) {
  .registration {
    max-width: 1920px;
    margin: 0 auto;
  }
}

@media (max-width: 567px) {
  .number-item {
    font-size: 20em;
    padding: 0.75rem 0.6rem;
  }

  .border {
    width: 60em;
    margin: 0 0.7rem;
  }

  .registration-text {
    padding: 0.7rem 0 4.5rem;
  }

  .text {
    width: 28%;
    text-align: center;
    font-size: 12em;
    margin: 0;
  }

  .text:first-of-type {
    margin: 0;
  }

  .text:nth-of-type(2) {
    margin: 0 1.5rem;
  }

  .text-span {
    margin-top: 0.4rem;
  }
}

.sec14 {
  background-color: #ffffff;
}

.sec14 .counseling-message {
  font-size: 16em;
  color: #333333;
  margin-bottom: 2em;
}

@media screen and (max-width: 567px) {
  .sec14 .counseling-message {
    font-size: 14em;
  }
}

.sec14 .inner {
  background-color: #ffffff;
}

.sec9 {
  margin: 0;
}

.sec9 .inner {
  padding: 0 100em 0 100em;
}

@media screen and (max-width: 567px) {
  .sec9 .inner {
    padding: 0 100em 0 10em;
  }
}

.sec9 .container {
  width: 100%;
  background-color: #ffffff;
  overflow-x: scroll;
  padding: 40em 0;
}

.sec9 .courseflow-card {
  display: flex;
  gap: 40em;
  padding: 0 20em;
  min-width: max-content;
}

.sec9 .courseflow-card__left {
  width: 80em;
  background-image: linear-gradient(
    110deg,
    #9778dd 25%,
    #7a57c9 25%,
    #7a57c9 75%,
    #9778dd 75%
  );
  padding: 20em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec9 .courseflow-card__left-item-text {
  color: #ffffff;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 24em;
  letter-spacing: 0.1em;
  text-align: center;
}

.sec9 .courseflow-card__box-item:not(:last-child) {
  margin-bottom: 20em;
}

.sec9 .courseflow-card__box-item-header {
  display: flex;
  align-items: center;
  gap: 15em;
  margin-bottom: 10em;
}

.sec9 .courseflow-card__box-item-number {
  background: #a88aec;
  color: #ffffff;
  padding: 4em;
  border-radius: 3em;
  font-size: 14em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: fit-content;
}

.sec9 .courseflow-card__box-item-text {
  font-size: 14em;
  line-height: 1.6;
}

.sec9 .courseflow-card__wrapper {
  display: flex;
  overflow-x: auto;
  padding: 20em 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  min-width: 400em;
  height: 700em;
}

.sec9 .courseflow-card__wrapper::-webkit-scrollbar {
  display: none;
}

.sec9 .courseflow-card {
  flex: 0 0 auto;
}

.sec9 .courseflow-card__left-item-text {
  color: #ffffff;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 24em;
  letter-spacing: 0.1em;
}

.sec9 .courseflow-card__right {
  width: auto;
  max-width: 640em;
}

.sec9 .courseflow-card:first-of-type .courseflow-card__right {
  max-width: 400em;
}

.sec9 .courseflow-card:nth-of-type(4) .courseflow-card__right {
  max-width: 450em;
}

.sec9 .courseflow-card__title {
  font-size: 40em;
  font-weight: bold;
  color: rgba(168, 138, 236, 0.3);
  font-family: "Arimo Hebrew Subset Italic";
  margin-bottom: 0.3em;
  font-style: italic;
}

.sec9 .courseflow-card__subtitle {
  font-size: 24em;
  font-weight: bold;
  color: #a88aec;
  letter-spacing: 0.3em;
  margin-bottom: 1em;
}

.sec9 .courseflow-card__subtitle-arrow .arrow {
  display: inline-block;
  min-width: 400em;
  height: 30em;
  background: #a88aec;
  clip-path: polygon(
    0 41.3%,
    94% 41.3%,
    94% 0,
    100% 50%,
    94% 100%,
    94% 58.7%,
    0 58.7%
  );
}

.sec9 .courseflow-card:nth-of-type(2) .courseflow-card__subtitle-arrow .arrow {
  width: 640em;
}

.sec9 .courseflow-card:nth-of-type(3) .courseflow-card__subtitle-arrow .arrow {
  width: 640em;
}

.sec9 .courseflow-card__box {
  padding: 13em 0;
  border-radius: 10em;
}

.sec9 .courseflow-card__box-item:not(:last-child) {
  margin-bottom: 20em;
}

.sec9 .courseflow-card__box-item-header {
  display: flex;
  align-items: center;
  gap: 15em;
  margin-bottom: 10em;
}

.sec9 .courseflow-card__box-item-number {
  background: #a88aec;
  color: #ffffff;
  padding: 0.5em 0.8em;
  border-radius: 0.3em;
  font-size: 16em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: fit-content;
}

.sec9 .courseflow-card__box-item-title {
  color: #333333;
  font-size: 24em;
  font-weight: bold;
  white-space: nowrap;
}

.sec9 .courseflow-card__box-item-text {
  color: #333333;
  font-size: 20em;
  line-height: 1.6;
}

.emphasis-dot-word {
  text-emphasis-style: dot;
}

.sec9 .courseflow-card__left-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
responsive image styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.responsive-image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

.responsive-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* main section styles */
.main-section {
  width: 100%;
  background-color: #ffffff;
}

.main-section .hero-image {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.main-section .hero-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media screen and (max-width: 567px) {
  .main-section .hero-image {
    padding: 0;
  }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
top end
–––––––––––––––––––––––––––––––––––––––––––––––––– */