.i-b-graduate-child {
  position: absolute;
  top: 0;
  left: -28px;
  width: 115%;
  height: 103%;
  mix-blend-mode: darken;
  z-index: 1;
}
.question-answer-pairs
.accordion-item{
  margin:20px;
  box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius:10px;
  font-size:13.5px
}
.question-answer-pairs
.accordion-button{
  font-size:14px;
  border-radius: 10px;
  color: black !important;
  background: none !important;
}
a {
  text-decoration:none;
  color:unset;
}
a:hover{
  text-decoration:none;
  color:unset;
}
.b {
  font-family: "Noto Sans JP";
}
.ib,
.p {
  margin: 0;
}
.ib-365 {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 18.6px;
  color: inherit;
  display: inline-block;
  width: 197.4px;
  z-index: 2;
}
.ib-365 h1{
  font-size: 16px;
  line-height: normal;
}
.i-b-graduate {
  width: 236px;
  height: 46px;
  position: relative;
  /* background: url(./public/rectangle-72.svg); */
}
.h1,
.h11 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.h1 {
  width: 262px;
  display: inline-block;
  z-index: 4;
}
.h11 {
  flex: 1;
  z-index: 5;
}
.wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 1px;
  margin-top: -3px;
  font-size: 40px;
}
.i-b-international,
.i-b-international-wrapper,
.wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.i-b-international {
  flex: 1;
  flex-direction: column;
}
.i-b-international-wrapper {
  width: 315px;
  flex-direction: row;
  padding: 0 9px;
  box-sizing: border-box;
  font-size: 35px;
  color: #1a2a6c;
}
.frame-child {
  height: 99.6px;
  width: calc(100% - 14.3px);
  position: absolute;
  margin: 0 !important;
  right: 6.9px;
  bottom: 6.2px;
  left: 7.4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  mix-blend-mode: normal;
}
.top-2-1-icon {
  height: 117.2px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.b1,
.ellipse-parent {
  margin: 0 !important;
  position: absolute;
}
.b1 {
  bottom: 18.2px;
  left: 27.1px;
  display: inline-block;
  background: linear-gradient(0.45deg, #f0a221, #f5f923);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* text-shadow: 3px 0 0#00063a, 0 3px 0#00063a, -3px 0 0#00063a, 0-3px 0#00063a; */
  min-width: 49.1px;
  z-index: 3;
}
.ellipse-parent {
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: max-content;
}
.b2,
.b3 {
  position: relative;
  display: inline-block;
  z-index: 2;
}
.b2 {
  font-size: 13px;
  min-width: 80.1px;
}
.b3 {
  height: 35.1px;
  width: 24.4px;
  flex-shrink: 0;
}
.container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 1px;
  font-size: 15px;
}
.div,
.satisfaction-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.div {
  align-self: stretch;
  padding: 33.3px 10px 13.1px 15px;
  position: relative;
  gap: 16.8px;
  z-index: 4;
}
.satisfaction-details {
  flex: 1;
  padding: 1px 0 0;
  box-sizing: border-box;
  min-width: 83px;
}
.frame-item {
  height: 102.8px;
  width: calc(100% - 14.8px);
  position: absolute;
  margin: 0 !important;
  right: 6.6px;
  bottom: -5px;
  left: 8.2px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  mix-blend-mode: normal;
}
.top-2-1-icon1 {
  height: 120.9px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.ellipse-group {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.b4 {
  z-index: 2;
}
.b4,
.div1,
.h3 {
  position: relative;
}
.h3 {
  font-size: 20px;
  font-weight: 700;
  font-family: inherit;
  background: linear-gradient(0.45deg, #f0a221, #f5f923);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* text-shadow: 2px 0 0#00063a, 0 2px 0#00063a, -2px 0 0#00063a, 0-2px 0#00063a; */
  min-width: 83.6px;
  z-index: 2;
  margin: -6.7px 0 0;
}
.div1 {
  flex: 0.7636;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 36.6px 11px 31.3px 16px;
  box-sizing: border-box;
  min-width: 85px;
  z-index: 4;
  font-size: 16px;
}
.graduate-elements-child {
  height: 102.9px;
  width: calc(100% - 14.8px);
  position: absolute;
  margin: 0 !important;
  right: 8.7px;
  bottom: 8.1px;
  left: 6.1px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  mix-blend-mode: normal;
}
.top-2-1-icon2 {
  height: 121.1px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.b5,
.graduate-elements {
  margin: 0 !important;
  position: absolute;
}
.b5 {
  top: 37px;
  left: 26px;
  display: inline-block;
  min-width: 61px;
  flex-shrink: 0;
  z-index: 3;
}
.graduate-elements {
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.div2,
.ib1 {
  position: relative;
}
.ib1 {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  font-family: inherit;
  background: linear-gradient(0.45deg, #f0a221, #f5f923);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* text-shadow: 2px 0 0#00063a, 0 2px 0#00063a, -2px 0 0#00063a, 0-2px 0#00063a; */
  min-width: 86px;
  z-index: 2;
}
.div2 {
  flex: 0.7465;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 56px 14px 34.6px 15px;
  box-sizing: border-box;
  min-width: 85px;
  z-index: 4;
  font-size: 15px;
}
.i-b-graduate-parent,
.satisfaction-details-parent,
.satisfaction-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.satisfaction-details-parent {
  flex: 1;
  gap: 6.8px;
}
.i-b-graduate-parent,
.satisfaction-parent {
  align-self: stretch;
  padding: 0 0 0 9px;
  box-sizing: border-box;
  font-size: 40px;
  color: #00063a;
}
.i-b-graduate-parent {
  flex-direction: column;
  padding: 0 13px 352.9px 0;
  gap: 9.5px;
  text-align: left;
  font-size: 16px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.child {
  width: 376px;
  height: 729px;
  position: relative;
  background-color: #f2f6f9;
  display: none;
  max-width: 100%;
}
.p1 {
  margin: 0;
}
.span {
  color: #f02121;
}
.span1 {
  color: #000;
}
.h31,
.p2 {
  margin: 0;
}
.h31 {
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  z-index: 3;
}
.st-child,
.testimonial-title-child {
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: none;
}
.st-child {
  width: 338px;
  height: 578px;
  background-color: #fff;
  max-width: 100%;
}
.testimonial-title-child {
  height: 58px;
  width: 277px;
  background-color: #ece5d1;
}
.ibdp {
  position: relative;
  font-size: 16px;
  font-weight: 900;
  font-family: "Noto Sans JP";
  color: #1a2a6c;
  text-align: left;
  z-index: 3;
}
.testimonial-title {
  cursor: pointer;
  border: 0;
  padding: 20px 10px 15px 12px;
  background-color: #ece5d1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.div4 {
  flex: 1;
  position: relative;
  font-weight: 900;
  z-index: 1;
}
.feedback-quote {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 0;
}
.screenshot-2024-05-08-at-1715 {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}
.testimonial-content,
.testimonial-feedback {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-feedback {
  align-self: stretch;
  flex-direction: column;
  gap: 18px;
}
.testimonial-content {
  width: 265px;
  flex-direction: row;
  padding: 0 12px;
  box-sizing: border-box;
}
.physicschemistry {
  position: relative;
  font-size: 13px;
  color: #000;
  z-index: 3;
}
.st {
  align-self: stretch;
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 36px 22px 32px 39px;
  gap: 22px;
  z-index: 1;
}
.div3,
.frame,
.st,
.st-wrapper {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.st-wrapper {
  width: 346px;
  height: 578px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 4px;
  text-align: left;
  font-size: 16px;
  color: #1a2a6c;
}
.div3,
.frame {
  justify-content: flex-start;
}
.div3 {
  flex: 1;
  background-color: #f2f6f9;
  flex-direction: column;
  align-items: flex-end;
  padding: 21px 9px 48px 8px;
  gap: 24px;
  z-index: 1;
}
.frame {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 0 55px;
  text-align: center;
  font-size: 20px;
  color: #000;
  font-family: "Noto Sans JP";
}
.h32 {
  margin: 0;
  width: 270px;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  z-index: 1;
}
.frame-div {
  width: 256px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1px 0 0;
  box-sizing: border-box;
}
.h33 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 69.1px;
  flex-shrink: 0;
  z-index: 3;
}
.solution-title,
.solution-title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
  box-sizing: border-box;
  max-width: 100%;
}
.solution-title-wrapper {
  justify-content: flex-end;
  padding: 0 12px 0 0;
}
.h2 {
  margin: 0;
  width: 313px;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.solution-question,
.solution-question-wrapper {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.solution-question {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.solution-question-wrapper {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 11px 55px;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  color: #000;
  font-family: "Noto Sans JP";
}
.icon {
  height: 118px;
  width: 102px;
  position: relative;
  object-fit: cover;
  /* display: none; */
}
.union-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.p3 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p4 {
  margin: 0;
}
.div7 {
  position: absolute;
  top: 20px;
  left: 36px;
  font-weight: 500;
  display: inline-block;
  width: 189px;
  height: 53px;
  z-index: 2;
}
.exam-preparation {
  height: 89px;
  width: 232px;
  position: relative;
}
.div6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 18px 0 11px 8px;
}
.icon1 {
  height: 132px;
  width: 130px;
  position: relative;
  object-fit: cover;
  /* display: none; */
}
.union-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}
.ib3 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p5 {
  margin: 0;
}
.ib2 {
  position: absolute;
  top: 24px;
  left: -9px;
  font-weight: 500;
  display: inline-block;
  width: 198px;
  height: 52px;
  z-index: 2;
}
.school-graduate {
  height: 89px;
  width: 232px;
  position: relative;
}
.div8 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 0 13px;
}
.icon2 {
  height: 127px;
  width: 116px;
  position: relative;
  object-fit: cover;
  /* display: none; */
}
.union-icon2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.p6 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p7 {
  margin: 0;
}
.div10 {
  position: absolute;
  top: 24px;
  left: 35px;
  font-weight: 500;
  display: inline-block;
  width: 184px;
  height: 52px;
  z-index: 2;
}
.target-score {
  height: 89px;
  width: 232px;
  position: relative;
}
.div9 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 18px 0 20px 4px;
}
.female-concern-one {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 27px;
  max-width: 100%;
}
.female-concern {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 4px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.icon3 {
  height: 128px;
  width: 122px;
  position: relative;
  object-fit: cover;
  /* display: none; */
}
.union-icon3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}
.p8 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.iaee1 {
  margin: 0;
}
.iaee {
  position: absolute;
  top: 19px;
  left: 22px;
  font-weight: 500;
  display: inline-block;
  width: 151px;
  height: 51px;
  z-index: 2;
}
.task-management {
  height: 89px;
  width: 232px;
  position: relative;
}
.div11,
.div5,
.student-concern {
  display: flex;
  justify-content: flex-start;
}
.div11 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 19px 0 20px 1px;
}
.div5,
.student-concern {
  max-width: 100%;
}
.div5 {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 31px;
  z-index: 2;
}
.student-concern {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 18px 49px 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 13px;
  color: #000;
  font-family: "Noto Sans JP";
}
.self-study-child {
  width: 378px;
  height: 207px;
  position: relative;
  background: linear-gradient(180deg, #fff, #fff4e1);
  display: none;
  max-width: 100%;
  z-index: 0;
}
.p10,
.p9 {
  margin: 0;
}
.h21 {
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  z-index: 3;
}
.h21,
.p11,
.p12 {
  margin: 0;
}
.div12 {
  width: 361px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: 35px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  max-height: 69px;
  word-break: break-word;
  z-index: 4;
}
.frame-inner {
  height: 7px;
  width: 204px;
  position: relative;
  background-color: #8cabd8;
  z-index: 3;
}
.rectangle-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
.rectangle-div {
  width: 175px;
  height: 9px;
  position: relative;
  background-color: #8cabd8;
  z-index: 3;
}
.frame-parent,
.student-illustration {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent {
  flex: 1;
  flex-direction: column;
  gap: 13px;
}
.student-illustration {
  align-self: stretch;
  flex-direction: row;
  padding: 0 11px 0 1px;
  box-sizing: border-box;
}
.polygon-icon,
.self-study,
.study-method-child {
  align-self: stretch;
  position: relative;
  max-width: 100%;
}
.self-study {
  background: linear-gradient(180deg, #fff, #fff4e1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 17px 59px 18px;
  box-sizing: border-box;
  gap: 49px;
  z-index: 2;
}
.polygon-icon,
.study-method-child {
  overflow: hidden;
  max-height: 100%;
}
.study-method-child {
  z-index: 1;
}
.polygon-icon {
  flex: 1;
  border-radius: 43px;
}
.p13,
.p14 {
  margin: 0;
}
.div13 {
  position: absolute;
  margin: 0 !important;
  top: 13.79px;
  left: 20.6px;
  line-height: -5px;
  font-weight: 500;
  transform: rotate(-9.5deg);
  transform-origin: 0 0;
  z-index: 1;
}
.polygon-parent {
  align-self: stretch;
  width: 85.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.div14 {
  position: absolute;
  margin: 0 !important;
  right: -14px;
  bottom: 1px;
  display: inline-block;
  min-width: 17px;
}
.p15,
.p16 {
  margin: 0;
}
.div15 {
  height: 38px;
  position: relative;
  line-height: 20px;
  font-weight: 900;
  font-family: Inter;
  display: inline-block;
  z-index: 1;
}
.academy-solution,
.concern-resolution,
.parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent {
  flex-direction: row;
  position: relative;
}
.academy-solution,
.concern-resolution {
  flex: 1;
}
.academy-solution {
  flex-direction: column;
  padding: 16px 0 0;
  font-size: 16px;
}
.concern-resolution {
  align-self: stretch;
  flex-direction: row;
  gap: 1.1px;
}
.h34 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  text-shadow: 3px 0 0#fff, 0 3px 0#fff, -3px 0 0#fff, 0-3px 0#fff;
}
.solution-result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 0 0;
  font-size: 20px;
  color: #1a2a6c;
}
.concern-resolution-parent,
.solution-highlight,
.study-method {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.concern-resolution-parent {
  flex: 1;
  justify-content: flex-start;
  gap: 22px;
}
.solution-highlight,
.study-method {
  justify-content: flex-end;
  padding: 0 22px 0 31px;
  box-sizing: border-box;
  font-size: 12px;
}
.study-method {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 200.2px;
  text-align: center;
  font-size: 24px;
  color: #000;
  font-family: "Noto Sans JP";
}
.frame-child1 {
  width: 374px;
  height: 114px;
  position: relative;
  background-color: #1a2a6c;
  display: none;
  max-width: 100%;
  z-index: 1;
}
.h12,
.h13,
.h14 {
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.h12 {
  margin: 0 !important;
  position: absolute;
  top: 13px;
  right: 9px;
  font-size: 27px;
  text-align: left;

}
.h12 p{
  font-size: 27px;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
.h14{
  font-size: 30px!important;
}
.h13,
.h14 {
  margin: 0;
  position: relative;
  font-size: inherit;
}
.score-increase {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: -46px;
}
.rectangle-parent,
.sp-latest-inner {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
  height: 94px;
}
.rectangle-parent {
  flex: 1;
  background-color: #1a2a6c;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 54px 66px 14px 49px;
  position: relative;
  z-index: 2;
}
.sp-latest-inner {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 17px 1px;
  text-align: right;
  font-size: 30px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.adobestock-429843795-2-icon {
  height: 1457px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}
.frame-child2,
.rectangle-icon {
  position: absolute;
  margin: 0 !important;
}
.rectangle-icon {
  height: 300px;
  width: calc(100% - 22px);
  right: 12px;
  bottom: 12px;
  left: 10px;
  max-width: 100%;
  overflow: hidden;
  z-index: 1;
}
.frame-child2 {
  height: 40px;
  width: 40px;
  bottom: 236px;
  left: 166px;
  object-fit: contain;
  z-index: 2;
}
.adobestock-429843795-2-parent {
  width: 375px;
  margin: 0 !important;
  position: absolute;
  top: 4551px;
  left: 1px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.adobestock-429843795-1-icon {
  height: 1919px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
  z-index: 1;
}
.icon4,
.union-icon4,
.union-icon5 {
  position: absolute;
  margin: 0 !important;
}
.union-icon4 {
  height: 71.7px;
  width: 339.1px;
  top: 836.8px;
  right: 17.3px;
  z-index: 2;
}
.icon4,
.union-icon5 {
  z-index: 3;
}
.union-icon5 {
  height: 69.7px;
  width: calc(100% - 23px);
  top: 850px;
  right: 10px;
  left: 13px;
  max-width: 100%;
  overflow: hidden;
}
.icon4 {
  height: 49px;
  width: 59.7px;
  top: 570px;
  left: 156px;
}
.span2 {
  color: #f02121;
}
.advantage,
.ibup {
  margin: 0 !important;
  position: absolute;
}
.ibup {
  width: 340px;
  top: 88px;
  right: 11px;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-height: 87px;
  word-break: break-word;
  z-index: 2;
}
.advantage {
  width: 100%;
  top: 2674px;
  left: -1px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Noto Sans JP";
}
.h15,
.item {
  position: relative;
}
.item {
  width: 353px;
  height: 201px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff4e1;
  display: none;
  max-width: 100%;
}
.h15 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 25px 0 27px;
}
.div17 {
  position: relative;
  font-size: 16px;
  z-index: 1;
}
.div16,
.frame-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div16 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff4e1;
  flex-direction: column;
  padding: 31px 24px 29px;
  gap: 8px;
  z-index: 2;
}
.frame-section {
  align-self: stretch;
  flex-direction: row;
  padding: 0 13px 40px 9px;
  text-align: left;
  font-size: 28px;
  color: #000;
  font-family: "Noto Sans JP";
}
.h16,
.inner {
  position: relative;
}
.inner {
  width: 353px;
  height: 210px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff4e1;
  display: none;
  max-width: 100%;
}
.h16 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.wrapper3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 62px;
}
.p17 {
  margin: 0;
}
.div19 {
  height: 113px;
  position: relative;
  font-size: 16px;
  display: inline-block;
  flex-shrink: 0;
  z-index: 1;
}
.div18,
.wrapper2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div18 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff4e1;
  flex-direction: column;
  padding: 38px 10px 10px 14px;
  gap: 8px;
  z-index: 2;
}
.wrapper2 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 13px 32px 9px;
  text-align: left;
  font-size: 28px;
  color: #000;
  font-family: "Noto Sans JP";
}
.h35 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  z-index: 4;
}
.three-reasons {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 24px 64px 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.table-header-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
}
.header-cell-child {
  height: 26px;
  width: 314px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #102a6c;
  border: 1px solid #102a6c;
  box-sizing: border-box;
  display: none;
}
.b6,
.b7 {
  width: 102.5px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 6;
}
.b7 {
  width: 128.9px;
  text-align: center;
  z-index: 5;
}
.header-cell,
.university-data-child {
  align-self: stretch;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
.header-cell {
  height: 26.4px;
  background-color: #102a6c;
  border: 1px solid #102a6c;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 15px;
  gap: 27.5px;
  z-index: 4;
}
.university-data-child {
  height: 144px;
  position: relative;
  background-color: #fdfdfd;
  border: 1px solid #000;
  display: none;
}
.div20,
.div21 {
  position: relative;
  flex-shrink: 0;
  z-index: 4;
}
.university-cell,
.university-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.university-cell {
  width: 246.9px;
  justify-content: space-between;
  gap: 20px;
}
.university-row {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 27px;
}
.university-row-icon {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.div22,
.div23,
.university-row-icon {
  position: relative;
  z-index: 4;
}
.group,
.university-row1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.group {
  width: 221.5px;
  justify-content: space-between;
  gap: 20px;
}
.university-row1 {
  justify-content: flex-start;
  padding: 0 40px;
}
.university-row-icon1 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
  z-index: 8;
}
.div24,
.div25 {
  position: relative;
  z-index: 4;
}
.parent1,
.university-row2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.parent1 {
  width: 194.6px;
  justify-content: space-between;
  gap: 20px;
}
.university-row2 {
  justify-content: flex-start;
  padding: 0 40px;
}
.university-data-item {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
  z-index: 8;
}
.div26,
.div27 {
  position: relative;
  z-index: 4;
}
.parent2 {
  width: 182.2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.header-row,
.university-data,
.university-row3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.university-row3 {
  flex-direction: row;
  padding: 0 40px;
}
.header-row,
.university-data {
  flex-direction: column;
}
.university-data {
  align-self: stretch;
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fdfdfd;
  border: 1px solid #000;
  padding: 16px 0 8px;
  gap: 6.4px;
  z-index: 3;
  margin-top: -13.4px;
  color: #000;
}
.header-row {
  position: absolute;
  top: 704px;
  left: 18px;
  width: 314px;
  height: 157px;
  color: #fff;
}
.table-header-item {
  position: absolute;
  top: 704.2px;
  left: 134.5px;
  border-right: 1px solid #000;
  box-sizing: border-box;
  width: 1px;
  height: 157.4px;
  z-index: 7;
}
.ib40 {
  margin: 0;
  position: absolute;
  top: 667px;
  left: 31px;
  font-size: 18px;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  width: 290px;
  height: 31px;
  z-index: 3;
}
.table-header-inner {
  position: absolute;
  top: 528.2px;
  left: 239.1px;
  width: 24.4px;
  height: 29.1px;
  object-fit: contain;
  z-index: 5;
}
.ib4,
.top10 {
  margin: 0;
}
.ib4 {
  font-size: 20px;
}
.top10-ib {
  position: relative;
  font-weight: 900;
  text-shadow: 5px 0 0#fff, 0 5px 0#fff, -5px 0 0#fff, 0-5px 0#fff;
  z-index: 3;
}
.inner-circle,
.outer-circle {
  position: absolute;
  border-radius: 50%;
  box-sizing: border-box;
}
.outer-circle {
  top: 219.42px;
  left: 51.24px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  border: 0 solid #e2e2e2;
  width: 176.1px;
  height: 175.2px;
  transform: rotate(-106.9deg);
  transform-origin: 0 0;
  z-index: 3;
}
.inner-circle {
  top: 21.9px;
  left: 21.8px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  border: 0 solid #102a6c;
  width: 175.1px;
  height: 176.2px;
  z-index: 4;
}
.score-circle {
  position: absolute;
  top: -21.9px;
  left: -21.8px;
  width: 218.7px;
  height: 220px;
}
.ib5,
.p18 {
  margin: 0;
}
.p18 {
  font-size: 16px;
}
.ib-45 {
  position: absolute;
  width: calc(100% - 29.1px);
  top: 68.1px;
  left: 14.2px;
  display: inline-block;
  height: 44px;
  z-index: 5;
}
.score-circle-parent {
  height: 176.2px;
  flex: 1;
  position: relative;
}
.b8,
.percentage-value-child {
  position: absolute;
  left: 0;
  z-index: 4;
}
.b8 {
  top: 0;
  display: inline-block;
  width: 58.3px;
  height: 19.5px;
  min-width: 58.3px;
}
.percentage-value-child {
  top: 44.7px;
  width: 58.2px;
  height: 0.6px;
  object-fit: contain;
}
.b10,
.b9 {
  position: absolute;
  top: 15.9px;
  left: 38.5px;
  display: inline-block;
  width: 18.1px;
  height: 24.6px;
  min-width: 18.1px;
  z-index: 3;
}
.b10 {
  top: 0;
  left: 3.6px;
  font-size: 30px;
  width: 37.8px;
  height: 44.2px;
  min-width: 37.8px;
  z-index: 5;
}
.percentage-value {
  position: absolute;
  top: 10.2px;
  left: 3.2px;
  width: 58.2px;
  height: 45.3px;
  font-size: 15px;
}
.percentage-content {
  align-self: stretch;
  height: 55.5px;
  position: relative;
}
.percentage-content-wrapper {
  width: 61.4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19.7px 0 0;
  box-sizing: border-box;
  font-size: 13px;
}
.score-info {
  flex: 1;
  flex-direction: row;
  padding: 0 1px 0 0;
  gap: 6.7px;
}
.graduate-details,
.score-info,
.top-graduates {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.graduate-details {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 1px;
  font-size: 18px;
  color: #000;
}
.top-graduates {
  position: absolute;
  top: 355px;
  left: 75px;
  width: 245px;
  flex-direction: column;
  gap: 28.9px;
  text-align: center;
  font-size: 30px;
  color: #00063a;
}
.b11,
.ib401 {
  font-family: "Noto Sans JP";
}
.ib40102 {
  font-size: 15px;
}
.ib40101 {
  margin: 0;
}
.ib6 {
  font-size: 15px;
}
.blank-line,
.blank-line1,
.ib6,
.p19,
.p20 {
  margin: 0;
}
.b12 {
  font-family: "Noto Sans JP";
}
.blank-line2,
.p21,
.p22,
.p23,
.up {
  margin: 0;
}
.ib4010,
.table-header-child1 {
  position: absolute;
  left: 29px;
  z-index: 3;
}
.ib4010 {
  top: 123px;
  font-size: 15px !important;
}
.table-header-child1 {
  top: 91px;
  background-color: #8cabd8;
  width: 247px;
  height: 10px;
}
.ib7,
.ib8,
.p24 {
  margin: 0;
}
.ib7 {
  position: absolute;
  top: 44px;
  left: 29px;
  font-size: 24px;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.table-header {
  position: absolute;
  top: 30px;
  left: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  width: 100%;
  height: 907px;
  z-index: 2;
}
.child1 {
  width: 60px;
  height: 60px;
  background-color: #1a2a6c;
  display: none;
}
.child1,
.h22,
.point {
  position: relative;
  z-index: 1;
}
.point {
  align-self: stretch;
}
.h22 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.point-number {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 13px;
  margin-top: -6px;
  font-size: 24px;
}
.div28 {
  position: absolute;
  top: 0;
  left: 25px;
  background-color: #1a2a6c;
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 4px 3px;
  box-sizing: border-box;
  z-index: 3;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.table-content {
  height: 937px;
  flex: 1;
  position: relative;
  max-width: 100%;
}
.university-table {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 12px 25px 13px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 13px;
  color: #000;
  font-family: "Noto Sans JP";
}
.point-two-child {
  width: 60px;
  height: 60px;
  background-color: #1a2a6c;
  display: none;
}
.point-two-child,
.point1,
.two {
  position: relative;
  z-index: 1;
}
.point1 {
  align-self: stretch;
}
.two {
  flex: 1;
}
.point-number1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 17px 0 18px;
  margin-top: -6px;
  font-size: 24px;
}
.plan-detail,
.point-two {
  display: flex;
  justify-content: flex-start;
}
.point-two {
  flex: 1;
  background-color: #1a2a6c;
  flex-direction: column;
  align-items: flex-end;
  padding: 5px 4px 3px;
  z-index: 3;
}
.plan-detail {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px;
}
.plan-image-child {
  width: 350px;
  height: 504px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.ib10,
.ib9,
.p25 {
  margin: 0;
}
.ib9 {
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.plan-example {
  height: 10px;
  flex: 1;
  position: relative;
  background-color: #8cabd8;
  z-index: 3;
  top: -25px;
}
.schedule-image {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 1px;
  margin-top: -15px;
}
.plan-description,
.plan-visual,
.schedule-image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.plan-description {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
}
.plan-visual {
  width: 269px;
  height: 70px;
  flex-direction: row;
  padding: 0 13px;
  box-sizing: border-box;
}
.b13,
.ib13 {
  font-family: "Noto Sans JP";
}
.blank-line3,
.ib12,
.p26 {
  margin: 0;
}
.b14 {
  font-family: "Noto Sans JP";
}
.p27 {
  margin: 0;
}
.ib11 {
  width: 299px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  max-height: 95px;
  word-break: break-word;
  z-index: 3;
}
.plan-explanation {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 5px 0 11px;
  font-size: 13px;
}
.screenshot-2024-05-13-at-1721 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 3;
}
.plan-image {
  align-self: stretch;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  flex-direction: column;
  padding: 55px 16px 29px 19px;
  box-sizing: border-box;
  gap: 19px;
  z-index: 2;
  margin-top: -33px;
  text-align: left;
  font-size: 24px;
  color: #000;
}
.plan-content,
.plan-creation,
.plan-image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.plan-content {
  flex: 1;
  flex-direction: column;
}
.plan-creation {
  align-self: stretch;
  flex-direction: row;
  padding: 0 12px 8px 13px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.child2 {
  width: 60px;
  height: 60px;
  background-color: #1a2a6c;
  display: none;
}
.child2,
.h23,
.point2 {
  position: relative;
  z-index: 1;
}
.point2 {
  align-self: stretch;
}
.h23 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.point-number2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 13px;
  margin-top: -6px;
  font-size: 24px;
}
.div29,
.management-detail {
  display: flex;
  justify-content: flex-start;
}
.div29 {
  flex: 1;
  background-color: #1a2a6c;
  flex-direction: column;
  align-items: flex-end;
  padding: 5px 4px 3px;
  z-index: 2;
}
.management-detail {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 24px;
}
.progress-support-child {
  width: 350px;
  height: 567px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.h24,
.p28,
.p29 {
  margin: 0;
}
.h24 {
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 3;
}
.support-description {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 3px;
}
.chat-image {
  width: 223px;
  height: 10px;
  position: absolute;
  margin: 0 !important;
  top: 102px;
  left: 23px;
  background-color: #8cabd8;
  z-index: 2;
}
.b15,
.span3 {
  font-family: "Noto Sans JP";
}
.blank-line4,
.p30,
.p31,
.up1 {
  margin: 0;
}
.ib241,
.span4 {
  font-family: "Noto Sans JP";
}
.ib24,
.p32 {
  margin: 0;
}
.up-ib24 {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}
.support-explanation {
  width: 265px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 3px;
  box-sizing: border-box;
  font-size: 13px;
}
.line-icon,
.progress-support {
  align-self: stretch;
  position: relative;
}
.line-icon {
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 2;
}
.progress-support {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  background-color: #fff;
  flex-direction: column;
  padding: 55px 18px 21px 21px;
  box-sizing: border-box;
  gap: 17px;
  z-index: 1;
  margin-top: -30px;
  text-align: left;
  font-size: 24px;
  color: #000;
}
.management-content,
.progress-management,
.progress-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.management-content {
  flex: 1;
  flex-direction: column;
}
.progress-management {
  align-self: stretch;
  flex-direction: row;
  padding: 0 12px 25px 13px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.frame-child3 {
  height: 41px;
  width: 353px;
  position: relative;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
  max-width: 100%;
}
.b16 {
  position: relative;
  z-index: 4;
}
.consultation,
.rectangle-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-group {
  background: linear-gradient(90deg, #06c755, #a8e063);
  padding: 9px 9px 10px 14px;
  z-index: 3;
}
.consultation {
  padding: 0 11px 29px;
}
.icon5 {
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.div30,
.icon5 {
  position: relative;
  z-index: 2;
}
.benefit-check,
.benefit-content,
.wrapper4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper4 {
  flex: 1;
  flex-direction: column;
  padding: 2px 0 0;
  box-sizing: border-box;
  min-width: 191px;
}
.benefit-check,
.benefit-content {
  flex-direction: row;
  max-width: 100%;
}
.benefit-check {
  flex: 1;
  flex-wrap: nowrap;
  align-content: flex-start;
  gap: 2px;
}
.benefit-content {
  align-self: stretch;
  padding: 0 0 0 1px;
  box-sizing: border-box;
}
.benefit-check1 {
  margin: 0;
  height: 42px;
  width: 40px;
  z-index: 3;
}
.ib14 {
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 188px;
  z-index: 2;
}
.benefit-item-one,
.benefit-item-two {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.benefit-item-two {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 6px 0 0;
  gap: 1px;
}
.benefit-item-one {
  flex-direction: column;
  gap: 9px;
  max-width: 100%;
}
.div32 {
  height: 99px;
  width: 328px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
  max-width: 100%;
  z-index: 0;
}
.span5 {
  color: #ecff13;
}
.icon6,
.line {
  flex-shrink: 0;
  z-index: 1;
}
.line {
  margin: 0;
  width: 250.9px;
  position: relative;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  display: inline-block;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
.icon6 {
  height: 46px;
  width: 48px;
  position: absolute;
  margin: 0 !important;
  right: 6px;
  bottom: 26px;
  overflow: hidden;
}
.div31 {
  width: 328px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  flex-direction: row;
  padding: 15px 23px 14px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.benefit-list,
.benefit-list-wrapper,
.div31 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.benefit-list {
  flex: 1;
  flex-direction: column;
  gap: 11px;
}
.benefit-list-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 14px 20px 24px;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-family: "Noto Sans JP";
}
.child3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
}
.policy-background {
  position: absolute;
  top: 65.8px;
  left: 22px;
  background: linear-gradient(0.45deg, #f0a221, #f5f923);
  border: 1px solid #000;
  box-sizing: border-box;
  width: 342px;
  height: 806.2px;
  z-index: 1;
}
.icon7,
.icon8,
.icon9 {
  position: absolute;
  top: 609px;
  left: 45px;
  width: 81.2px;
  height: 87.7px;
  object-fit: cover;
  display: none;
}
.icon8,
.icon9 {
  top: 614.1px;
  left: 100.1px;
  width: 75.6px;
  height: 85.9px;
}
.icon9 {
  top: 270px;
  left: 34px;
  width: 128px;
  height: 68px;
}
.policy-content-child {
  width: 343.9px;
  height: 809.6px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}
.h36,
.p33,
.p34 {
  margin: 0;
}
.h36 {
  height: 30.7px;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  z-index: 3;
}
.policy-title {
  width: 319px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 18px 11.5px 19px;
  box-sizing: border-box;
  font-size: 20px;
  color: #1a2a6c;
}
.tutoring-icon {
  height: 68px;
  width: 116px;
  position: relative;
  object-fit: cover;
  z-index: 3;
}
.ib112,
.p35 {
  margin: 0;
}
.ib111 {
  align-self: stretch;
  position: relative;
  z-index: 3;
}
.ib11-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11px 0 0;
}
.tutoring,
.tutoring-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.tutoring {
  flex: 1;
  justify-content: flex-start;
  gap: 1px;
  position: relative;
}
.tutoring-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 31px 0 0;
}
.p36,
.p37 {
  margin: 0;
}
.b17 {
  width: 214px;
  position: relative;
  display: inline-block;
  z-index: 3;
}
.frame-group,
.policy-list {
  display: flex;
  justify-content: flex-start;
}
.frame-group {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 31px;
}
.policy-list {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 5px 27px;
}
.planning-icon {
  height: 96px;
  width: 110px;
  position: relative;
  object-fit: cover;
  z-index: 3;
}
.p38,
.p39 {
  margin: 0;
}
.b18 {
  align-self: stretch;
  position: relative;
  z-index: 3;
}
.planning-icon-parent,
.policy-content-inner,
.wrapper5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper5 {
  flex: 1;
  flex-direction: column;
  padding: 25px 0 0;
}
.planning-icon-parent,
.policy-content-inner {
  flex-direction: row;
}
.planning-icon-parent {
  flex: 1;
  gap: 7px;
}
.policy-content-inner {
  align-self: stretch;
  padding: 0 33px 0 25px;
}
.icon10 {
  height: 85px;
  width: 138px;
  position: relative;
  object-fit: cover;
  z-index: 3;
}
.p40,
.p41 {
  margin: 0;
}
.b19 {
  position: relative;
  z-index: 3;
}
.cas1,
.p42 {
  margin: 0;
}
.cas {
  position: relative;
  z-index: 3;
}
.coaching {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
}
.management-content1 {
  flex-direction: column;
  gap: 66px;
}
.management,
.management-content1,
.parent3,
.policy-content-inner1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.management {
  flex-direction: column;
  padding: 17px 0 0;
}
.parent3,
.policy-content-inner1 {
  flex-direction: row;
}
.parent3 {
  gap: 16px;
  position: relative;
}
.policy-content-inner1 {
  padding: 0 16px 7px;
  text-align: left;
}
.icon11,
.support-icon {
  position: absolute;
  object-fit: cover;
}
.icon11 {
  top: 3.8px;
  left: 0;
  width: 102.3px;
  height: 67.6px;
  /* display: none; */
}
.support-icon {
  height: 100%;
  top: 0;
  bottom: 0;
  left: 70.4px;
  max-height: 100%;
  width: 59.6px;
  z-index: 1;
}
.group-div {
  height: 80.3px;
  width: 130px;
  position: relative;
  z-index: 3;
}
.p43,
.p44 {
  margin-left: 40px;
}
.b20 {
  position: relative;
  z-index: 3;
}
.frame-container,
.support {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 0 0;
}
.frame-container {
  flex-direction: row;
  padding: 0 3px 0 0;
  gap: 1px;
  text-align: left;
}
.policy-content,
.section {
  background-color: #fff;
  max-width: 100%;
}
.policy-content {
  position: absolute;
  top: 52px;
  left: 17px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  box-sizing: border-box;
  width: 347px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 33px 0 55px 10px;
  gap: 42px;
  z-index: 2;
}
.section {
  align-self: stretch;
  height: 910px;
  position: relative;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-family: "Noto Sans JP";
}
.icon12 {
  width: 42.8px;
  height: 35.4px;
  position: absolute;
  margin: 0 !important;
  top: 2651.3px;
  left: 16px;
  object-fit: contain;
  z-index: 2;
  transform: scaleX(-1);
}
.adobestock-407451671-1-icon {
  height: 826px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.comparison-background-child {
  height: 240px;
  width: 376px;
  position: absolute;
  margin: 0 !important;
  bottom: 0;
  left: -1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
}
.frame-child4 {
  position: absolute;
  top: 30px;
  left: 0;
  border-radius: 43px;
  width: 88.8px;
  height: 53.4px;
  object-fit: contain;
  z-index: 2;
}
.icon13 {
  position: absolute;
  top: 20px;
  left: 54px;
  width: 35px;
  height: 37px;
  object-fit: cover;
  z-index: 4;
}
.vector-parent {
  height: 60.4px;
  width: 89px;
  position: absolute;
  margin: 0 !important;
  top: 7px;
  right: 30px;
}
.comparison-background {
  width: 376px;
  margin: 0 !important;
  position: absolute;
  top: 1470px;
  left: -1px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.adobestock-366676742-1-icon,
.child4 {
  position: relative;
  display: none;
  max-width: 100%;
}
.child4 {
  width: 375px;
  height: 664px;
  background: linear-gradient(180deg, #fff, #fff4e1);
}
.adobestock-366676742-1-icon {
  width: 1440px;
  height: 1215px;
  object-fit: contain;
}
.div33,
.point3 {
  position: relative;
}
.div33 {
  display: none;
}
.point3 {
  flex: 1;
  z-index: 1;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
}
.comparison-point {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 77px;
}
.span6 {
  color: #f0a221;
}
.h37 {
  margin: 0;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  font-family: inherit;
  white-space: nowrap;
  z-index: 1;
  color: #000;
}
.comparison-content,
.comparison-title {
  display: flex;
  justify-content: flex-start;
}
.comparison-title {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.comparison-content {
  width: 304px;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 52px;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  color: #f0a221;
}
.ib15 {
  position: relative;
  display: inline-block;
  min-width: 40px;
  z-index: 3;
}
.table-header1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 6px;
}
.div34,
.div35,
.div36,
.div37 {
  position: relative;
  z-index: 3;
}
.teacher {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 12px 0 13px;
}
.div38 {
  position: relative;
  z-index: 3;
}
.teacher-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
}
.learning,
.parent4,
.teacher-info {
  align-self: stretch;
  justify-content: flex-start;
}
.learning {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 49.5px;
  text-align: left;
  font-size: 13px;
  color: #000;
  font-family: "Noto Sans JP";
}
.parent4 {
  gap: 46px;
}
.parent4,
.table-content1,
.table-header-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.table-header-parent {
  align-self: stretch;
  justify-content: flex-start;
  gap: 43px;
}
.table-content1 {
  justify-content: flex-end;
  padding: 0 0 3px;
}
.ib16 {
  width: 58px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 3;
}
.p45,
.p46 {
  margin: 0;
}
.div39 {
  align-self: stretch;
  flex-shrink: 0;
}
.div39,
.div40 {
  position: relative;
  z-index: 3;
}
.returnee,
.wrapper6 {
  justify-content: flex-start;
}
.wrapper6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 13px;
}
.returnee {
  align-self: stretch;
  gap: 19px;
  font-size: 10px;
  color: #000;
}
.returnee,
.specialization,
.specialization-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.specialization-content {
  align-self: stretch;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.specialization {
  width: 211px;
  height: 28px;
  justify-content: flex-end;
  padding: 0 7px;
  box-sizing: border-box;
}
.span7 {
  color: #f0a221;
}
.ib242 {
  width: 86px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 3;
}
.div41 {
  flex: 1;
}
.div41,
.div42 {
  position: relative;
  z-index: 3;
}
.wrapper7 {
  flex-direction: column;
  padding: 6px 0 0;
  text-align: left;
  font-size: 13px;
}
.student-availability,
.student-support,
.wrapper7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.student-availability {
  align-self: stretch;
  flex-direction: row;
  gap: 18px;
}
.student-support {
  width: 85px;
  flex-direction: column;
  padding: 9px 0 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
}
.availability,
.support-time {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.support-time {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.availability {
  width: 223px;
  justify-content: flex-end;
  padding: 0 7px 9px;
  box-sizing: border-box;
  color: #000;
}
.div43,
.div44,
.div45 {
  position: relative;
  z-index: 3;
}
.wrapper8 {
  flex-direction: column;
  justify-content: flex-start;
  padding: 1px 0 0;
}
.no-management,
.parent5,
.wrapper8 {
  display: flex;
  align-items: flex-start;
}
.parent5 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.no-management {
  width: 78px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 4px 0 0;
  box-sizing: border-box;
  font-size: 13px;
  color: #000;
}
.management-frequency,
.management-type {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.management-type {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.management-frequency {
  width: 218px;
  justify-content: flex-end;
  padding: 0 7px 3px;
  box-sizing: border-box;
}
.span8 {
  color: #000;
}
.div46 {
  align-self: stretch;
  height: 25px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 3;
}
.customized-plan {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 12px 0 0;
  text-align: center;
  color: #f0a221;
}
.div47 {
  position: relative;
  z-index: 3;
}
.no-customization {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 0 0;
  font-size: 13px;
}
.p47,
.p48 {
  margin: 0;
}
.div48 {
  position: relative;
  z-index: 3;
}
.plan-customization,
.standard-plan {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.standard-plan {
  flex-direction: column;
  padding: 12px 0 0;
  font-size: 10px;
}
.plan-customization {
  align-self: stretch;
  flex-direction: row;
  gap: 19px;
}
.school-b {
  border: 0;
  background-color: #ffdda6;
  height: 81.6px;
  width: 392.9px;
  outline: 0;
  position: absolute;
  top: 468px;
  left: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.icon14,
.school-a {
  position: absolute;
  top: 75px;
  height: 393px;
}
.school-a {
  left: 81.2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0 10px 10px 0;
  background-color: #fff;
  width: 253.8px;
  z-index: 1;
}
.icon14 {
  left: 0;
  width: 335px;
  z-index: 2;
}
.academy-names-child {
  height: 53px;
  width: 41px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  background-color: #e2e2e2;
  display: none;
}
.b21 {
  position: relative;
  z-index: 2;
}
.academy-names,
.academy-names-item {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  background-color: #e2e2e2;
}
.academy-names {
  position: absolute;
  top: 32px;
  left: 291px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 6px 18px 7px;
}
.academy-names-item {
  height: 47px;
  width: 41px;
  position: relative;
  display: none;
}
.a {
  position: relative;
  z-index: 2;
}
.academy-names1,
.logo-container-child {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
}
.academy-names1 {
  position: absolute;
  top: 31px;
  left: 239px;
  background-color: #e2e2e2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 13px 6px 11px 8px;
}
.logo-container-child {
  height: 75px;
  width: 141.5px;
  position: relative;
  background-color: #fff;
  display: none;
}
.icon15 {
  height: 48px;
  width: 152px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.logo-container {
  position: absolute;
  top: 0;
  left: 81.2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  width: 141.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 14px 19px;
  box-sizing: border-box;
}
.div49 {
  height: 468px;
  width: 335px;
  position: absolute;
  margin: 0 !important;
  top: -355px;
  right: -121px;
  z-index: 1;
}
.ib18 {
  color: #f0a221;
}
.ib17 {
  height: 27px;
  flex: 1;
  position: relative;
  text-align: center;
  display: inline-block;
  z-index: 3;
}
.chart-elements,
.chart-legend {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.chart-legend {
  align-self: stretch;
  flex-direction: row;
  position: relative;
}
.chart-elements {
  width: 121px;
  flex-direction: column;
  padding: 0 5px 0 0;
  box-sizing: border-box;
}
.div50 {
  position: relative;
  z-index: 3;
}
.student {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9px 0 0;
  font-size: 13px;
}
.p49,
.p50 {
  margin: 0;
}
.div51 {
  position: relative;
  z-index: 3;
}
.instructor-student {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px 0 0;
  font-size: 10px;
}
.chart-container,
.chart-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.chart-content {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.chart-container {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 10px 0 8px;
}
.a1,
.div52 {
  display: inline-block;
}
.a1 {
  text-decoration: none;
  position: relative;
  color: inherit;
  min-width: 69px;
  z-index: 3;
}
.div52 {
  min-width: 20px;
}
.div52,
.div53 {
  position: relative;
  z-index: 3;
}
.parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.lesson-format-container-inner {
  width: 74px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px 0 0;
  box-sizing: border-box;
  font-size: 13px;
  color: #000;
}
.lesson-format,
.lesson-format-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.lesson-format-container {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.lesson-format {
  width: 216px;
  justify-content: flex-end;
  padding: 0 7px;
  box-sizing: border-box;
  color: #f0a221;
}
.academy-info,
.planning-approach {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.planning-approach {
  align-self: stretch;
  gap: 35px;
  color: #000;
}
.academy-info {
  flex: 1;
  gap: 24px;
  min-width: 157px;
  font-size: 16px;
  color: #f0a221;
}
.comparison-table,
.section1 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.comparison-table {
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: 25px;
  font-size: 13px;
}
.section1 {
  background: linear-gradient(180deg, #fff, #fff4e1);
  flex-direction: column;
  align-items: flex-start;
  padding: 51px 21px 62px 36px;
  box-sizing: border-box;
  gap: 140px;
  max-width: 100%;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-family: "Noto Sans JP";
}
.child5,
.flow {
  position: relative;
}
.child5 {
  width: 375px;
  height: 966px;
  background: linear-gradient(180deg, #fff4e1, #fff);
  display: none;
  max-width: 100%;
}
.flow {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 56px;
  z-index: 2;
}
.flow-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 90px 0 72px;
}
.h25 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  font-family: "Noto Sans JP";
  color: #000;
  z-index: 1;
}
.flow-header,
.flow-title {
  display: flex;
  justify-content: flex-start;
}
.flow-header {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
}
.flow-title {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 56px 0 51px;
}
.steps-child {
  width: 323px;
  height: 763px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.icon16,
.icon17 {
  width: 97px;
  height: 97px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.icon17 {
  height: 101px;
  width: 101px;
}
.calendar-icon-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 9px;
}
.install-icon-container,
.install-icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.install-icon-wrapper {
  justify-content: flex-start;
  gap: 118px;
}
.install-icon-container {
  justify-content: flex-end;
  padding: 0 0 6px;
}
.line1,
.line2 {
  position: relative;
  z-index: 2;
}
.line1 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.line2 {
  font-size: 16px;
  font-family: "Noto Sans JP";
}
.line-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.step-two-child {
  height: 30px;
  width: 70px;
  position: relative;
  object-fit: contain;
  z-index: 2;
}
.step-two {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 2px;
}
.div55,
.h38 {
  position: relative;
  z-index: 2;
}
.h38 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.div55 {
  font-size: 16px;
  font-family: "Noto Sans JP";
}
.schedule-instructions {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.schedule-consultation {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 17px 0 7px;
}
.frame-parent1,
.schedule-consultation,
.step-one {
  display: flex;
  justify-content: flex-start;
}
.frame-parent1 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 47.5px;
  min-width: 132px;
}
.step-one {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-end;
  gap: 3px;
}
.conversation-icon-container {
  height: 30px;
  width: 70px;
  position: relative;
  object-fit: contain;
  z-index: 2;
}
.conversation-icon-container-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 24px 0 20px;
}
.icon18 {
  height: 105px;
  width: 105px;
  overflow: hidden;
  flex-shrink: 0;
}
.div56,
.h39,
.icon18 {
  position: relative;
  z-index: 2;
}
.h39 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.div56 {
  width: 179px;
  display: inline-block;
  flex-shrink: 0;
  max-height: 69px;
  word-break: break-word;
}
.wrapper10 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
  font-size: 16px;
  font-family: "Noto Sans JP";
}
.consultation-description,
.consultation-label-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.consultation-description {
  align-self: stretch;
  gap: 7px;
}
.consultation-label-container {
  flex: 1;
  padding: 11px 0 0;
}
.consultation-instructions,
.join-consultation {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.consultation-instructions {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}
.join-consultation {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 1px 0 0;
}
.div58 {
  height: 99px;
  width: 282px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
}
.span9 {
  color: #ecff13;
}
.icon19,
.line3 {
  position: relative;
  z-index: 1;
}
.line3 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
.icon19 {
  width: 29px;
  height: 37px;
  overflow: hidden;
  flex-shrink: 0;
}
.wrapper11 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 0 0;
}
.conversation-icon-wrapper,
.div57,
.wrapper11 {
  display: flex;
  justify-content: flex-start;
}
.div57 {
  width: 282px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  flex-direction: row;
  align-items: flex-start;
  padding: 21px 15px 20px 18px;
  box-sizing: border-box;
  gap: 4.2px;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans JP";
}
.conversation-icon-wrapper {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-end;
  gap: 51px;
}
.consultation1,
.step-three {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.consultation1 {
  flex: 1;
  flex-direction: column;
  gap: 39px;
}
.step-three {
  flex-direction: row;
  padding: 0 5px;
}
.steps {
  align-self: stretch;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  flex-direction: column;
  padding: 26px 0 22px 7px;
  gap: 58px;
  z-index: 1;
  text-align: left;
  color: #000;
  font-family: "Noto Serif JP";
}
.div54,
.steps,
.wrapper9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div54 {
  flex: 1;
  background: linear-gradient(180deg, #fff4e1, #fff);
  flex-direction: column;
  padding: 72px 23px 35px 29px;
  gap: 37px;
}
.wrapper9 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 109px;
  text-align: center;
  font-size: 20px;
  color: #f0a221;
  font-family: Rubik;
}
.h17,
.instructor {
  margin: 0;
  position: relative;
  font-size: 20px;
  font-family: inherit;
  z-index: 8;
}
.instructor {
  align-self: stretch;
  font-weight: 600;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Noto Sans JP';
}
.h17 {
  font-weight: 700;
}
.instructor-heading,
.instructor-subheader {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.instructor-subheader {
  flex-direction: row;
  padding: 0 9px 0 10px;
  text-align: left;
  font-size: 35px;
  color: #000;
  font-family: "Noto Sans JP";
}
.instructor-heading {
  flex-direction: column;
  gap: 2px;
}
.instructor-heading-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 20px 29px;
  text-align: center;
  font-size: 25px;
  color: #f0a221;
  font-family: Rubik;
}
.p51 {
  margin: 0;
}
.div59 {
  width: 308px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  max-height: 96px;
  word-break: break-word;
  z-index: 8;
}
.quality-statement {
  height: 112px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 29px 20px 38px;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-family: "Noto Sans JP";
}
.img-2340-3-1-icon {
  width: 116px;
  height: 168px;
  position: relative;
  object-fit: cover;
  display: none;
  z-index: 27;
}
.campaign-banner-child,
.frame-child5 {
  position: relative;
  display: none;
  max-width: 100%;
}
.frame-child5 {
  width: 378px;
  height: 388px;
  background-color: #f2f6f9;
  z-index: 1;
}
.campaign-banner-child {
  height: 50.8px;
  width: 329.8px;
  border-radius: 10px 10px 0 0;
  background-color: #1a2a6c;
}
.h26 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 6;
}
.campaign-banner {
  align-self: stretch;
  border-radius: 10px 10px 0 0;
  background-color: #1a2a6c;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px 11px 11.8px 11px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 5;
}
.child6 {
  align-self: stretch;
  height: 286px;
  position: relative;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}
.input,
.input1 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  z-index: 5;
}
.input1 {
  top: 31px;
  z-index: 6;
}
.checkboxes {
  width: 25px;
  height: 56px;
  position: relative;
}
.checklist-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px 0 0;
}
.div61 {
  flex: 1;
  position: relative;
  z-index: 5;
}
.planning-description {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 3px 8px 2px;
}
.ib19 {
  position: relative;
  z-index: 7;
}
.consultation-description1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 19px;
  margin-top: -8px;
}
.h27,
.h28 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.07em;
  font-weight: 700;
  font-family: inherit;
  z-index: 5;
}
.h27 {
  flex-shrink: 0;
}
.h28 {
  white-space: nowrap;
}
.parent7 {
  align-self: stretch;
  width: 185px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10.2px;
}
.discount-percentage {
  position: absolute;
  margin: 0 !important;
  top: -15px;
  left: 65.1px;
  font-size: 40px;
  font-weight: 500;
  display: inline-block;
  min-width: 23px;
  z-index: 6;
}
.discount,
.off {
  position: relative;
}
.discount {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 15px;
  margin-top: -8px;
  font-size: 25px;
  color: #1a2a6c;
}
.off {
  width: 217px;
  display: inline-block;
  flex-shrink: 0;
  /* text-shadow: 3px 0 0#00063a, 0 3px 0#00063a, -3px 0 0#00063a, 0-3px 0#00063a; */
  z-index: 7;
  /* -webkit-text-stroke: 3px black; */
  line-height: 1.65em;
}
.discount-label {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: -8px;
  font-size: 40px;
  color: #d9d9d9;
  font-weight: 300;
}
.benefit-descriptions,
.benefits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.benefit-descriptions {
  flex: 1;
  flex-direction: column;
}
.benefits {
  width: 318.1px;
  flex-direction: row;
  gap: 6px;
}
.div63 {
  height: 42px;
  width: 277px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
}
.span10 {
  color: #ecff13;
}
.icon20,
.line4 {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}
.line4 {
  width: 231.4px;
  font-weight: 900;
  display: inline-block;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  white-space: nowrap;
}
.icon20 {
  width: 15px;
  height: 17px;
  overflow: hidden;
}
.wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px 0 0;
}
.consultation-button-container,
.div62 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.div62 {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  justify-content: flex-start;
  padding: 10px 13px 9px;
  gap: 4.6px;
  z-index: 6;
}
.consultation-button-container {
  justify-content: flex-end;
  padding: 0 17px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.div60,
.rectangle-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div60 {
  width: 329.6px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: flex-end;
  padding: 49px 2px 25px;
  gap: 2px;
  z-index: 4;
  margin-top: -46.8px;
  font-size: 13px;
  color: #000;
}
.rectangle-container {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 353px;
  right: 0;
  left: 0;
  background-color: #f2f6f9;
  align-items: flex-start;
  padding: 66px 21px 32px;
  z-index: 3;
  text-align: left;
  font-size: 24px;
  color: #fff;
  font-family: "Noto Sans JP";
}
.div64 {
  flex: 1;
  position: relative;
  z-index: 8;
}
.disclaimer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 27px 19px 34px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.adobestock-479673108-1-icon {
  position: absolute;
  top: -13px;
  left: -18px;
  width: 507px;
  height: 366px;
  object-fit: cover;
}
.instructor-one-child,
.instructor-one-item {
  position: absolute;
  top: 197px;
  left: -9px;
  width: 309px;
  height: 46px;
  z-index: 1;
}
.instructor-one-item {
  top: 155px;
  left: -43px;
  mix-blend-mode: normal;
  z-index: 3;
}
.icon21,
.instructor-one {
  position: absolute;
  top: 0;
  left: 0;
}
.icon21 {
  width: 239px;
  height: 63px;
  object-fit: cover;
  z-index: 1;
}
.instructor-one {
  width: 100%;
  height: 353px;
  margin: 0 !important;
  right: 0;
}
.sp-latest-child {
  align-self: stretch;
  height: 1509px;
  position: relative;
  background-color: #fff;
  display: none;
  z-index: 27;
}
.adobestock-429843795-1-icon1 {
  width: 375px;
  height: 1339px;
  position: absolute;
  margin: 0 !important;
  right: -5px;
  bottom: 2725px;
  object-fit: contain;
  z-index: 7;
  display: none;
}
.child7,
.wm {
  position: relative;
  z-index: 1;
}
.child7 {
  height: 338px;
  width: 331px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.wm {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.name-and-school {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
}
.k-international-school,
.p52 {
  margin: 0;
  font-weight: 500;
}
.ib20 {
  font-weight: 500;
}
.b22 {
  font-family: "Noto Sans JP";
}
.ib44 {
  margin: 0;
}
.k-international-school-container {
  position: relative;
  font-size: 13px;
  z-index: 1;
  font-family: "Noto Sans JP";
}
.inner-container,
.name-and-school-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.name-and-school-parent {
  width: 130px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
}
.inner-container {
  flex: 1;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 2px;
}
.content-wrapper-child {
  align-self: stretch;
  height: 5px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.biologychemistryinternal-ass {
  position: relative;
  font-size: 13px;
  font-family: "Noto Sans JP";
  z-index: 1;
}
.content-wrapper,
.details-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.content-wrapper {
  flex: 1;
  gap: 16px;
}
.details-container {
  width: 302px;
  padding: 34px 0 0;
  box-sizing: border-box;
}
.mask-group-icon {
  height: 160px;
  width: 160px;
  position: relative;
  object-fit: cover;
  z-index: 1;
  margin-left: -299px;
}
.div65,
.instructor-details {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div65 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 31px 14px 20px 15px;
  z-index: 8;
}
.instructor-details {
  height: 358px;
  padding: 0 17px 20px 27px;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Noto Serif JP";
}
.child8,
.hr {
  position: relative;
  z-index: 1;
}
.child8 {
  height: 362px;
  width: 335px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.hr {
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 86px;
}
.hr,
.ib21,
.p53 {
  margin: 0;
}
.b23 {
  font-family: "Noto Sans JP";
}
.ib42 {
  margin: 0;
}
.ib-ib42-container {
  align-self: stretch;
  position: relative;
  font-size: 13px;
  z-index: 1;
  font-family: "Noto Sans JP";
}
.h-r-info {
  width: 141px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1px;
}
.i-b-quote-child {
  height: 5px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  z-index: 1;
}
.i-b-quote {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 3px;
}
.ib22 {
  position: relative;
  z-index: 1;
}
.h-r-quote,
.quote-content {
  display: flex;
  align-items: flex-start;
}
.quote-content {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 17px;
}
.h-r-quote {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 5px 0 0;
  font-size: 13px;
  font-family: "Noto Sans JP";
}
.h-r-content,
.h-r-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.h-r-content {
  align-self: stretch;
  align-items: flex-end;
  gap: 50px;
}
.h-r-content-wrapper {
  width: 314px;
  align-items: flex-start;
  padding: 36px 0 0;
  box-sizing: border-box;
}
.mask-group-icon1 {
  height: 160px;
  width: 160px;
  position: relative;
  object-fit: cover;
  z-index: 1;
  margin-left: -308px;
}
.div66,
.wrapper13 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div66 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 29px 6px 24px 15px;
  z-index: 8;
}
.wrapper13 {
  align-self: stretch;
  padding: 0 16px 20px 24px;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Noto Serif JP";
}
.adobestock-429843795-1-icon2 {
  height: 164px;
  width: 376px;
  position: absolute;
  margin: 0 !important;
  bottom: -45px;
  left: -23px;
  object-fit: contain;
  z-index: 7;
}
.my-child {
  height: 370px;
  width: 335px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.ma,
.mask-group-icon2,
.my-child {
  position: relative;
  z-index: 1;
}
.mask-group-icon2 {
  height: 161.5px;
  width: 164px;
  object-fit: cover;
}
.ma {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.ma-wrapper {
  width: 102px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
  box-sizing: border-box;
}
.p54,
.p55 {
  margin: 0;
}
.b24 {
  font-family: "Noto Sans JP";
}
.ib411 {
  margin: 0;
}
.ib41 {
  align-self: stretch;
  position: relative;
  font-size: 13px;
  z-index: 1;
  font-family: "Noto Sans JP";
}
.m-a-name {
  width: 129px;
  height: 104px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.div67,
.quote-content-child {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}
.quote-content-child {
  align-self: stretch;
  height: 5px;
  max-width: 100%;
  overflow: hidden;
}
.div67 {
  height: 153px;
  width: 283px;
  display: inline-block;
  max-height: 153px;
  word-break: break-word;
}
.biology-quote {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 7px 0 4px;
}
.biology-quote,
.m-a-quote,
.quote-content1 {
  display: flex;
  align-items: flex-start;
}
.quote-content1 {
  height: 170px;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 17px;
}
.m-a-quote {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 4px 0 0;
  font-size: 13px;
  font-family: "Noto Sans JP";
}
.m-a-content,
.m-a-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.m-a-info {
  align-self: stretch;
  align-items: flex-end;
  gap: 29px;
}
.m-a-content {
  flex: 1;
  align-items: flex-start;
  padding: 45.3px 0 0;
  margin-left: -149px;
}
.my {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21.7px 6px 0 16px;
  box-sizing: border-box;
  z-index: 8;
}
.adobestock-429843795-1-parent,
.four,
.my {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.adobestock-429843795-1-parent {
  flex: 1;
  position: relative;
}
.four {
  align-self: stretch;
  padding: 0 17px 45px 23px;
  box-sizing: border-box;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Noto Serif JP";
}
.child9 {
  width: 376px;
  height: 547px;
  position: relative;
  background: linear-gradient(180deg, #fff, #fff4e1);
  display: none;
  max-width: 100%;
  z-index: 1;
}
.frame-child6 {
  position: absolute;
  top: 0px;
  left: 0;
  box-shadow: 0-1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  background-color: #ffdda6;
  width: 100%;
  height: 100%;
  /* display: none; */
}
.adobestock-591039209-1-icon {
  position: absolute;
  top: 7px;
  left: 248px;
  width: 81px;
  height: 81px;
  overflow: hidden;
  z-index: 3;
}
.ib25,
.p56 {
  margin: 0;
}
.ib23 {
  position: absolute;
  top: 39px;
  left: 124px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 5;
}
.rectangle-parent1 {
  align-self: stretch;
  height: 112px;
  position: relative;
  box-shadow: 0-1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
  background-color: #ffdda6;
  z-index: 2;
}
.child10 {
  width: 198px;
  height: 12px;
  z-index: 3;
}
.child10,
.child11,
.child12 {
  position: relative;
  background-color: #fff;
  display: none;
}
.child11 {
  width: 165px;
  height: 11px;
  z-index: 4;
}
.child12 {
  width: 335px;
  height: 335px;
  box-shadow: 0-1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 10px 10px;
  max-width: 100%;
}
.blank-line5,
.blank-line6,
.blank-line7,
.ib26,
.ibmit1,
.p57,
.p58 {
  margin: 0;
}
.h310,
.ibmit {
  position: relative;
  z-index: 1;
}
.h310 {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.director,
.div68 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 2px;
  font-size: 18px;
}
.div68 {
  box-shadow: 0-1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  padding: 35px 16px 25px;
  box-sizing: border-box;
  gap: 21px;
  max-width: 100%;
  z-index: 1;
  margin-top: -1px;
  font-size: 13px;
  font-family: "Noto Sans JP";
}
.img-2340-3-1-icon1 {
  width: 116px;
  height: 168px;
  position: relative;
  object-fit: cover;
  display: none;
  z-index: 6;
}

.h17_greeting,
.greeting {
  margin: 0;
  position: relative;
  font-size: 20px;
  font-family: inherit;
  z-index: 8;
}
.greeting {
  align-self: stretch;
  font-weight: 600;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Noto Sans JP';
}
.h17_greeting {
  font-weight: 700;
}
.greeting-heading,
.greeting-subheader {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.greeting-subheader {
  flex-direction: row;
  padding: 0 9px 0 10px;
  text-align: left;
  font-size: 35px;
  color: #000;
  font-family: "Noto Sans JP";
}
.greeting-heading {
  flex-direction: column;
  gap: 2px;
}
.greeting-heading-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 20px 29px;
  text-align: center;
  font-size: 25px;
  color: #f0a221;
  font-family: Rubik;
}

.section2 {
  margin-left: -1px;
  align-self: stretch;
  background: linear-gradient(180deg, #fff, #fff4e1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 69px 19px 32px 22px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-family: "Noto Serif JP";
}
.qa-child,
.qa1 {
  position: relative;
}
.qa-child {
  width: 376px;
  height: 1857px;
  background: linear-gradient(180deg, #fff4e1 47%, #fff);
  display: none;
  max-width: 100%;
}
.qa1 {
  flex: 1;
  /* font-weight: 600; */
  z-index: 1;
}
.f-a-q-header {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 71px 0 73px;
}
.h18 {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  font-family: "Noto Sans JP";
  color: #000;
  text-align: left;
  z-index: 2;
  margin: -0.1px 0 0;
}
.f-a-q,
.f-a-q-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.f-a-q {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 25px 0px 20px;
  text-align: center;
  font-size: 15px;
  color: #f0a221;
  font-family: 'Noto Sans JP';
}
.child13,
.h311 {
  position: relative;
}
.child13 {
  width: 341px;
  height: 312px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.h311 {
  margin: 0;
  height: 43px;
  flex: 1;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}
.subject-change-question {
  width: 277px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 2px 0 3px;
  box-sizing: border-box;
}
.a-line1,
.p59,
.p60 {
  margin: 0;
}
.a-line,
.icon22 {
  flex-shrink: 0;
  z-index: 1;
}
.a-line {
  height: 126.7px;
  position: relative;
  font-size: 13px;
  display: inline-block;
}
.icon22 {
  width: 29px;
  height: 21.5px;
  position: absolute;
  margin: 0 !important;
  top: 35.6px;
  right: 17px;
  overflow: hidden;
}
.div69,
.subject-change {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div69 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  flex-direction: column;
  padding: 25.2px 18px 77.3px;
  position: relative;
  gap: 39.8px;
  z-index: 1;
}
.subject-change {
  align-self: stretch;
  flex-direction: row;
  padding: 0 6px 11px;
  font-size: 18px;
}
.child14 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.span11 {
  font-size: 20px;
}
.div71,
.icon23 {
  flex-shrink: 0;
  z-index: 1;
}
.div71 {
  width: 263px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.icon23 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  right: 17px;
  bottom: 27px;
  overflow: hidden;
}
.div70,
.wrapper14 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div70 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 17px 23px;
  position: relative;
  z-index: 1;
}
.wrapper14 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
  font-size: 18px;
}
.child15 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div73,
.icon24 {
  flex-shrink: 0;
  z-index: 1;
}
.div73 {
  width: 267px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.icon24 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  right: 17px;
  bottom: 31px;
  overflow: hidden;
}
.div72,
.wrapper15 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div72 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 23px 19px 25px;
  position: relative;
  z-index: 1;
}
.wrapper15 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
  font-size: 18px;
}
.child16 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div75,
.icon25 {
  flex-shrink: 0;
  z-index: 1;
}
.icon25 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  top: 35px;
  right: 17px;
  overflow: hidden;
}
.div75 {
  width: 239px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.div74,
.wrapper16 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div74 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 17px 22px;
  position: relative;
  z-index: 1;
}
.wrapper16 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
}
.child17 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.icon26 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  top: 12px;
  right: -26px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.div77 {
  flex: 1;
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.div76,
.parent8,
.wrapper17 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent8 {
  width: 278px;
  position: relative;
}
.div76,
.wrapper17 {
  box-sizing: border-box;
  max-width: 100%;
}
.div76 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 23px 20px 19px;
  z-index: 1;
}
.wrapper17 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
}
.child18 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div79,
.icon27 {
  flex-shrink: 0;
  z-index: 1;
}
.icon27 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  top: 35px;
  right: 19px;
  overflow: hidden;
}
.div79 {
  width: 247px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.div78,
.wrapper18 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div78 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 19px;
  position: relative;
  z-index: 1;
}
.wrapper18 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
}
.child19 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div81,
.icon28 {
  flex-shrink: 0;
  z-index: 1;
}
.icon28 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  top: 35px;
  right: 17px;
  overflow: hidden;
}
.div81 {
  width: 262px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.div80,
.wrapper19 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div80 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 11px;
  position: relative;
  z-index: 1;
}
.wrapper19 {
  align-self: stretch;
  padding: 0 6px 11px;
}
.child20 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div83,
.icon29 {
  flex-shrink: 0;
  z-index: 1;
}
.icon29 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  top: 35px;
  right: 19px;
  overflow: hidden;
}
.div83 {
  width: 247px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.div82,
.wrapper20 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div82 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 19px;
  position: relative;
  z-index: 1;
}
.wrapper20 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
}
.child21 {
  height: 100px;
  width: 341px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.div85,
.icon30 {
  flex-shrink: 0;
  z-index: 1;
}
.div85 {
  width: 260px;
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.icon30 {
  height: 29px;
  width: 29px;
  position: absolute;
  margin: 0 !important;
  right: 19px;
  bottom: 35px;
  overflow: hidden;
}
.div84,
.wrapper21 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div84 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 19px;
  position: relative;
  z-index: 1;
}
.wrapper21 {
  align-self: stretch;
  padding: 0 8px 11px 4px;
}
.consultation-child {
  height: 41px;
  width: 353px;
  position: relative;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
  max-width: 100%;
}
.a2 {
  text-decoration: none;
  position: relative;
  font-weight: 700;
  color: inherit;
  z-index: 4;
}
.consultation2 {
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9px 8px 12px 14px;
  box-sizing: border-box;
  min-height: 40px;
  max-width: 100%;
  z-index: 3;
  font-size: 15px;
  color: #fff;
}
.div86 {
  width: 294px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 4;
}
.wrapper22 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 3px;
  font-size: 16px;
}
.ib27 {
  width: 290px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 4;
}
.ib-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 9px;
  font-size: 16px;
}
.div88 {
  height: 99px;
  width: 328px;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  display: none;
  max-width: 100%;
  z-index: 0;
}
.span12 {
  color: #ecff13;
}
.icon31,
.line5 {
  flex-shrink: 0;
  z-index: 1;
}
.line5 {
  margin: 0;
  width: 250.9px;
  position: relative;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  display: inline-block;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
.icon31 {
  height: 46px;
  width: 48px;
  position: absolute;
  margin: 0 !important;
  right: 6px;
  bottom: 26px;
  overflow: hidden;
}
.check-boxes-child {
  position: absolute;
  top: -184px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.check-icons,
.icon32,
.icon33 {
  position: absolute;
  top: 28px;
  left: 156px;
  width: 41px;
  height: 40px;
  object-fit: contain;
  z-index: 2;
}
.icon32,
.icon33 {
  top: 70px;
  left: 14px;
  object-fit: cover;
}
.icon33 {
  top: 142px;
  left: 13px;
}
.check-boxes {
  height: 300px;
  width: 353px;
  position: absolute;
  margin: 0 !important;
  top: 11164px;
  left: 13px;
  z-index: 1;
}
.consultation-button,
.div87,
.qa {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.div87 {
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background: linear-gradient(90deg, #06c755, #a8e063);
  padding: 15px 23px 14px;
  position: relative;
  z-index: 2;
}
.consultation-button,
.qa {
  align-self: stretch;
  padding: 0 12px 0 13px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.qa {
  margin-left: -1px;
  background: linear-gradient(180deg, #fff4e1 47%, #fff);
  flex-direction: column;
  padding: 0.1px 9px 67px 14px;
  gap: 24px;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Noto Sans JP";
}
.rectangle {
  width: 376px;
  height: 148px;
  position: relative;
  background-color: #ffdda6;
  display: none;
  max-width: 100%;
}
.icon34 {
  height: 33px;
  width: 134px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.wrapper23 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 41px;
}
.div89,
.div90 {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
  z-index: 1;
}
.grade-levels,
.grade-links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.grade-links {
  justify-content: center;
  gap: 3px;
}
.grade-levels {
  justify-content: flex-start;
  padding: 0 5px 0 6px;
}
.div91,
.div92,
.div93 {
  position: relative;
  font-weight: 500;
  z-index: 1;
  width: max-content;
}
.legal-links,
.page-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.page-links {
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.instagram-glyph-gradient-1-icon,
.line-rogo-1-icon {
  height: 26px;
  width: 26px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.yt-logo-rgb-light-1-icon {
  align-self: stretch;
  height: 17px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.social-icons,
.social-media,
.youtube {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.youtube {
  flex: 1;
  flex-direction: column;
  padding: 4px 0 0;
  box-sizing: border-box;
  min-width: 49px;
}
.social-icons,
.social-media {
  flex-direction: row;
}
.social-icons {
  flex: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 13.5px;
}
.social-media {
  align-self: stretch;
  padding: 0 10px 0 25px;
}
.c2024 {
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.copyright {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 9px 0 23px;
  /* color: #fff; */
  width: max-content;
}
.links,
.section3,
.sp-latest {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.links {
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
}
.section3,
.sp-latest {
  box-sizing: border-box;
  text-align: left;
  font-family: "Noto Sans JP";
}
.section3 {
  margin-left: -1px;
  align-self: stretch;
  background-color: #ffdda6;
  align-items: flex-end;
  padding: 12px 94px 5px 92px;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
  color: #000;
}
.sp-latest {
  width: 375px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  align-items: flex-start;
  padding: 96px 0 0;
  line-height: normal;
  letter-spacing: normal;
  font-size: 15px;
  color: #fff;
  margin: 0 auto;
}