@charset "UTF-8";
.m-bodyText {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
}
.m-bodyText.--em-l {
  font-size: var(--font-size-body-em-l);
}
.m-bodyText.--em {
  font-size: var(--font-size-body-em);
}
@media screen and (max-width: 719px) {
  .m-bodyText.--em-sp {
    font-size: var(--font-size-body-em);
  }
}
.m-bodyText.--sub {
  font-size: var(--font-size-body-sub);
}
.m-bodyText.--sub-s {
  font-size: var(--font-size-body-sub-s);
}
.m-bodyText.--annotation {
  font-size: var(--font-size-body-annotation);
}
.m-bodyText.--label {
  line-height: var(--line-height-body-label);
}
.m-bodyText.--label-s {
  font-size: var(--font-size-body-label-s);
  line-height: var(--line-height-body-label);
}
.m-bodyText.--link {
  text-decoration: underline;
}
.m-bodyText.--bold {
  font-weight: var(--font-weight-bold);
}
.m-bodyText.--align-center {
  text-align: center;
}
.m-bodyText.--align-right {
  text-align: right;
}

.m-heading {
  font-size: var(--font-size-heading-m);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-heading);
  line-height: var(--line-height-heading);
}
.m-heading.--3l {
  font-size: var(--font-size-heading-3l);
}
.m-heading.--ll {
  font-size: var(--font-size-heading-ll);
}
.m-heading.--l {
  font-size: var(--font-size-heading-l);
}
.m-heading.--s {
  font-size: var(--font-size-heading-s);
}
.m-heading.--ss {
  font-size: var(--font-size-heading-ss);
}
.m-heading.--align-center {
  text-align: center;
}

/*slick*/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
  height: 100%;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
  padding: 0;
  outline: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0.1rem solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  overflow: hidden;
  margin-top: -1.5rem;
  padding: 0;
  width: 3.2rem;
  height: 3rem;
  outline: none;
  border: none;
  text-indent: -9999rem;
  cursor: pointer;
}

.slick-prev {
  left: 0.5rem;
  background: url("../img/cms/left_arrow.png") no-repeat 50% 50%;
  background-size: cover;
}

.slick-next {
  right: 0.5rem;
  background: url("../img/cms/right_arrow.png") no-repeat 50% 50%;
  background-size: cover;
}

.slick-dots {
  position: absolute;
  right: 0;
  bottom: -1.5rem;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 1;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 0.75rem;
  padding: 0;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 50%;
  background: #ffffff;
  content: "";
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.p-index__fv {
  padding: 2rem 2rem 5rem;
  background-color: var(--color-bg-accent-secondary);
}
@media screen and (min-width: 720px) {
  .p-index__fv {
    padding: 4rem 8rem 5rem;
  }
}
.p-index__fv .c-textWithTitle {
  background: right bottom 0.4rem/8.3rem 5.2rem url("/assets/img/course/age3-6/standard/fv-heading-bg.png") no-repeat;
}
@media screen and (min-width: 720px) {
  .p-index__fv .c-textWithTitle {
    background-position: left 27rem bottom 0.4rem;
  }
}
.p-index__fv__kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  margin-right: -2rem;
}
@media screen and (min-width: 720px) {
  .p-index__fv__kv {
    margin-right: -8rem;
  }
}
.p-index__fv__kv img {
  width: 35rem;
}
@media screen and (min-width: 720px) {
  .p-index__fv__kv img {
    width: 65rem;
  }
}
.p-index__fv__info {
  padding: 1.5rem 1.7rem 1rem;
  border-radius: var(--radius-inner);
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  bottom: -7rem;
}
@media screen and (min-width: 720px) {
  .p-index__fv__info {
    padding: 1.5rem 2rem 1rem;
    left: 8rem;
    bottom: -3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-index__fv__info .grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
}
.p-index__fv__info .col {
  color: var(--color-txt-accent-primary);
  font-weight: 700;
}
.p-index__fv__info .col .medium {
  letter-spacing: 0.04rem;
  font-size: 1.4rem;
  line-height: 1.1;
}
.p-index__fv__info .col b {
  font-size: 4rem;
  font-family: var(--font-family-number-alphabet);
  line-height: 1;
  letter-spacing: -0.03rem;
  display: inline-block;
  margin-right: -0.3rem;
  font-weight: 600;
}
.p-index__fv__info .col .small {
  font-size: 1.2rem;
  letter-spacing: 0.03rem;
}
.p-index__fv__info .col .annotationWrapper {
  position: relative;
  display: inline;
}
.p-index__fv__info .col .annotation {
  position: absolute;
  top: -1.6rem;
  left: 0;
  font-size: 0.8rem;
  color: var(--color-txt-accent-primary-sub);
}
.p-index__fv__info .col .extraSmall {
  font-size: 1rem;
  line-height: 1;
}
.p-index__fv__info .col.--left {
  border-right: dashed 0.1rem var(--color-bd-accent-primary);
  padding-right: 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 720px) {
  .p-index__fv__info .col.--left {
    padding-left: 0.5rem;
  }
}
.p-index__fv__info .col.--center {
  padding: 0 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-index__fv__info .col.--right {
  border-left: dashed 0.1rem var(--color-bd-accent-primary);
  display: grid;
  place-content: center;
  place-items: center;
  padding-left: 1.9rem;
}
@media screen and (min-width: 720px) {
  .p-index__fv__info .col.--right {
    padding-right: 0.5rem;
  }
}
.p-index__fv .c-trialCta {
  margin-left: -2rem;
  margin-right: -2rem;
}
@media screen and (min-width: 720px) {
  .p-index__fv .c-trialCta {
    margin-left: -8rem;
    margin-right: -8rem;
  }
}
.p-index__environment {
  background-color: var(--color-bg-primary);
  padding: 8rem 1.5rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-index__environment {
    padding: 4rem 8rem;
  }
}
.p-index__environment .m-underlineCatchphrase {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-index__environment__heading {
  color: var(--color-txt-accent-primary-sub);
  background: var(--linear-gradient-underline);
}
.p-index__environment__figureWrapper {
  border-radius: var(--radius-section);
  background-color: var(--color-bg-info-primary);
  padding: 3rem 0;
}
@media screen and (min-width: 720px) {
  .p-index__environment__figureWrapper {
    padding: 3rem 15rem;
  }
}
.p-index__environment__dificulty {
  margin-left: 2rem;
  margin-right: 2rem;
  border-radius: var(--radius-inner);
  overflow: hidden;
}
.p-index__environment__dificulty .heading {
  background-color: var(--color-bg-accent-primary-sub);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}
.p-index__environment__dificulty .heading::before {
  content: "";
  display: inline-block;
  width: 5.4rem;
  height: 5.7rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/environment-heading-bg.png") no-repeat;
}
.p-index__environment__dificulty .content {
  background-color: var(--color-bg-primary);
  padding: 2rem 3.5rem;
}
.p-index__class {
  background-color: var(--color-fig-accent2-light);
  padding: 8rem 1.5rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-index__class {
    padding: 8rem 8rem 4rem;
  }
}
.p-index__classExplanation__content {
  padding-top: 14rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-index__classExplanation__content::before {
  content: "";
  display: block;
  position: absolute;
  width: 36rem;
  height: 25.8rem;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 720px) {
  .p-index__classExplanation__content::before {
    width: 44rem;
    height: 25.8rem;
  }
}
.p-index__classExplanation__content.--indivisual {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.p-index__classExplanation__content.--indivisual::before {
  left: -1.5rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/class-explanation-indivisual.png") no-repeat;
}
@media screen and (min-width: 720px) {
  .p-index__classExplanation__content.--indivisual::before {
    left: -8rem;
  }
}
.p-index__classExplanation__content.--group::before {
  right: -1.5rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/class-explanation-group.png") no-repeat;
}
@media screen and (min-width: 720px) {
  .p-index__classExplanation__content.--group::before {
    right: -8rem;
  }
}
.p-index__classExplanation__description {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: var(--radius-section);
  padding: 3rem 2rem;
  position: relative;
}
@media screen and (min-width: 720px) {
  .p-index__classExplanation__description {
    width: 58rem;
  }
}
.p-index__classExplanation__description::after {
  content: "";
  display: inline-block;
  position: absolute;
}
.--indivisual .p-index__classExplanation__description::after {
  width: 3.3rem;
  height: 5.2rem;
  right: 3.4rem;
  top: 1.3rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/class-explanation-indivisual-illust.png") no-repeat;
}
@media screen and (min-width: 720px) {
  .--indivisual .p-index__classExplanation__description::after {
    right: 12.4rem;
  }
}
.--group .p-index__classExplanation__description::after {
  width: 5.2rem;
  height: 4.5rem;
  left: 2rem;
  top: 2rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/class-explanation-group-illust.png") no-repeat;
}
@media screen and (min-width: 720px) {
  .--group .p-index__classExplanation__description::after {
    left: 13rem;
  }
}
.p-index__classExplanation__description .m-heading b {
  color: var(--color-txt-accent-primary-sub);
  background: var(--linear-gradient-underline);
}
.p-index__flow__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 1.5rem;
}
.p-index__flow__gridItem {
  border: solid 0.3rem var(--color-bd-white);
  border-radius: var(--radius-section);
  padding: 2rem;
}
@media screen and (min-width: 720px) {
  .p-index__flow__gridItem {
    padding: 2rem 8rem;
  }
}
.p-index__flow__gridItem.--greeting {
  grid-column: 1/3;
  background: right 1.3rem bottom -2.8rem/12.2rem 11.3rem url("/assets/img/course/age3-6/standard/flow-greeting.png") no-repeat;
  background-color: var(--color-fig-accent2-light);
}
@media screen and (max-width: 719px) {
  .p-index__flow__gridItem.--greeting .description {
    width: 20.3rem;
  }
}
@media screen and (min-width: 720px) {
  .p-index__flow__gridItem.--greeting .description {
    text-align: center;
  }
}
.p-index__flow__gridItem.--indivisual, .p-index__flow__gridItem.--group {
  background-color: var(--color-bg-accent-secondary);
  padding-bottom: 10.7rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-index__flow__gridItem.--indivisual b, .p-index__flow__gridItem.--group b {
  background: var(--linear-gradient-underline);
}
.p-index__flow__gridItem.--indivisual::before, .p-index__flow__gridItem.--indivisual::after, .p-index__flow__gridItem.--group::before, .p-index__flow__gridItem.--group::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-bd-white);
  position: absolute;
}
.p-index__flow__gridItem.--indivisual::before, .p-index__flow__gridItem.--group::before {
  top: -3.3rem;
}
.p-index__flow__gridItem.--indivisual::after, .p-index__flow__gridItem.--group::after {
  bottom: -3.3rem;
}
.p-index__flow__gridItem.--indivisual {
  background-position: bottom -0.5rem center;
  background-size: 16.7rem auto;
  background-image: url("/assets/img/course/age3-6/standard/flow-indivisual.png");
  background-repeat: no-repeat;
}
.p-index__flow__gridItem.--group {
  background-position: bottom -0.2rem center;
  background-size: 18rem auto;
  background-image: url("/assets/img/course/age3-6/standard/flow-group.png");
  background-repeat: no-repeat;
}
.p-index__flow__gridItem.--feedback {
  grid-column: 1/3;
  background: right bottom/13rem 12.6rem url("/assets/img/course/age3-6/standard/flow-feedback.png") no-repeat;
  background-color: var(--color-fig-accent2-light);
}
@media screen and (min-width: 720px) {
  .p-index__flow__gridItem.--feedback {
    background-position: right bottom -2.4rem;
  }
}
@media screen and (max-width: 719px) {
  .p-index__flow__gridItem.--feedback .description {
    width: 20.3rem;
  }
}
@media screen and (min-width: 720px) {
  .p-index__flow__gridItem.--feedback .description {
    text-align: center;
  }
}
.p-index__flow__monitoring {
  border-radius: var(--radius-section);
  background-position: right 2rem bottom 2.8rem;
  background-size: 12rem auto;
  background-image: url("/assets/img/course/age3-6/standard/flow-monitoring.png");
  background-repeat: no-repeat;
  background-color: var(--color-fig-accent3);
  position: relative;
  padding: 2rem;
}
@media screen and (min-width: 720px) {
  .p-index__flow__monitoring {
    padding: 2rem 12.5rem;
    background-position: right 13rem bottom 2rem;
  }
}
.p-index__flow__monitoring .badge {
  position: absolute;
  left: 0.8rem;
  top: 0.8rem;
  display: grid;
  place-content: center;
  width: 5rem;
  aspect-ratio: 1/1;
  background-color: var(--color-fig-accent3-sub);
  color: var(--color-fig-accent3);
  font-family: var(--font-family-number-alphabet);
  font-size: 1.1rem;
  font-weight: 700;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  border-radius: 50%;
}
.p-index__flow__monitoring .description {
  width: 19rem;
  color: var(--color-txt-onfill);
}
@media screen and (min-width: 720px) {
  .p-index__flow__monitoring .description {
    width: 27rem;
  }
}
@media screen and (max-width: 719px) {
  .p-index__flow__monitoring .m-heading {
    padding-left: 5.7rem;
  }
}
.p-index__flow__line {
  padding: 1.5rem 0.5rem 0.5rem;
  border-radius: var(--radius-section);
  background-color: var(--color-bg-primary);
}
.p-index__flow__line .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem 1.5rem;
}
@media screen and (min-width: 720px) {
  .p-index__flow__line .heading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-index__flow__line .logo {
  width: 5rem;
}
.p-index__flow__line .headingText {
  color: #06c755;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04rem;
}
.p-index__flow__line .inner {
  padding: 1rem 1.5rem;
  background-color: #06c755;
  border-radius: 0.5rem 0.5rem 2.5rem 2.5rem;
}
@media screen and (min-width: 720px) {
  .p-index__flow__line .inner {
    display: grid;
    place-content: center;
  }
}
.p-index__flow__line .badgeWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-index__flow__line .badgeWrapper span {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub);
  font-weight: var(--font-weight-bold);
  padding: 0 1.5rem 0.2rem;
  border-radius: var(--radius-button);
  background-color: var(--color-bg-primary);
  color: #5d7386;
}
@media screen and (max-width: 719px) {
  .p-index__example__slider {
    margin-right: -1.5rem;
  }
}
@media screen and (max-width: 719px) {
  .p-index__example__slider .slick-list {
    padding-right: 7rem;
  }
}
.p-index__example__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-index__example__slider .slick-slide {
  float: unset;
  height: unset;
  min-height: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.75rem;
}
.p-index__example__slider .slick-dots {
  bottom: -2rem;
}
.p-index__example__slider .slick-dots li {
  width: 0.5rem;
  height: 0.5rem;
}
.p-index__example__slider .slick-dots li button::before {
  border: none;
  opacity: 0.2;
  background-color: var(--color-ico-primary-light);
}
.p-index__example__slider .slick-dots li.slick-active button::before {
  opacity: 1;
}
.p-index__example__slider .itemWrapper {
  height: 100%;
  border-radius: var(--radius-section);
}
.p-index__example__slider .sliderItem {
  padding-top: 4rem;
  height: 100%;
}
.p-index__example__slider .sliderItemInner {
  width: 29rem !important;
  border-radius: var(--radius-section);
  background-color: var(--color-bg-primary);
  position: relative;
  height: 100%;
  padding: 3rem 2rem 2rem;
}
.p-index__example .illust1 {
  position: absolute;
  top: -0.9rem;
  right: 1.2rem;
  display: block;
  width: 8.2rem;
}
.p-index__example .illust2 {
  position: absolute;
  top: -4.5rem;
  right: 1.2rem;
  display: block;
  width: 8.2rem;
}
.p-index__example .scheduleTable {
  margin-top: 1.5rem;
  padding: 1.5rem 1.5rem 1.5rem 1rem;
  border-radius: var(--radius-inner);
  background-color: var(--color-bg-info-secondary);
}
.p-index__example .scheduleTable .row {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 0 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-index__example .scheduleTable .row:not(:last-of-type) {
  padding-bottom: 0.65rem;
  border-bottom: dashed 0.1rem var(--color-bd-info-secondary);
}
.p-index__example .scheduleTable .row:not(:first-of-type) {
  padding-top: 0.5rem;
}
.p-index__example .scheduleTable .row:has(.classContent):not(:last-of-type) {
  padding-bottom: 1rem;
}
.p-index__example .scheduleTable .row:has(.classContent) .day {
  font-weight: var(--font-weight-bold);
  border-radius: 50%;
  background-color: var(--color-fig-accent3);
  color: var(--color-txt-onfill);
}
.p-index__example .scheduleTable .row:has(.classContent) .content {
  font-size: var(--font-size-body-sub);
  font-weight: var(--font-weight-bold);
  color: var(--color-txt-accent-primary-sub);
}
.p-index__example .scheduleTable .day {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub);
  line-height: var(--line-height-body-label);
  grid-column: 1;
  display: grid;
  place-content: center;
  width: 100%;
  aspect-ratio: 1/1;
}
.p-index__example .scheduleTable .content {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub-s);
  line-height: var(--line-height-body-label);
  grid-column: 2;
}
.p-index__example .scheduleTable .classContent {
  grid-column: 2;
  border-radius: var(--radius-inner);
  padding: 1rem;
  background-color: var(--color-bg-primary);
}
.p-index__example .scheduleTable .classContent ul {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.5rem;
}
.p-index__example .scheduleTable .classContent ul li {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub-s);
  font-size: var(--font-size-body-label-s);
  line-height: var(--line-height-body-label);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
}
.p-index__example .scheduleTable .classContent ul li::before {
  content: "・";
}
.p-index__example .scheduleTable .classContentHeading {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
  color: var(--color-fig-accent3);
}
.p-index__supportFlow {
  background-color: var(--color-bg-accent-secondary);
  padding: 8rem 1.5rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-index__supportFlow {
    padding: 8rem 8rem 4rem;
  }
}
.p-index__supportFlow__stepList {
  background-color: var(--color-bg-accent-secondary-dark);
  border-radius: var(--radius-section);
  padding: 2rem 2rem 6rem;
}
@media screen and (min-width: 720px) {
  .p-index__supportFlow__stepList {
    padding: 2rem 4rem 6rem;
  }
}
.p-index__supportFlow__stepListWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}
.p-index__supportFlow__stepItem {
  border-radius: var(--radius-button);
  background-color: var(--color-bg-primary);
  border: solid 0.1rem var(--color-bd-section-light);
  height: 7rem;
  display: grid;
  place-content: center;
  place-items: center;
  padding: 1.55rem;
  position: relative;
}
.p-index__supportFlow__stepItem::before {
  content: "";
  display: inline-block;
  border-left: solid 0.7rem transparent;
  border-right: solid 0.7rem transparent;
  border-top: solid 1.2rem var(--color-red-40);
  position: absolute;
  bottom: -2rem;
}
.p-index__supportFlow__stepItem:last-of-type::after {
  content: "";
  display: inline-block;
  border-left: solid 0.7rem transparent;
  border-right: solid 0.7rem transparent;
  border-top: solid 1.2rem var(--color-red-40);
  position: absolute;
  bottom: -3.7rem;
}
.p-index__supportFlow__stepItem:nth-of-type(1)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 2.3rem;
  width: 5.2rem;
  height: 3.6rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/support-flow-item-1.png") no-repeat;
}
.p-index__supportFlow__stepItem:nth-of-type(2)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1.6rem;
  width: 4.8rem;
  height: 3.2rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/support-flow-item-2.png") no-repeat;
}
.p-index__supportFlow__stepItem:nth-of-type(3)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 3rem;
  width: 2.7rem;
  height: 4rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/support-flow-item-3.png") no-repeat;
}
.p-index__supportFlow__stepItem:nth-of-type(4)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1.5rem;
  width: 6.7rem;
  height: 3.3rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/support-flow-item-4.png") no-repeat;
}
.p-index__supportFlow__stepText {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
  text-align: center;
  color: var(--color-txt-accent-primary);
}
.p-index__supportFlow__stepText .small {
  font-size: var(--font-size-body-sub-s);
}
.p-index__supportFlow__pointGrid {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 720px) {
  .p-index__supportFlow__pointGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 4rem;
  }
}
.p-index__supportFlow__pointItem {
  border-radius: 100rem 100rem 6rem 6rem;
  background-color: var(--color-bg-primary);
  padding: 3rem 3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-index__supportFlow__pointItem .c-textList {
  margin-bottom: 1.5rem;
}
.p-index__supportFlow__pointItem img {
  margin-top: auto;
  display: block;
}
.p-index__supportFlow__pointItemNumber {
  text-align: center;
  color: var(--color-txt-accent-primary-sub);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  font-family: var(--font-family-number-alphabet);
}
.p-index__supportFlow__pointItemNumber b {
  font-size: 5rem;
  font-weight: 600;
}
.p-index__supportFlow__pointItemHeading {
  font-size: var(--font-size-heading-m);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-heading);
  line-height: var(--line-height-heading);
  font-size: var(--font-size-heading-l);
  text-align: center;
}
.p-index__supportFlow__pointItemHeading b {
  color: var(--color-txt-accent-primary-sub);
}
.p-index__supportFlow__pointItemSubHeading {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-index__supportFlow__pointItemSubHeading span {
  font-size: var(--font-size-heading-m);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-heading);
  line-height: var(--line-height-heading);
  color: var(--color-txt-accent-primary-sub);
  background: var(--linear-gradient-underline);
}
.p-index__price {
  background-color: var(--color-bg-primary);
  padding: 8rem 1.5rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-index__price {
    padding: 8rem 8rem 4rem;
  }
}
.p-index__price .m-underlineCatchphrase {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.p-index__price__annotation {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--color-bg-accent-primary-light);
}
.p-index__price__example {
  padding: 2rem;
  border-radius: var(--radius-section);
  background-color: var(--color-bg-info-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 720px) {
  .p-index__price__example {
    padding: 2rem 7.2rem;
  }
}
.p-index__price__example .heading {
  display: grid;
  grid-template-columns: 5rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.p-index__price__example .heading .badge {
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-bg-info-accent-secondary-dark);
  display: grid;
  place-content: center;
}
.p-index__price__example .expression {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
  text-align: right;
}
.p-index__price__example hr {
  border: none;
  width: 100%;
  height: 3.2rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/price-example-arrow.png") no-repeat;
}
.p-index__price__example table {
  border-collapse: collapse;
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
}
@media screen and (min-width: 720px) {
  .p-index__price__example table {
    margin-left: auto;
    margin-right: auto;
    width: 30rem;
  }
}
.p-index__price__example table th, .p-index__price__example table td {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-size: var(--font-size-body-sub);
  line-height: var(--line-height-body-label);
  text-align: center;
  padding: 0.5rem 1rem;
  width: 50%;
}
.p-index__price__example table th {
  background-color: var(--color-bg-info-accent-secondary);
}
.p-index__price__example table th:first-of-type {
  border-right: solid 0.1rem var(--color-bd-white);
}
.p-index__price__example table td {
  background-color: var(--color-bg-primary);
}
.p-index__price__example table td:first-of-type {
  border-right: solid 0.1rem var(--color-bd-primary);
}
.p-index__price__example table tbody tr:not(last-of-type) td {
  border-bottom: solid 0.1rem var(--color-bd-primary);
}
.p-index__prefectureSection {
  padding: 15rem 1.5rem 2rem;
  background: center top/contain url("/assets/img/course/age3-6/standard/prefectures-bg.jpg") no-repeat, var(--color-bg-accent-primary-sub);
}
@media screen and (min-width: 720px) {
  .p-index__prefectureSection {
    padding: 31.5rem 8rem 2rem;
  }
}
.p-index__prefectureSection__inner {
  border-radius: var(--radius-section);
  background-color: var(--color-bg-accent-secondary);
  padding: 3rem 2rem;
}
@media screen and (min-width: 720px) {
  .p-index__prefectureSection__inner {
    padding: 3rem 4rem;
  }
}
.p-index__prefectureSection .c-prefectureList::after {
  content: "";
  width: 100%;
  height: 5.2rem;
  background: center center/contain url("/assets/img/course/age3-6/standard/prefectures-illust.png") no-repeat;
}
.p-index__welfareServices {
  padding: 0 2rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-index__welfareServices {
    padding: 0 8rem 4rem;
  }
}
@media screen and (max-width: 719px) {
  .p-index__jukyushashoWrapper {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}/*# sourceMappingURL=p-index.css.map */