@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Paytone+One&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap");
/* child-studies
------------------------------------------------ */
/* common
------------------------------------------------ */
.supportFlex::before, .supportFlex::after, .supportArea::before, .supportArea::after, .txtBold--solid::before, .txtBold--solid::after, .txtBold--dot::before {
  border-top: 1px dashed #603C25;
}

.txtBold--dot {
  position: relative;
}
.txtBold--dot::before {
  content: "";
  position: absolute;
  bottom: -5px;
  display: block;
  width: 100%;
  height: 2px;
}

.scroll-hint-shadow-wrap {
  overflow: hidden;
}

.scroll-hint-shadow-wrap::after {
  display: none;
}

body {
  background-color: #FCF6E8;
}

.txt {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  font-family: "Noto Sans JP";
  font-weight: 500;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media screen and (max-width: 720px) {
  .txt {
    font-size: 3.3333333333vw;
  }
}
.txtBold {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
}

.txtBold--solid {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  position: relative;
  padding: 21px 0;
}
.txtBold--solid::before, .txtBold--solid::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
}
.txtBold--solid::before {
  top: 0;
}
.txtBold--solid::after {
  bottom: 0;
}

@media screen and (max-width: 720px) {
  .txtBold {
    font-size: 3.8888888889vw;
  }
  .txtBold--dot::before {
    bottom: -1.3888888889vw;
  }
}
.inner1000 {
  width: min(1040px, 100%);
  padding: 0 20px;
  margin: 0 auto;
}

@media screen and (max-width: 720px) {
  .inner1000 {
    padding: 0 5.5555555556vw;
  }
}
.commonHd {
  font-size: 4rem;
  line-height: 1.9;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  margin-bottom: 42px;
  text-align: center;
}
.commonHd strong {
  display: inline-block;
  position: relative;
}
.commonHd strong::before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  border-bottom: 2px solid #EEA900;
  position: absolute;
  bottom: 8px;
}

@media screen and (max-width: 720px) {
  .commonHd {
    font-size: 5.5555555556vw;
    line-height: 7.2222222222vw;
    margin-bottom: 9.7222222222vw;
  }
  .commonHd strong::before {
    bottom: -1.6666666667vw;
  }
}
/* 下層共通 */
.courseNewsHd .ja::before {
  background-color: #EEA900;
}

/* 下層共通ここまで */
.courseMv,
.insta,
.point,
.feature,
.growth,
.curriculum,
.course,
.support,
.career {
  color: #603C25;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 400;
}

/* MV */
.courseMv {
  position: relative;
}

@media screen and (max-width: 720px) {
  .courseMvSlide {
    padding-bottom: 22.2222222222vw;
  }
}
.courseMvInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 78.3308931186vw;
  position: absolute;
  bottom: 4.1727672035vw;
  left: calc(50% - 34px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  gap: 50px;
}

@media screen and (max-width: 1070px) and (min-width: 721px) {
  .courseMvInner {
    width: calc(78.3308931186vw + 20px);
    left: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
    padding: 0 10px;
  }
}
@media screen and (max-width: 720px) {
  .courseMvInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    bottom: 3.8888888889vw;
    width: 88.8888888889vw;
    margin: 0 auto;
    left: 50%;
    gap: 5.5555555556vw;
  }
}
.courseMvLead {
  width: 30.3074670571vw;
  background: #EEA900;
  border-top-left-radius: 10.980966325vw;
  border-bottom-right-radius: 10.980966325vw;
  min-height: 16.2518301611vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.7320644217vw 4.39238653vw 0.7320644217vw 5.1244509517vw;
}
.courseMvLead .title {
  color: #fff;
  line-height: 1;
}
.courseMvLead .title strong {
  font-size: 3.2942898975vw;
  line-height: 6.3689604685vw;
  display: block;
  margin-left: -9px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
.courseMvLead .title span {
  font-size: 1.756954612vw;
  line-height: 1.756954612vw;
  display: block;
  margin-left: -3px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
}
.courseMvLead .txt {
  font-size: 1.317715959vw;
  line-height: 1.756954612vw;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 720px) {
  .courseMvLead {
    width: 67.5vw;
    padding: 8.6111111111vw 8.3333333333vw 5.2777777778vw 12.7777777778vw;
    border-top-left-radius: 22.2222222222vw;
    border-bottom-right-radius: 22.2222222222vw;
    margin: 0 auto 0 0;
  }
  .courseMvLead .title strong {
    font-size: 6.6666666667vw;
    line-height: 6.6666666667vw;
    margin-bottom: 2.2222222222vw;
    margin-left: -1.9444444444vw;
  }
  .courseMvLead .title span {
    font-size: 3.3333333333vw;
    line-height: 3.3333333333vw;
    margin-bottom: 1.3888888889vw;
  }
  .courseMvLead .txt {
    font-size: 3.3333333333vw;
    line-height: 5vw;
  }
}
.courseMvHd {
  font-size: 2.4890190337vw;
  line-height: 4.39238653vw;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  color: #603C25;
  text-shadow: rgb(252, 246, 232) 3px 0px 0px, rgb(252, 246, 232) 2.83487px 0.981584px 0px, rgb(252, 246, 232) 2.35766px 1.85511px 0px, rgb(252, 246, 232) 1.62091px 2.52441px 0px, rgb(252, 246, 232) 0.705713px 2.91581px 0px, rgb(252, 246, 232) -0.287171px 2.98622px 0px, rgb(252, 246, 232) -1.24844px 2.72789px 0px, rgb(252, 246, 232) -2.07227px 2.16926px 0px, rgb(252, 246, 232) -2.66798px 1.37182px 0px, rgb(252, 246, 232) -2.96998px 0.42336px 0px, rgb(252, 246, 232) -2.94502px -0.571704px 0px, rgb(252, 246, 232) -2.59586px -10383px 0px, rgb(252, 246, 232) -1.104093px -2.27041px 0px, rgb(252, 246, 232) -1.11013px -2.78704px 0px, rgb(252, 246, 232) -0.137119px -2.99686px 0px, rgb(252, 246, 232) 0.850987px -2.87677px 0px, rgb(252, 246, 232) 1.74541px -2.43999px 0px, rgb(252, 246, 232) 2.44769px -1.73459px 0px, rgb(252, 246, 232) 2.88051px -0.838247px 0px;
}

@media screen and (max-width: 720px) {
  .courseMvHd {
    font-size: 5vw;
    line-height: 8.8888888889vw;
  }
}
.insta {
  background: #EEA900;
}

.instaFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 5px 0;
  min-height: 90px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.instaFlex:hover {
  opacity: 0.7;
}
.instaFlex:hover .instaHd,
.instaFlex:hover .instaTxt {
  opacity: 1;
  color: #4A4A4A;
}
.instaFlex:hover::before {
  opacity: 1;
  border-color: #4A4A4A;
}
.instaFlex:hover img {
  opacity: 1;
  -webkit-filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(0deg);
          filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(0deg);
}
.instaFlex::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: currentColor;
  line-height: 1;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
  position: absolute;
  right: -90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.instaFlex img {
  width: 26px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.instaHd {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.instaTxt {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Open Sans", serif;
  font-weight: 700;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 720px) {
  .instaFlex {
    gap: 2.5vw;
    padding: 1.3888888889vw 0;
    min-height: 13.8888888889vw;
  }
  .instaFlex::before {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
    right: -5.5555555556vw;
    border: 2px solid #fff;
    border-left: 0;
    border-bottom: 0;
  }
  .instaFlex img {
    width: 4.7222222222vw;
  }
  .instaHd {
    font-size: 2.7777777778vw;
  }
  .instaTxt {
    font-size: 3.8888888889vw;
    position: relative;
    bottom: 0.2777777778vw;
  }
}
.point {
  padding-top: 126px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 720px) {
  .point {
    padding-top: 15.2777777778vw;
    padding-bottom: 7.7777777778vw;
  }
}
.pointBg1,
.pointBg2,
.pointBg3 {
  position: absolute;
  top: 0;
}

.pointBg1 {
  top: 233px;
  left: calc(50% - 683px);
}

.pointBg2 {
  top: 866px;
  right: calc(50% - 683px);
}

.pointBg3 {
  top: 1470px;
  left: calc(50% - 583px);
}

.pointNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 22px;
  margin-bottom: 90px;
}

.pointNavItem {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.pointNavItem:first-child {
  text-align: left;
  margin-right: min(2.0497803807vw, 28px);
}
.pointNavItem:nth-child(2) {
  margin-right: min(2.9282576867vw, 40px);
}
.pointNavItem:nth-child(3) {
  margin-right: min(5.8565153734vw, 80px);
}
.pointNavItem:nth-child(4) {
  margin-right: min(4.6120058565vw, 63px);
}
.pointNavItem:nth-child(5) {
  margin-right: min(5.270863836vw, 72px);
}
.pointNavItem:nth-child(6) {
  margin-right: min(6.9546120059vw, 95px);
}
.pointNavItem:last-child {
  text-align: right;
}
.pointNavItem a {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  position: relative;
  padding-bottom: 33px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.pointNavItem a::before {
  content: "";
  background-image: url(../../images/course/child-studies/icon_triangle.svg);
  background-repeat: no-repeat;
  -webkit-mask-image: url(../../images/course/child-studies/icon_triangle.svg);
          mask-image: url(../../images/course/child-studies/icon_triangle.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 20px;
  height: 14px;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pointNavItem a:hover {
  color: #EEA900;
}
.pointNavItem a:hover:before {
  background: #EEA900;
}

@media screen and (max-width: 1040px) {
  .pointNav {
    padding-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 25px 0;
  }
  .pointNavItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pointNavItem:nth-child(1) {
    text-align: center;
    margin-right: 8.8888888889vw;
  }
  .pointNavItem:nth-child(2) {
    margin-right: 12.5vw;
  }
  .pointNavItem:nth-child(3) {
    margin-right: 0;
  }
  .pointNavItem:nth-child(4) {
    margin-right: 9.1666666667vw;
  }
  .pointNavItem:nth-child(5) {
    margin-right: 10.5555555556vw;
  }
  .pointNavItem:nth-child(6) {
    margin-right: 14.1666666667vw;
  }
  .pointNavItem:last-child {
    text-align: center;
  }
  .pointNavItem a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (max-width: 720px) {
  .pointNav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 6.9444444444vw 0;
  }
  .pointNavItem {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .pointNavItem a {
    font-size: 3.3333333333vw;
  }
  .pointNavItem a::before {
    width: 5vw;
  }
}
.poinContHd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 23px;
}
.poinContHd img {
  width: min(125px, 100%);
}
.poinContHd strong {
  font-size: 4rem;
  line-height: 1.9;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
}

.poinContHd--mb {
  margin-bottom: 35px;
}

.poinContHdMain--ml {
  margin-left: -7px;
}

@media screen and (max-width: 720px) {
  .poinContHd {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 11.1111111111vw;
  }
  .poinContHd img {
    width: 25vw;
    margin-right: 0.8333333333vw;
  }
  .poinContHd strong {
    font-size: 5.5555555556vw;
    line-height: 7.2222222222vw;
    text-align: center;
  }
  .poinContHd--mb {
    margin-bottom: 6.9444444444vw;
  }
  .poinContHdMain--ml {
    margin-left: 0;
  }
}
.pointList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 100px;
}

.pointListItem {
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pointListItem .num {
  font-size: 5.6rem;
  line-height: 1.3928571429;
  font-weight: 400;
  font-family: "Paytone One", serif;
  font-weight: 400;
  color: #fff;
  text-shadow: 1px 1px 0px #603C25, -1px 1px 0px #603C25, 1px -1px 0px #603C25, -1px -1px 0px #603C25, 1px 0px 0px #603C25, 0px 1px 0px #603C25, -1px 0px 0px #603C25, 0px -1px 0px #603C25;
  margin-bottom: 7px;
}
.pointListItem .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 22px;
  color: #603C25;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
}
.pointListItem .pointImg {
  display: block;
  margin: 0 auto;
}
.pointListItem .pointImg--1 {
  width: min(141px, 100%);
}
.pointListItem .pointImg--2 {
  width: min(136px, 100%);
}
.pointListItem .pointImg--3 {
  width: min(115px, 100%);
}

@media screen and (max-width: 720px) {
  .pointList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 15.2777777778vw;
    gap: 11.1111111111vw;
  }
  .pointListItem {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 7.7777777778vw auto;
        grid-template-areas: "a b" "c c";
    -ms-grid-columns: 14.4444444444vw 7.7777777778vw auto;
    grid-template-columns: 14.4444444444vw auto;
    gap: 7.7777777778vw;
  }
  .pointListItem .num {
    font-size: 12.7777777778vw;
    margin-bottom: 0;
    grid-area: a;
  }
  .pointListItem .txt {
    font-size: 4.4444444444vw;
    margin-bottom: 0;
    grid-area: b;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pointListItem .pointImg {
    -ms-grid-column-align: center;
        justify-self: center;
    margin: 0 auto;
    grid-area: c;
  }
  .pointListItem .pointImg--1 {
    width: 39.1666666667vw;
  }
  .pointListItem .pointImg--2 {
    width: 37.7777777778vw;
  }
  .pointListItem .pointImg--3 {
    width: 31.9444444444vw;
  }
}
.strengthList {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 50px auto;
      grid-template-areas: "a c" "b d";
  gap: 50px 158px;
  -ms-grid-columns: min(305px, 100%) 158px min(305px, 100%);
  grid-template-columns: min(305px, 100%) min(305px, 100%);
  margin-bottom: 70px;
}

@media screen and (max-width: 1040px) {
  .strengthList {
    -webkit-column-gap: 15.1923076923vw;
       -moz-column-gap: 15.1923076923vw;
            column-gap: 15.1923076923vw;
    -ms-grid-columns: 29.3269230769vw 15.1923076923vw 29.3269230769vw;
    grid-template-columns: 29.3269230769vw 29.3269230769vw;
  }
}
@media screen and (max-width: 720px) {
  .strengthList {
    display: block;
  }
}
.strengthListItem {
  width: 100%;
  background: #fff;
  border: 1px solid #603C25;
  border-radius: 10px;
  padding: 16px 30px 45px;
}
.strengthListItem:first-child(1) {
  grid-area: a;
}
.strengthList > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.courseContFlex > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.supportTable > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.supportTableTxt ul > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.supportCont > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.careerHd > .strengthListItem:first-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.strengthListItem:nth-child(2) {
  grid-area: b;
}
.strengthList > .strengthListItem:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.courseContFlex > .strengthListItem:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.supportTable > .strengthListItem:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.supportTableTxt ul > .strengthListItem:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.supportCont > .strengthListItem:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.careerHd > .strengthListItem:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.strengthListItem:nth-child(3) {
  grid-area: c;
}
.strengthList > .strengthListItem:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.courseContFlex > .strengthListItem:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.supportTableTxt ul > .strengthListItem:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.supportCont > .strengthListItem:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.careerHd > .strengthListItem:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.strengthListItem:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: d;
}
.careerHd > .strengthListItem:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.strengthListItem:nth-child(2n) {
  margin-left: 232px;
}
.strengthListItem .num {
  font-size: 5.6rem;
  line-height: 1.3928571429;
  font-weight: 400;
  font-family: "Paytone One", serif;
  font-weight: 400;
  color: #EEA900;
  text-shadow: 1px 1px 0px #603C25, -1px 1px 0px #603C25, 1px -1px 0px #603C25, -1px -1px 0px #603C25, 1px 0px 0px #603C25, 0px 1px 0px #603C25, -1px 0px 0px #603C25, 0px -1px 0px #603C25;
  margin-bottom: 5px;
}
.strengthListItem .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
}

@media screen and (max-width: 1040px) {
  .strengthListItem {
    padding: 1.1713030747vw 2.196193265vw 3.2942898975vw;
  }
  .strengthListItem:nth-child(2n) {
    margin-left: 16.9838945827vw;
  }
}
@media screen and (max-width: 720px) {
  .strengthListItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7.2222222222vw;
    padding: 3.8888888889vw 5.8333333333vw;
  }
  .strengthListItem:nth-child(2n) {
    margin-left: 0;
  }
  .strengthListItem + .strengthListItem {
    margin-top: 5.5555555556vw;
  }
  .strengthListItem .num {
    font-size: 12.7777777778vw;
  }
  .strengthListItem .txt {
    color: #603C25;
    font-size: 4.4444444444vw;
    line-height: 6.9444444444vw;
  }
}
.strengthArea {
  width: min(636px, 100%);
  margin: 0 auto;
}

.strengthAreaHd {
  font-size: 3rem;
  line-height: 1.0666666667;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 34px;
  width: calc(560 / 636 * 100%);
  margin: 0 auto 35px;
  position: relative;
}
.strengthAreaHd::before, .strengthAreaHd::after {
  content: "";
  display: block;
  background: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 39px;
  height: 43px;
}
.strengthAreaHd::before {
  background-image: url("../../images/course/child-studies/point_deco03.png");
  left: 0;
}
.strengthAreaHd::after {
  background-image: url("../../images/course/child-studies/point_deco04.png");
  right: 0;
}

@media screen and (max-width: 720px) {
  .strengthAreaHd {
    width: 100%;
    font-size: 4.4444444444vw;
  }
  .strengthAreaHd::before, .strengthAreaHd::after {
    width: 5.2777777778vw;
    height: 7.2222222222vw;
  }
}
.strengthAreaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 100px;
  gap: 0 38px;
}

.strengthAreaListItem {
  width: calc((100% - 76px) / 3);
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 700;
}
.strengthAreaListItem:nth-child(3) {
  text-align: right;
}

.strengthAreaListItem--big {
  width: calc((100% - 76px) / 3 * 2);
}

@media screen and (max-width: 720px) {
  .strengthAreaList {
    max-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .strengthAreaListItem {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 3.8888888889vw;
  }
}
/* feature */
.feature {
  overflow: hidden;
  position: relative;
  padding: 280px 0 134px;
}
.feature::before {
  content: "";
  background: url("../../images/course/child-studies/icon_feature.png") no-repeat;
  background-size: 100%;
  width: 334px;
  height: 288px;
  display: block;
  position: absolute;
  top: 12px;
  left: calc(50% - min(40.2635431918vw, 550px));
}
.feature::after {
  content: "";
  background: url("../../images/course/child-studies/feature_bg01.png") no-repeat;
  background-size: 100%;
  background-position-x: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: max(1920px, 100%);
  height: 100%;
  z-index: -1;
}

@media screen and (max-width: 1040px) {
  .feature::before {
    left: calc(50% - 50vw);
  }
  .feature::after {
    background-image: url("../../images/course/child-studies/feature_bg01_sp.png");
  }
}
@media screen and (max-width: 720px) {
  .feature {
    padding-top: 50vw;
    padding-bottom: 15vw;
  }
  .feature::before {
    width: 63.8888888889vw;
    height: 55vw;
    top: -5.2777777778vw;
    left: 5.5555555556vw;
  }
  .feature::after {
    width: 100%;
    top: 2.7777777778vw;
    background-position-x: 0;
  }
}
.featureBg1,
.featureBg2,
.featureBg3 {
  position: absolute;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.featureBg1 {
  top: 76px;
  right: calc(50% - 572px);
}

.featureBg2 {
  top: 855px;
  right: calc(50% - 698px);
}

.featureBg3 {
  top: 1638px;
  left: calc(50% - 698px);
}

.featureTxt {
  width: min(550px, 100%);
  margin: 0 auto 35px;
}

@media screen and (max-width: 720px) {
  .featureTxt {
    margin-bottom: 8.3333333333vw;
  }
}
.featureCont {
  position: relative;
}
.featureCont + .featureCont {
  margin-top: 110px;
}

.featureFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 25px;
  margin-bottom: 30px;
  width: min(756px, 100%);
}
.featureFlex .txt {
  width: calc(100% - 206px - 57px);
}

.featureHd {
  width: min(206px, 100%);
  background: url(../../images/course/child-studies/feature_bg02.png) no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  min-height: 79px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
}

@media screen and (max-width: 720px) {
  .featureCont {
    padding: 0 5.5555555556vw;
  }
  .featureCont + .featureCont {
    margin-top: 10vw;
  }
  .featureCont + .featureCont--mt {
    margin-top: 34.7222222222vw;
  }
  .featureFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.6111111111vw;
    margin-bottom: 8.3333333333vw;
  }
  .featureFlex .txt {
    width: 100%;
    padding-bottom: 0;
  }
  .featureHd {
    width: 39.1666666667vw;
    font-size: 3.8888888889vw;
    min-height: 15vw;
    margin-left: -5.5555555556vw;
  }
}
.featureImgOuter {
  width: min(965px, 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.featureImgOuter--txt {
  gap: 0 min(2.196193265vw, 30px);
}
.featureImgOuter--col2 {
  gap: min(3.6603221083vw, 50px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.featureImgOuter--col2 .featureImg {
  width: min(300px, 100%);
}

@media screen and (max-width: 970px) {
  .featureImgOuter--txt {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0 min(3.6603221083vw, 50px);
  }
}
@media screen and (max-width: 720px) {
  .featureImgOuter {
    -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;
  }
  .featureImgOuter--col2 {
    gap: 8.3333333333vw;
  }
  .featureImgOuter--txt {
    gap: 12.7777777778vw;
  }
}
.featureImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.featureImg img {
  width: min(300px, 100%);
  border-radius: 10px;
}
.featureImg .txt {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: #603C25;
  margin: auto 0 28px -72px;
  display: inline-block;
}
.featureImg .txt span {
  background: #fff;
  display: inline-block;
  padding: 4px 6px 5px 6px;
}
.featureImg .txt span + span {
  margin-top: 4px;
}
.featureImg:nth-child(2) .txt {
  margin-left: -50px;
}

@media screen and (max-width: 970px) {
  .featureImg {
    -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;
    width: min(300px, 100%);
  }
  .featureImg .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: -16px;
    margin-bottom: 0;
  }
  .featureImg .txt span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (max-width: 720px) {
  .featureImg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .featureImg img {
    width: 77.7777777778vw;
  }
  .featureImg .txt {
    margin-top: -4.4444444444vw;
    margin-left: 6.3888888889vw;
    margin-bottom: 0;
    font-size: 3.6111111111vw;
  }
  .featureImg:nth-child(2) .txt {
    margin-left: 6.3888888889vw;
  }
}
.featureLead {
  width: clamp(800px, calc(1000 / 1366 * 100vw), 1000px);
  position: absolute;
  top: 38px;
  left: calc(50% - min(21.9619326501vw, 300px));
  background: #FCF6E8;
  min-height: 196px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

@media screen and (max-width: 1040px) {
  .featureLead {
    top: 43px;
    min-height: 240px;
    width: 700px;
    left: calc(100% - clamp(422px, calc(585 / 1040 * 100vw), 585px));
  }
  .featureLead--list {
    min-height: 365px;
  }
}
@media screen and (max-width: 720px) {
  .featureLead {
    top: 11.9444444444vw;
    left: 12.5vw;
    width: 76.6666666667vw;
    min-height: calc(451 / 360 * 100%);
  }
  .featureLead--list {
    min-height: calc(514 / 360 * 100%);
  }
}
@media screen and (max-width: 500px) {
  .featureLead {
    min-height: calc(451 / 403 * 100%);
  }
  .featureLead--list {
    min-height: calc(514 / 403 * 100%);
  }
}
.featureLeadHd {
  width: clamp(280px, calc(414 / 1366 * 100vw), 414px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  top: calc(50% - 23px);
  right: calc(50% - clamp(300px, calc(486 / 1366 * 100vw), 486px));
  position: absolute;
}

@media screen and (max-width: 1040px) {
  .featureLeadHd {
    top: calc(100% - 64px);
    right: 445px;
    width: 220px;
  }
}
@media screen and (max-width: 720px) {
  .featureLeadHd {
    top: calc(100% - 19.1666666667vw);
    right: 2.7777777778vw;
    width: 61.9444444444vw;
  }
}
.featureLeadListOuter {
  position: absolute;
  left: calc(50% + min(1.317715959vw, 18px));
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 1040px) {
  .featureLeadListOuter {
    left: 26px;
    top: calc(100% - 112px);
  }
}
@media screen and (max-width: 720px) {
  .featureLeadListOuter {
    left: 7.2222222222vw;
    top: calc(100% - 22.2222222222vw);
  }
}
.featureLeadList {
  margin-top: 10px;
}
.featureLeadList li {
  font-size: 1.4rem;
  line-height: 1.9285714286;
  font-weight: 700;
  position: relative;
  padding-left: 13px;
}
.featureLeadList li::before {
  content: "";
  background: #EEA900;
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

@media screen and (max-width: 720px) {
  .featureLeadList {
    margin-top: 1.3888888889vw;
  }
  .featureLeadList li {
    font-size: 3.3333333333vw;
    line-height: 6.1111111111vw;
    padding-left: 3.6111111111vw;
  }
  .featureLeadList li::before {
    width: 2.7777777778vw;
    height: 2.7777777778vw;
    top: 1.6666666667vw;
  }
}
.featureArea {
  margin-top: 92px;
  background: #fff;
  border-radius: 10px;
  padding: 45px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

@media screen and (max-width: 1040px) {
  .featureArea {
    margin-top: 265px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
@media screen and (max-width: 720px) {
  .featureArea {
    margin-top: 50.5555555556vw;
    padding: 5.5555555556vw;
    gap: 9.7222222222vw;
  }
}
.featureAreaItem {
  width: calc(366 / 840 * 100%);
}
.featureAreaItem .txtBold {
  margin-bottom: 12px;
}
.featureAreaItem .txt {
  text-align: justify;
  letter-spacing: -0.1px;
}

@media screen and (max-width: 1040px) {
  .featureAreaItem {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .featureAreaItem .txtBold {
    margin-bottom: 0.5555555556vw;
  }
}
.featureAreaImgFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 19px;
}

@media screen and (max-width: 720px) {
  .featureAreaImgFlex {
    margin-bottom: 2.7777777778vw;
  }
}
.featureAreaImg {
  position: relative;
}
.featureAreaImg:nth-child(2) {
  margin: 39px 0 0 -6px;
}
.featureAreaImg:nth-child(2) figcaption {
  bottom: -8px;
  left: -32px;
}
.featureAreaImg img {
  border-radius: 10px;
}
.featureAreaImg figcaption {
  background-color: #fff;
  display: inline-block;
  padding: 5px;
  position: absolute;
  width: min(135px, 100%);
  bottom: 32px;
  left: 0px;
}
.featureAreaImg .txt {
  color: #603C25;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 700;
}
.featureAreaImg--mb {
  margin-bottom: 12px;
}

@media screen and (max-width: 720px) {
  .featureAreaImg:nth-child(2) {
    margin: 8.3333333333vw 0 0 -1.6666666667vw;
  }
  .featureAreaImg:nth-child(2) figcaption {
    left: -7.2222222222vw;
    bottom: -1.6666666667vw;
  }
  .featureAreaImg figcaption {
    width: 27.7777777778vw;
    bottom: 6.9444444444vw;
    padding: 1.3888888889vw 2.2222222222vw;
  }
  .featureAreaImg .txt {
    font-size: 2.7777777778vw;
    line-height: 4.4444444444vw;
  }
}
/* growth */
.growth {
  overflow: hidden;
  position: relative;
  padding-top: 43px;
}

@media screen and (max-width: 720px) {
  .growth {
    padding-top: 6.3888888889vw;
  }
}
.growthBg1,
.growthBg2,
.growthBg3 {
  position: absolute;
}

.growthBg1 {
  top: 104px;
  left: calc(50% - 683px - 37px);
}

.growthBg2 {
  top: 866px;
  right: calc(50% - 698px - 27px);
}

.growthTxt {
  width: min(550px, 100%);
  margin: 0 auto 15px;
}

@media screen and (max-width: 720px) {
  .growthTxt {
    margin-bottom: 9.7222222222vw;
  }
}
.growthCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 45px 10px;
}

@media screen and (max-width: 720px) {
  .growthCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.5555555556vw 0;
  }
}
.growthContItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc((100% - 10px) / 2);
  position: relative;
  padding-top: 30px;
}
.growthContItem:nth-child(4) .growthContItemImg {
  width: min(128px, 100%);
}
.growthContItem .growthContItemMain,
.growthContItem .txt {
  width: min(375px, 100%);
  margin: 0 auto;
}
.growthContItem .growthContItemMain {
  border-radius: 10px;
  margin-bottom: 20px;
}
.growthContItem .growthContItemImg {
  position: absolute;
  top: 0;
  left: 0;
  width: min(114px, 100%);
}

@media screen and (max-width: 720px) {
  .growthContItem {
    width: 100%;
    padding-top: 8.3333333333vw;
  }
  .growthContItem .growthContItemMain,
  .growthContItem .txt {
    width: 77.7777777778vw;
  }
  .growthContItem .growthContItemMain {
    margin-bottom: 5.5555555556vw;
  }
  .growthContItem .growthContItemImg {
    width: 21.6666666667vw;
    margin-bottom: 2.7777777778vw;
  }
}
/* course */
.course {
  padding-top: 160px;
  padding-bottom: 185px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.course::before {
  content: "";
  background: url("../../images/course/child-studies/icon_course.png") no-repeat;
  background-size: 100%;
  width: 334px;
  height: 288px;
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - min(40.2635431918vw, 550px));
}
.course::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: max(1920px, 100%);
  height: 100%;
  background: url("../../images/course/child-studies/course_bg01.png") no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 1040px) {
  .course::before {
    left: calc(50% - 50vw);
  }
  .course::after {
    width: 100%;
    background-size: contain;
  }
}
@media screen and (max-width: 720px) {
  .course {
    padding-top: 46.1111111111vw;
    padding-bottom: 19.4444444444vw;
    margin-top: 11.1111111111vw;
  }
  .course::before {
    width: 63.8888888889vw;
    height: 55vw;
    left: 5.5555555556vw;
    top: -5.2777777778vw;
  }
  .course::after {
    top: 2.7777777778vw;
    background-image: url(../../images/course/child-studies/course_bg01_sp.png);
  }
}
.courseArea {
  width: clamp(300px, calc(430 / 1040 * 100vw), 551px);
  margin: 0 134px 55px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1040px) {
  .courseArea {
    margin: 0 9.8096632504vw 55px auto;
  }
}
@media screen and (max-width: 720px) {
  .courseArea {
    margin: 0 0 8.3333333333vw 0;
  }
}
.courseHd {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}

@media screen and (max-width: 720px) {
  .courseHd {
    font-size: 4.4444444444vw;
    margin-bottom: 5.5555555556vw;
  }
}
.courseCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(4.39238653vw, 60px);
}

@media screen and (max-width: 720px) {
  .courseCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(4.39238653vw, 60px);
  }
}
.courseContItem {
  width: 50%;
}

@media screen and (max-width: 720px) {
  .courseContItem {
    width: 100%;
  }
}
.courseContFlex {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "a b" "c c";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 20px min(269px, 100%);
  grid-template-columns: auto min(269px, 100%);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-bottom: 35px;
}
.courseContFlex .title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
  position: relative;
  padding-left: 25px;
}
.courseContFlex .title::before {
  content: "";
  background: #603C25;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
}
.courseContFlex .img {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
  border-radius: 10px;
}
.courseContFlex .txt {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: c;
  width: min(297px, 100%);
  border-radius: 10px;
  background-color: #FCF6E8;
  padding: 10px 20px 10px;
  margin: -37px 0 0 0;
  min-height: 108px;
  position: relative;
}

@media screen and (max-width: 1040px) {
  .courseContFlex {
    display: block;
  }
  .courseContFlex .title {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 720px) {
  .courseContFlex {
    margin-bottom: 5.5555555556vw;
  }
  .courseContFlex .title {
    font-size: 4.4444444444vw;
    margin-bottom: 2.7777777778vw;
  }
  .courseContFlex .txt {
    width: 82.5vw;
    margin: -4.7222222222vw auto 0;
    min-height: 100%;
    padding: 5.2777777778vw 5.5555555556vw 4.4444444444vw;
  }
}
.courseTable .txtBold {
  margin-bottom: 10px;
}

@media screen and (max-width: 720px) {
  .courseTable .txtBold {
    margin-bottom: 4.1666666667vw;
  }
}
.courseTableTxt + .txtBold {
  margin-top: 15px;
}

.courseTableList {
  padding-left: 20px;
}
.courseTableList li {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 500;
  font-family: "Noto Sans JP";
  font-weight: 500;
  position: relative;
  color: #000;
  padding-left: 12px;
}
.courseTableList li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 11px;
  left: 0;
  background: #603C25;
}

.courseTableList--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}

@media screen and (max-width: 720px) {
  .courseTableTxt + .txtBold {
    margin-top: 6.3888888889vw;
  }
  .courseTableList {
    padding-left: 4.1666666667vw;
  }
  .courseTableList li {
    padding-left: 3.0555555556vw;
    font-size: 3.8888888889vw;
  }
  .courseTableList li::before {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
    top: 2.5vw;
  }
}
/* curriculum */
.curriculum {
  position: relative;
  padding-top: 190px;
  padding-bottom: 130px;
  overflow: hidden;
  margin-top: -170px;
}
.curriculum::before {
  content: "";
  background: url("../../images/course/child-studies/curriculum_bg01.png") no-repeat;
  background-size: cover;
  position: absolute;
  width: max(1920px, 100%);
  height: 100%;
  margin: auto;
  top: 0px;
}

@media screen and (max-width: 720px) {
  .curriculum {
    padding-top: 19.4444444444vw;
    padding-bottom: 17.5vw;
    margin-top: -16.6666666667vw;
  }
  .curriculum::before {
    background-image: url(../../images/course/child-studies/curriculum_bg01_sp.png);
    top: -36.1111111111vw;
    width: 100%;
    height: calc(100% + 36.1111111111vw);
  }
  .curriculum .txt {
    margin-top: -12px;
  }
}
.curriculumInner {
  position: relative;
}

.curriculumTable {
  width: 1000px; /* 親要素の幅 */
  overflow-x: auto; /* 横スクロールを有効化 */
  white-space: nowrap; /* 画像が折り返されるのを防ぐ */
  margin-bottom: 15px;
}
.curriculumTable img {
  display: block;
  width: 2213px;
  max-width: 2213px;
}

@media screen and (max-width: 720px) {
  .curriculumTable img {
    width: 2213px;
    max-width: 2213px;
  }
  .curriculumTable .scroll-hint-icon {
    left: 29.1666666667vw;
  }
}
/* support */
.support {
  padding-top: 14px;
  padding-bottom: 57px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 720px) {
  .support {
    padding-top: 6.3888888889vw;
    padding-bottom: 10.5555555556vw;
  }
}
.supportBg1,
.supportBg2,
.supportBg3 {
  position: absolute;
}

.supportBg1 {
  top: 0;
  right: calc(50% - 630px);
}

.supportBg2 {
  top: 320px;
  left: calc(50% - 683px - 47px);
}

.supportBg3 {
  top: 1875px;
  left: calc(50% - 683px + 55px);
}

.supportHd {
  text-align: center;
  margin-bottom: 35px;
  font-size: 4rem;
  line-height: 0.75;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
.supportHd span {
  font-size: 3.1rem;
  line-height: 1.7096774194;
  font-weight: 500;
  display: block;
  margin-bottom: 14px;
}
.supportHd strong {
  color: #EEA900;
}

@media screen and (max-width: 720px) {
  .supportHd {
    font-size: 5.5555555556vw;
    margin-bottom: 4.1666666667vw;
  }
  .supportHd span {
    font-size: 4.4444444444vw;
    margin-bottom: 1.6666666667vw;
  }
}
.supportTxt {
  font-size: 1.7rem;
  line-height: 2;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 auto 30px;
  text-align: center;
  color: #000;
}

@media screen and (max-width: 720px) {
  .supportTxt {
    font-size: 3.3333333333vw;
    text-align: left;
    margin-bottom: 6.9444444444vw;
  }
}
.supportArea {
  position: relative;
}
.supportArea::before, .supportArea::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
}
.supportArea::before {
  top: 0;
}
.supportArea::after {
  bottom: 0;
}

.supportAreaList {
  padding: 54px 74px;
  margin-bottom: 45px;
}
.supportAreaList li {
  font-size: 2.4rem;
  line-height: 1.8333333333;
  font-weight: 700;
  position: relative;
  padding-left: 53px;
}
.supportAreaList li:nth-child(1)::before {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
}
.supportAreaList li:nth-child(2)::before {
  -webkit-transform: rotate(-16deg);
          transform: rotate(-16deg);
}
.supportAreaList li:nth-child(3)::before {
  -webkit-transform: rotate(11deg);
          transform: rotate(11deg);
}
.supportAreaList li + li {
  margin-top: 30px;
}
.supportAreaList li::before {
  content: "";
  background: url(../../images/course/child-studies/icon_smile.png) no-repeat;
  background-size: 100%;
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.supportAreaList li .txt {
  margin-top: -10px;
}

@media screen and (max-width: 720px) {
  .supportAreaList {
    padding: 5.8333333333vw 3.3333333333vw 5.8333333333vw 1.3888888889vw;
    margin-bottom: 7.5vw;
  }
  .supportAreaList li {
    font-size: 3.8888888889vw;
    line-height: 5.5555555556vw;
    padding-left: 7.7777777778vw;
  }
  .supportAreaList li + li {
    margin-top: 5.5555555556vw;
  }
  .supportAreaList li::before {
    width: 5vw;
    height: 5vw;
  }
  .supportAreaList li .txt {
    margin-top: 0;
    font-size: 2.7777777778vw;
  }
}
.supportCommonHd {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 20px;
}

@media screen and (max-width: 720px) {
  .supportCommonHd {
    font-size: 5vw;
  }
}
.supportTable {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "a b";
  gap: 20px 15px;
  -ms-grid-columns: min(220px, 100%) 15px calc(100% - 220px - 15px);
  grid-template-columns: min(220px, 100%) calc(100% - 220px - 15px);
  margin-bottom: 60px;
}

@media screen and (max-width: 720px) {
  .supportTable {
    display: block;
    margin-bottom: 6.9444444444vw;
  }
}
@media screen and (max-width: 720px) {
  .supportTableHd {
    margin-bottom: 2.7777777778vw;
  }
}
.supportTableHdMain {
  background-color: #C8EFED;
  border-radius: 10px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
  padding: 9px;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 720px) {
  .supportTableHdMain {
    display: block;
    font-size: 4.4444444444vw;
    padding: 1.9444444444vw;
    margin-bottom: 2.7777777778vw;
  }
}
.supportTableHdSub {
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 720px) {
  .supportTableHdSub {
    font-size: 4.4444444444vw;
  }
}
.supportTableTxt {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  padding: 15px 38px;
}
.supportTableTxt ul {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "a b c";
}
.supportTableTxt li {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  font-family: "Noto Sans JP";
  font-weight: 500;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media screen and (max-width: 720px) {
  .supportTableTxt {
    padding: 5vw 5vw 5.5555555556vw;
  }
  .supportTableTxt + .supportTableTxt {
    margin-top: 8.3333333333vw;
  }
  .supportTableTxt ul {
    display: block;
    -webkit-column-count: unset;
       -moz-column-count: unset;
            column-count: unset;
  }
  .supportTableTxt li {
    font-size: 3.3333333333vw;
  }
  .supportTableTxt + .supportTableHd {
    margin-top: 30px;
  }
}
.supportList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-bottom: 48px;
}

@media screen and (max-width: 720px) {
  .supportList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 4.1666666667vw;
       -moz-column-gap: 4.1666666667vw;
            column-gap: 4.1666666667vw;
    margin-bottom: 8.3333333333vw;
  }
}
.supportListCont {
  width: calc((100% - 30px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.supportListCont dt {
  background: #EBDCB7;
  color: #603C25;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 9px clamp(15px, calc(22 / 1040 * 100vw), 22px);
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
.supportListCont dd li {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  font-weight: 700;
  position: relative;
  padding-left: 19px;
}
.supportListCont dd li::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  display: block;
  left: 0;
  top: 14px;
  background: #603C25;
}

@media screen and (max-width: 720px) {
  .supportListCont {
    width: 100%;
  }
  .supportListCont dt {
    font-size: 4.4444444444vw;
    padding: 1.6666666667vw 5.8333333333vw;
    margin-bottom: 2.7777777778vw;
  }
  .supportListCont dd + dt {
    margin-top: 2.7777777778vw;
  }
  .supportListCont dd li {
    font-size: 3.3333333333vw;
  }
  .supportListCont dd li::before {
    width: 3.3333333333vw;
    top: 3.3333333333vw;
  }
  .supportListCont + .supportListCont {
    margin-top: 2.7777777778vw;
  }
}
.supportFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 48px 0 54px;
}
.supportFlex::before, .supportFlex::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
}
.supportFlex::before {
  top: 0;
}
.supportFlex::after {
  bottom: 0;
}

@media screen and (max-width: 1000px) {
  .supportFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .supportFlex::before, .supportFlex::after {
    background-size: 6px;
  }
}
@media screen and (max-width: 720px) {
  .supportFlex {
    padding: 9.7222222222vw 5.5555555556vw 11.1111111111vw;
  }
}
.supportFlexTxt {
  font-size: 2rem;
  line-height: 2.5;
  font-weight: 700;
  margin-right: 64px;
}

@media screen and (max-width: 720px) {
  .supportFlexTxt {
    font-size: 5vw;
    line-height: 7.5vw;
    margin-right: 0;
  }
}
.supportFlexArrow {
  display: block;
  width: 40px;
  margin-right: 50px;
}

@media screen and (max-width: 1000px) {
  .supportFlexArrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@media screen and (max-width: 720px) {
  .supportFlexArrow {
    width: 8.3333333333vw;
    margin: 0 0 -2.7777777778vw 0;
  }
}
.supportFlexCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 53px;
     -moz-column-gap: 53px;
          column-gap: 53px;
}

@media screen and (max-width: 1000px) {
  .supportFlexCenter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.supportFlexHd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 3px;
}
.supportFlexHd .main {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 700;
  margin-right: 24px;
}
.supportFlexHd .num {
  font-size: 5.1rem;
  line-height: 1;
  font-weight: 400;
  font-family: "Paytone One", serif;
  font-weight: 400;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.supportFlexHd .sub {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .supportFlexHd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 2.2222222222vw;
  }
  .supportFlexHd .main {
    font-size: 5.5555555556vw;
    margin-right: 6.1111111111vw;
  }
  .supportFlexHd .num {
    font-size: 11.1111111111vw;
    top: 3px;
    margin-right: 0.8333333333vw;
  }
  .supportFlexHd .sub {
    font-size: 3.8888888889vw;
  }
  .txt {
    font-size: 2.7777777778vw;
  }
}
.supportCont {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 10px auto;
      grid-template-areas: "a b" "a c";
  gap: 10px 32px;
  width: min(707px, 100%);
  padding: 27px 30px;
  border-radius: 10px;
  background-color: #fff;
  border: dashed 1px #603C25;
  -ms-grid-columns: min(290px, 100%) 32px auto;
  grid-template-columns: min(290px, 100%) auto;
  margin: -18px 0 0 auto;
  position: relative;
}
.supportCont img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
  border-radius: 10px;
}
.supportCont .txtBold {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
.supportCont .txt {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: c;
}

@media screen and (max-width: 720px) {
  .supportCont {
    margin: -6.1111111111vw auto 0;
    width: calc(100% - 11.1111111111vw);
    display: block;
    padding: 5.5555555556vw 6.1111111111vw 11.1111111111vw;
  }
  .supportCont img {
    margin-bottom: 4.1666666667vw;
  }
  .supportCont .txtBold {
    margin-bottom: 2.7777777778vw;
  }
  .supportCont .txt {
    font-size: 3.3333333333vw;
  }
}
.career {
  position: relative;
  padding-top: 160px;
  padding-bottom: 255px;
  overflow: hidden;
}
.career::before {
  content: "";
  background: url("../../images/course/child-studies/career_bg01.png") no-repeat;
  background-size: cover;
  position: absolute;
  width: max(1920px, 100%);
  height: 100%;
  margin: auto;
  top: 0;
}
.career .txtBold {
  margin-bottom: 20px;
}
.career .txt {
  margin-bottom: 2px;
}

@media screen and (max-width: 720px) {
  .career {
    padding-top: 16.6666666667vw;
    padding-bottom: calc(15.5555555556vw + 16.6666666667vw);
  }
  .career::before {
    width: 100%;
    background-image: url(../../images/course/child-studies/career_bg01_sp.png);
  }
  .career .txtBold {
    font-size: 5vw;
    margin-bottom: 5.5555555556vw;
  }
  .career .txt {
    font-size: 3.3333333333vw;
    margin-bottom: 1.3888888889vw;
  }
}
.careerInner {
  position: relative;
  z-index: 1;
}

.careerHd {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
      grid-template-areas: "a b c" "a d d";
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  margin-bottom: 30px;
}
.careerHd .main {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  grid-area: a;
  margin-right: 43px;
}
.careerHd .num {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  font-size: 12.3rem;
  line-height: 1;
  font-weight: 400;
  font-family: "Paytone One", serif;
  font-weight: 400;
  margin-right: 18px;
  grid-area: b;
}
.careerHd .sub {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: c;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 700;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 10px;
}
.careerHd .lead {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  text-align: right;
  grid-area: d;
}
@media screen and (max-width: 720px){
  .pointListItem .num {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .pointListItem .txt {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .pointListItem .pointImg {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .strengthListItem:first-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .strengthListItem:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .strengthListItem:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .courseContFlex .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .courseContFlex .img {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .courseContFlex .txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .supportCont img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .supportCont .txtBold {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .supportCont .txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .careerHd .main {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .careerHd .num {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .careerHd .sub {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media screen and (max-width: 720px) {
  .careerHd {
    margin-bottom: 5.5555555556vw;
    row-gap: 2.2222222222vw;
        grid-template-areas: "a b c" "d d d";
  }
  .careerHd .main {
    font-size: 4.4444444444vw;
    margin-right: 5.2777777778vw;
    margin-top: 3.3333333333vw;
  }
  .careerHd .num {
    font-size: 19.4444444444vw;
    margin-right: 1.9444444444vw;
  }
  .careerHd .sub {
    font-size: 4.7222222222vw;
  }
  .careerHd .lead {
    font-size: 2.7777777778vw;
  }
  .careerHd > .num {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .careerHd > .txt {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .careerHd > .pointImg {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .careerHd > .strengthListItem:first-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .careerHd > .strengthListItem:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .careerHd > .strengthListItem:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .careerHd > .strengthListItem:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .careerHd > .title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .careerHd > .img {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .careerHd > .txt {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .careerHd > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .careerHd > .txtBold {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .careerHd > .txt {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .careerHd > .main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .careerHd > .num {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .careerHd > .sub {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .careerHd > .lead {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.careerimg {
  margin-bottom: 80px;
  display: block;
}

@media screen and (max-width: 720px) {
  .careerimg {
    margin-bottom: 11.1111111111vw;
  }
}
.careerTableHd {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 700;
}

@media screen and (max-width: 720px) {
  .careerTableHd {
    font-size: 3.3333333333vw;
  }
}