@charset "UTF-8";
/* =======================
VARIABLES
* ======================= */
/* colors */
/* breakpoints */
@font-face {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-cjk-jp-regular.ttf") format("truetype"), url("../fonts/noto-sans-cjk-jp-regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-cjk-jp-medium.ttf") format("truetype"), url("../fonts/noto-sans-cjk-jp-medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/noto-sans-cjk-jp-bold.ttf") format("truetype"), url("../fonts/noto-sans-cjk-jp-bold.otf") format("opentype");
}
/* =======================
 * Functions CLASS
 * ======================= */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

picture {
  font-size: 0;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  color: unset;
}

ul {
  list-style: none;
}

/*====================================================================
COMMON LAYOUT
====================================================================*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}

body {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  overflow-x: hidden;
  font-family: "Noto Sans CJK JP" !important;
}
body.highPage {
  background: linear-gradient(98deg, #F0EEF5 0%, #D4EBFB 54%, #E2EAFF 89%);
}
@media (max-width: 919px) {
  body.highPage {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  body.highPage {
    padding-top: 0 !important;
  }
}
body.menu-is-active {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
    overflow-x: hidden;
  }
}

main {
  margin-top: 0;
  overflow: hidden;
}

section {
  position: relative;
  z-index: 11;
}

/*-----------------------------------------------
PC/SP
------------------------------------------------*/
.m-pcDb {
  display: block;
}

.m-pcDib {
  display: inline-block;
}

.m-pcDin {
  display: inline;
}

.m-pcDf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-pcDt {
  display: table;
}

.m-pcDtc {
  display: table-cell;
}

.m-spDb,
.m-spDib,
.m-spDin,
.m-spDf,
.m-spDt,
.m-spDtc {
  display: none;
}

@media screen and (max-width: 767px) {
  .m-pcDb,
  .m-pcDib,
  .m-pcDin,
  .m-pcDf,
  .m-pcDt,
  .m-pcDtc {
    display: none;
  }
  .m-spDb {
    display: block;
  }
  .m-spDib {
    display: inline-block;
  }
  .m-spDin {
    display: inline;
  }
  .m-spDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .m-spDt {
    display: table;
  }
  .m-spDtc {
    display: table-cell;
  }
}
/*-----------------------------------------------
Container
------------------------------------------------*/
.siteContainer {
  margin: auto;
  width: 100%;
  max-width: 60vw;
  position: relative;
}
.siteContainer.siteContainer-v2 {
  max-width: 62.8571428571vw;
}
.siteContainer.highPage__container {
  max-width: 59.0285714286vw;
}
@media screen and (max-width: 767px) {
  .siteContainer {
    max-width: 93%;
  }
  .siteContainer.siteContainer-v2 {
    max-width: 92.2666666667vw;
  }
  .siteContainer.highPage__container {
    max-width: 92.2666666667vw;
  }
}

/*-----------------------------------------------
Anchor
------------------------------------------------*/
.anchor {
  position: relative;
}
.anchor__box {
  margin: auto;
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  outline: none;
  pointer-events: none;
  cursor: default;
  z-index: -1;
}
@media screen and (max-width: 1280px) {
  .anchor__box {
    top: -5.7142857143vw;
    left: 0;
    right: 0;
    width: 2.8571428571vw;
    height: 2.8571428571vw;
  }
}
@media screen and (max-width: 767px) {
  .anchor__box {
    top: -6.6666666667vw;
    left: 0;
    right: 0;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}

/*-----------------------------------------------
section heading
------------------------------------------------*/
.section__heading {
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section__heading.m-pcDf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section__heading.m-spDf {
  display: none;
}
.section__heading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/feature-heading-img.webp);
}
.section__heading p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5714285714vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .section__heading p {
    font-size: 12px;
  }
}
.section__heading h2 {
  padding-bottom: 0.3428571429vw;
  font-size: 3.6vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .section__heading h2 {
    font-size: 12px;
  }
}
.section__heading span {
  font-size: 0.8571428571vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .section__heading span {
    font-size: 12px;
  }
}
.section__heading.highpage__feature__heading, .section__heading.highpage__coursefeatures__heading, .section__heading.highpage__course__heading, .section__heading.highpage__voice__heading, .section__heading.highpage__flow__heading, .section__heading.highpage__faqs__heading {
  padding-top: 0.4571428571vw;
  padding-left: 2.8571428571vw;
}
.section__heading.highpage__feature__heading:after, .section__heading.highpage__coursefeatures__heading:after, .section__heading.highpage__course__heading:after, .section__heading.highpage__voice__heading:after, .section__heading.highpage__flow__heading:after, .section__heading.highpage__faqs__heading:after {
  width: 1.6vw;
  height: 6.9714285714vw;
  background-image: url(../img/high/heading-img-exclamation.webp);
}
.section__heading.highpage__feature__heading *, .section__heading.highpage__coursefeatures__heading *, .section__heading.highpage__course__heading *, .section__heading.highpage__voice__heading *, .section__heading.highpage__flow__heading *, .section__heading.highpage__faqs__heading * {
  color: #1B2CAC;
}
.section__heading.highpage__feature__heading p, .section__heading.highpage__coursefeatures__heading p, .section__heading.highpage__course__heading p, .section__heading.highpage__voice__heading p, .section__heading.highpage__flow__heading p, .section__heading.highpage__faqs__heading p {
  padding-bottom: 0.8571428571vw;
  font-size: 0.9142857143vw;
}
.section__heading.highpage__feature__heading h2, .section__heading.highpage__coursefeatures__heading h2, .section__heading.highpage__course__heading h2, .section__heading.highpage__voice__heading h2, .section__heading.highpage__flow__heading h2, .section__heading.highpage__faqs__heading h2 {
  padding-bottom: 0.8571428571vw;
  font-size: 2.8571428571vw;
}
.section__heading.highpage__course__heading p {
  padding-top: 1.3142857143vw;
}
.section__heading.highpage__feature__heading {
  padding-left: 2.8571428571vw;
}
.section__heading.highpage__feature__heading:after {
  top: 1.6vw;
}
.section__heading.highpage__feature__heading * {
  color: #fff;
}
.section__heading.highpage__feature__heading h2 {
  padding-bottom: 2.8571428571vw;
}
.section__heading.highpage__coursefeatures__heading * {
  color: #fff;
}
.section__heading.highpage__voice__heading:after, .section__heading.highpage__course__heading:after, .section__heading.highpage__flow__heading:after, .section__heading.highpage__faqs__heading:after {
  background-image: url(../img/high/heading-img-exclamation-blue.webp);
}
.section__heading.jr__features__heading, .section__heading.jr__faqs__heading {
  padding-left: 4vw;
  height: 8.8vw;
}
.section__heading.jr__features__heading h2, .section__heading.jr__faqs__heading h2 {
  font-size: 3.0285714286vw;
}
.section__heading.jr__features__heading:after, .section__heading.jr__faqs__heading:after {
  width: 2.6857142857vw;
}
.section__heading.jr__voice__heading {
  margin-left: 1.8285714286vw;
}
.section__heading.jr__voice__heading, .section__heading.jr__course__heading, .section__heading.jr__flow__heading {
  padding-left: 2.9714285714vw;
  height: 6.4vw;
}
.section__heading.jr__voice__heading:after, .section__heading.jr__course__heading:after, .section__heading.jr__flow__heading:after {
  width: 1.8857142857vw;
}
@media screen and (max-width: 767px) {
  .section__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section__heading.m-pcDf {
    display: none;
  }
  .section__heading.m-spDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section__heading p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .section__heading p {
    font-size: 4.644vw;
  }
}
@media screen and (max-width: 767px) {
  .section__heading h2 {
    padding-bottom: 0.6666666667vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .section__heading h2 {
    font-size: 8.216vw;
  }
}
@media screen and (max-width: 767px) {
  .section__heading.jr__features__heading, .section__heading.jr__faqs__heading {
    padding-left: 10.6666666667vw;
    height: 23.7333333333vw;
  }
  .section__heading.jr__features__heading h2, .section__heading.jr__faqs__heading h2 {
    font-size: 8.216vw;
  }
  .section__heading.jr__features__heading:after, .section__heading.jr__faqs__heading:after {
    width: 7.2vw;
  }
  .section__heading.jr__voice__heading {
    margin-left: 4.2666666667vw;
  }
  .section__heading.jr__voice__heading h2 {
    font-size: 9.8093333333vw;
  }
  .section__heading.jr__course__heading h2 {
    font-size: 9.8093333333vw;
  }
  .section__heading.jr__voice__heading, .section__heading.jr__course__heading, .section__heading.jr__flow__heading {
    padding-left: 6.9333333333vw;
    height: 14.9333333333vw;
  }
  .section__heading.jr__voice__heading:after, .section__heading.jr__course__heading:after, .section__heading.jr__flow__heading:after {
    width: 4.4vw;
  }
  .section__heading.jr__flow__heading {
    margin-left: 3.7333333333vw;
  }
  .section__heading.jr__flow__heading h2 {
    font-size: 9.8093333333vw;
  }
  .section__heading.jr__flow__heading:after {
    width: 5.2vw;
    height: 17.0666666667vw;
  }
  .section__heading.highpage__feature__heading, .section__heading.highpage__coursefeatures__heading, .section__heading.highpage__course__heading, .section__heading.highpage__voice__heading, .section__heading.highpage__flow__heading, .section__heading.highpage__faqs__heading {
    padding-top: 0;
    padding-left: 10vw;
  }
  .section__heading.highpage__feature__heading:after, .section__heading.highpage__coursefeatures__heading:after, .section__heading.highpage__course__heading:after, .section__heading.highpage__voice__heading:after, .section__heading.highpage__flow__heading:after, .section__heading.highpage__faqs__heading:after {
    width: 5.4666666667vw;
    height: 24vw;
  }
  .section__heading.highpage__feature__heading p, .section__heading.highpage__coursefeatures__heading p, .section__heading.highpage__course__heading p, .section__heading.highpage__voice__heading p, .section__heading.highpage__flow__heading p, .section__heading.highpage__faqs__heading p {
    padding-bottom: 2vw;
    font-size: 4vw;
  }
  .section__heading.highpage__feature__heading h2, .section__heading.highpage__coursefeatures__heading h2, .section__heading.highpage__course__heading h2, .section__heading.highpage__voice__heading h2, .section__heading.highpage__flow__heading h2, .section__heading.highpage__faqs__heading h2 {
    padding-bottom: 1.3333333333vw;
    font-size: 9.8666666667vw;
  }
  .section__heading.highpage__feature__heading span, .section__heading.highpage__coursefeatures__heading span, .section__heading.highpage__course__heading span, .section__heading.highpage__voice__heading span, .section__heading.highpage__flow__heading span, .section__heading.highpage__faqs__heading span {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section__heading.highpage__course__heading p {
    padding-top: 3.0666666667vw;
  }
  .section__heading.highpage__flow__heading h2 {
    letter-spacing: -0.1em;
  }
  .section__heading.highpage__feature__heading {
    padding-left: 10vw;
  }
  .section__heading.highpage__feature__heading:after {
    top: 0;
    width: 5.4666666667vw;
    height: 24vw;
  }
  .section__heading.highpage__coursefeatures__heading:after {
    top: 4.9333333333vw;
  }
  .section__heading.highpage__voice__heading:after, .section__heading.highpage__course__heading:after, .section__heading.highpage__flow__heading:after, .section__heading.highpage__faqs__heading:after {
    background-image: url(../img/high/heading-img-exclamation-blue.webp);
  }
}

/*-----------------------------------------------
Float Btn
------------------------------------------------*/
.float-btn {
  margin: 0;
  padding: 0;
  min-height: 29.7142857143vw;
  max-width: 5.3714285714vw;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 14;
  pointer-events: none;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  opacity: 0;
}
.float-btn .cta__btn__img {
  display: block;
}
.float-btn.visible {
  opacity: 1;
  pointer-events: auto;
}
.float-btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .float-btn {
    max-width: 100vw;
    min-height: 19.0666666667vw;
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    left: 0;
  }
}

/*-----------------------------------------------
BG 
------------------------------------------------*/
.box-request {
  margin-top: 0;
}

.bg {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg:before, .bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-repeat: no-repeat;
}
.bg.bg__highPage__KV {
  position: absolute;
  top: 6.0571428571vw;
  left: 0;
  width: 100%;
  height: 2002px;
  background-size: cover;
  background-position: top;
  background-image: url(../img/high/kv-bg.webp);
}
.bg.bg__highPage__KV:before, .bg.bg__highPage__KV:after {
  display: none;
}
@media screen and (max-width: 1040px) {
  .bg.bg__highPage__KV {
    top: 0;
    height: 200vw;
  }
}
@media screen and (min-width: 1900px) {
  .bg.bg__highPage__KV {
    top: 6.0571428571vw;
    height: 114.4vw;
  }
}
.bg.bg__highPage__features {
  margin-top: 5.7142857143vw;
  padding-bottom: 4.9142857143vw;
  border-top-left-radius: 4.5714285714vw;
  border-top-right-radius: 4.5714285714vw;
  background-image: url(../img/high/bg-features.webp);
  background-position: 0 -0.5vw;
  overflow: hidden;
}
.bg.bg__highPage__features:before, .bg.bg__highPage__features:after {
  display: none;
}
.bg.bg__highPage__voice {
  margin-top: -4.8vw;
  padding: 8.2285714286vw 0 9.7142857143vw;
  border-top-left-radius: 4.5714285714vw;
  border-top-right-radius: 4.5714285714vw;
  background-image: url(../img/high/bg-voice.webp);
  background-position: top;
  overflow: hidden;
}
.bg.bg__highPage__voice:before, .bg.bg__highPage__voice:after {
  display: none;
}
.bg.bg__jrPage__kv {
  top: 0;
  height: 161vw;
  position: absolute;
  background-size: cover;
  background-position: top;
  background-image: url(../img/jr/bg-kv.webp);
}
.bg.bg__jrPage__features {
  top: -4vw;
  height: 277.6571428571vw;
  position: absolute;
  background-size: 100%;
  background-position: top;
  background-image: url(../img/jr/bg-features.webp);
}
.bg.bg__jrPage__topRanks {
  position: absolute;
  top: 11.4285714286vw;
  width: 100%;
  height: 91.6571428571vw;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../img/jr/bg-topranks.webp);
}
.bg.bg__jrPage__topRanks:before, .bg.bg__jrPage__topRanks:after {
  display: none;
}
.bg.bg__jrPage__voice {
  margin-top: -12.5714285714vw;
  padding-bottom: 2.2857142857vw;
  z-index: 11;
}
.bg.bg__jrPage__voice:before, .bg.bg__jrPage__voice:after {
  top: -4.8571428571vw;
  height: 134.2857142857vw;
  height: 108%;
  z-index: 3;
  background-size: 100%;
  background-position: top;
  background-image: url(../img/jr/bg-voice.webp);
}
.bg.bg__jrPage__course {
  position: absolute;
}
.bg.bg__jrPage__course:after {
  top: 69.3714285714vw;
  height: 57.1428571429vw;
  z-index: 4;
  background-size: 100% 100%;
  background-position: top;
  background-image: url(../img/jr/bg-course.webp);
}
.bg.bg__jrPage__flow {
  padding-bottom: 4.5714285714vw;
  border-top-left-radius: 4vw;
  border-top-right-radius: 4vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../img/jr/bg-gradient.webp);
  position: relative;
  z-index: 12;
}
.bg.bg__jrPage__flow:before {
  top: 4.8571428571vw;
  left: 0;
  width: 35.2571428571vw;
  height: 213.1428571429vw;
  background-size: 100% 100%;
  background-position: top;
  background-image: url(../img/jr/flow-elem-1.webp);
  z-index: -1;
}
.bg.bg__jrPage__flow:after {
  content: "";
  position: absolute;
  top: 23.7142857143vw;
  left: auto;
  right: 0;
  width: 34.6857142857vw;
  height: 247.8285714286vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../img/jr/flow-elem-2.webp);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg.bg__highPage__KV {
    height: 470vw;
    height: 474vw;
    background-image: url(../img/high/sp/bg-kv.webp);
    background-size: 100% 95%;
    background-attachment: unset;
  }
  .bg.bg__highPage__features {
    margin-top: 0vw;
    margin-bottom: -8.6666666667vw;
    padding-bottom: 8.6666666667vw;
    border-top-left-radius: 8.4vw;
    border-top-right-radius: 8.4vw;
    background: linear-gradient(175deg, #6EA0D4 90%, #C0F6FF 103%);
  }
  .bg.bg__highPage__voice {
    margin-top: 0;
    padding: 12.5333333333vw 0 23.7333333333vw;
    border-top-left-radius: 8.4vw;
    border-top-right-radius: 8.4vw;
    background: linear-gradient(175deg, #f6d9d0 90%, #ffdbd5 103%);
  }
  .bg.bg__highPage__voice .voice__objects {
    position: absolute;
    top: 9.4666666667vw;
    left: 0;
    width: 100%;
    height: 1703.3333333333vw;
    height: 1714.333333vw;
    display: block;
  }
  .bg.bg__highPage__voice .voice__objects img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .bg.bg__jrPage__kv {
    height: 484.6666666667vw;
    background-size: cover;
    background-image: url(../img/jr/sp/bg-kv.webp);
  }
  .bg.bg__jrPage__topRanks {
    top: -2.6666666667vw;
    height: 826.6666666667vw;
    background-size: 100%;
    background-image: url(../img/jr/sp/bg-topranks.webp);
  }
  .bg.bg__jrPage__topRanks:after {
    display: block;
    top: 23vw;
    height: 100%;
    background-size: cover;
    background-image: url(../img/jr/sp/bg-topranks-mob.png);
  }
  .bg.bg__jrPage__voice {
    margin-top: -18.6666666667vw;
    padding-bottom: 0;
  }
  .bg.bg__jrPage__voice:before {
    display: none;
  }
  .bg.bg__jrPage__voice:after {
    top: -8vw;
    height: 567.4666666667vw;
    background-image: url(../img/jr/sp/bg-voice.webp);
  }
  .bg.bg__jrPage__course:before {
    display: none;
  }
  .bg.bg__jrPage__course:after {
    top: 19vw;
    height: 322.6vw;
    height: 353.6vw;
    background-image: url(../img/jr/sp/bg-course.webp);
  }
  .bg.bg__jrPage__flow {
    padding-bottom: 10.1333333333vw;
    border-top-left-radius: 9.3333333333vw;
    border-top-right-radius: 9.3333333333vw;
  }
  .bg.bg__jrPage__flow:before {
    top: 627vw;
    left: 0.8vw;
    width: 82.2666666667vw;
    height: 497.3333333333vw;
    background-image: url(../img/jr/sp/flow-elem-1.webp);
  }
  .bg.bg__jrPage__flow:after {
    top: 35vw;
    width: 80.9333333333vw;
    height: 578.2666666667vw;
    background-image: url(../img/jr/sp/flow-elem-2.webp);
  }
  .bg.bg__jrPage__flow__overlay {
    background: linear-gradient(175deg, #F7F3DE 0%, #FFE0C4 54%, #FFE3BE 89%);
  }
  .bg.bg__jrPage__flow__overlay:before {
    display: none;
  }
  .bg.bg__jrPage__flow__overlay:after {
    display: none;
  }
}

/*====================================================================
KV Section PC
====================================================================*/
.kv {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.kv__container {
  margin: 0 auto;
  width: 100%;
}
.kv__intr {
  padding: 9px 0 13px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  text-align: center;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .kv__intr {
    font-size: 12px;
  }
}
.kv__display {
  margin: auto;
  width: 100%;
  position: relative;
}
.kv__bg {
  margin: auto;
  width: 100%;
  max-width: 1645px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 -11vw;
  background-image: url(../img/jr/kv-bg.webp);
  border-radius: 352px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.kv__img {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  z-index: 2;
}
.kv__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kv__float__elem {
  position: absolute;
  height: auto;
  z-index: 3;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  display: block;
}
.kv__float__elem--1 {
  margin: auto;
  top: 80px;
  left: -740px;
  right: 0;
  max-width: 199px;
}
@media screen and (max-width: 940px) and (min-width: 768px) {
  .kv__float__elem--1 {
    top: 80px;
    right: auto;
    left: 0;
    max-width: 199px;
  }
}
.kv__float__elem--2 {
  margin: auto;
  bottom: 38px;
  left: 414px;
  left: -645px;
  right: 0;
  max-width: 204px;
}
@media screen and (max-width: 870px) and (min-width: 768px) {
  .kv__float__elem--2 {
    right: auto;
    left: 0;
    max-width: 150px;
  }
}
.kv__float__elem--3 {
  margin: auto;
  top: 18px;
  left: 0;
  right: -670px;
  max-width: 167px;
}
@media screen and (max-width: 835px) and (min-width: 768px) {
  .kv__float__elem--3 {
    left: auto;
    right: 0;
  }
}
.kv__float__elem--4 {
  margin: auto;
  position: relative;
  padding: 461px 0 44px;
  left: 35px;
  width: 100%;
  max-width: 489px;
}
.kv__float__elem--5 {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -38px;
  width: 100%;
  max-width: 238px;
}
.kv__float__elem--6 {
  margin: auto;
  top: 150px;
  left: 0;
  right: -700px;
  width: 100%;
  max-width: 403px;
}
@media screen and (max-width: 1107px) and (min-width: 768px) {
  .kv__float__elem--6 {
    right: 0;
    left: auto;
    top: 130px;
    max-width: 250px;
  }
}
.kv__float__elem--left {
  top: 13.1428571429vw;
  left: -7.8285714286vw;
  max-width: 33.2571428571vw;
  z-index: 1;
}
.kv__float__elem--right {
  top: -7.1428571429vw;
  right: -6.7428571429vw;
  max-width: 33.2571428571vw;
  z-index: 1;
  opacity: 0.5;
}
.kv__disp {
  margin: 0 auto;
  width: 100%;
  max-width: 1645px;
  height: 704px;
  position: relative;
  text-align: center;
}
.kv__disp__txt1 {
  margin: auto;
  display: inline-block;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 0.057em;
  line-height: 1.5;
  color: #1B2CAC;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
  vertical-align: text-top;
}
@media screen and (max-width: 767px) {
  .kv__disp__txt1 {
    font-size: 12px;
  }
}
.kv__disp__txt2 {
  font-size: 20.37px;
  font-weight: normal;
  letter-spacing: 0.49em;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .kv__disp__txt2 {
    font-size: 12px;
  }
}
.kv__disp__txt3 {
  font-size: 133.57px;
  font-weight: normal;
  letter-spacing: 0.22em;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .kv__disp__txt3 {
    font-size: 12px;
  }
}
.kv__disp__txt4 {
  margin: 11px auto 0;
  width: 100%;
  max-width: 555px;
  min-height: 32px;
  border: 1.4756px solid #1B2CAC;
  background-color: #1B2CAC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 20.37px;
  font-weight: normal;
  letter-spacing: 0.3em;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .kv__disp__txt4 {
    font-size: 12px;
  }
}

@media screen and (min-width: 1750px) {
  .kv__intr {
    padding: 0.5142857143vw 0 0.7428571429vw;
    font-size: 0.5714285714vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (min-width: 1750px) and (max-width: 767px) {
  .kv__intr {
    font-size: 12px;
  }
}
@media screen and (min-width: 1750px) {
  .kv__display {
    max-width: 94vw;
  }
  .kv__bg {
    max-width: 94vw;
    border-radius: 20.1142857143vw;
    background-size: 0 -200px;
  }
  .kv__float__elem--1 {
    top: 4.5714285714vw;
    left: -42.2857142857vw;
    max-width: 11.3714285714vw;
  }
  .kv__float__elem--2 {
    bottom: 2.1714285714vw;
    left: 23.6571428571vw;
    left: -36.8571428571vw;
    max-width: 11.6571428571vw;
  }
  .kv__float__elem--3 {
    top: 1.0285714286vw;
    right: -38.2857142857vw;
    max-width: 9.5428571429vw;
  }
  .kv__float__elem--4 {
    padding: 26.3428571429vw 0 44px;
    left: 2vw;
    max-width: 27.9428571429vw;
  }
  .kv__float__elem--5 {
    bottom: -2.1714285714vw;
    max-width: 13.6vw;
  }
  .kv__float__elem--6 {
    top: 8.5714285714vw;
    right: -40vw;
    max-width: 23.0285714286vw;
  }
  .kv__float__elem--left {
    top: 13.1428571429vw;
    left: -7.8285714286vw;
    max-width: 33.2571428571vw;
  }
  .kv__float__elem--right {
    top: -7.1428571429vw;
    right: -6.7428571429vw;
    max-width: 33.2571428571vw;
  }
}
/*====================================================================
KV Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .kv {
    margin: 0 auto;
    width: 100%;
  }
  .kv__container {
    margin: 0 auto;
    width: 100%;
  }
  .kv__intr {
    padding: 3.2vw 0 2.4vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
    text-align: center;
    position: relative;
    z-index: 3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .kv__intr {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .kv__display {
    margin-top: -7.6vw;
    width: 100%;
    height: auto;
  }
  .kv__bg {
    max-width: 100%;
    height: auto;
    background-image: none;
    border-radius: 0;
    position: relative;
  }
  .kv__img {
    margin: 0 auto;
    position: relative;
    max-width: 100%;
  }
  .kv__float__elem {
    display: none;
  }
  .kv__float__elem--5 {
    display: block;
    bottom: 9.6vw;
    max-width: 43.4666666667vw;
  }
}
/*====================================================================
Intr Section PC
====================================================================*/
.intr {
  margin: 30px auto 0;
}
@media screen and (min-width: 1750px) {
  .intr {
    margin: 1.7142857143vw auto 0;
  }
}
.intr__container {
  padding-bottom: 4.2857142857vw;
  position: relative;
}
.intr__contents {
  margin: 4.3428571429vw auto 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.8vw;
  position: relative;
  z-index: 3;
}
.intr__contentTexts {
  padding-top: 2vw;
}
.intr__ttl {
  margin: 0;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 1.8vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  position: relative;
}
@media screen and (max-width: 767px) {
  .intr__ttl {
    font-size: 12px;
  }
}
.intr__ttl:after {
  content: "";
  position: absolute;
  bottom: -0.1714285714vw;
  left: 0;
  width: 100%;
  height: 0.5714285714vw;
  background-color: #fff;
  z-index: -1;
}
.intr__ttl:first-of-type {
  margin-bottom: 1.5428571429vw;
}
.intr__desc {
  margin: 0;
  text-align: left;
  margin: 2.3428571429vw 0 1.1428571429vw;
  font-size: 1.0285714286vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.4;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .intr__desc {
    font-size: 12px;
  }
}
.intr__disc {
  margin: auto;
  position: relative;
  display: block;
  font-size: 0.8vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .intr__disc {
    font-size: 12px;
  }
}
.intr__img {
  position: absolute;
}
.intr__img--content {
  position: relative;
  bottom: 0;
  width: 31.7142857143vw;
}
.intr__img--1 {
  bottom: -5.6vw;
  left: -14.3428571429vw;
  width: 18.2857142857vw;
}
.intr__img--2 {
  top: 4.9142857143vw;
  right: -10.7428571429vw;
  width: 16.1142857143vw;
}

/*====================================================================
intr Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .intr {
    margin: 6.6666666667vw auto 0;
  }
  .intr__container {
    padding-bottom: 8vw;
    max-width: 100%;
  }
  .intr__contents {
    margin: 10.1333333333vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7.3333333333vw;
  }
  .intr__contentTexts {
    padding-top: 0;
    padding-left: 6.1333333333vw;
  }
  .intr__ttl {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intr__ttl {
    font-size: 7.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .intr__ttl:after {
    bottom: -0.6666666667vw;
    height: 2.4vw;
  }
  .intr__desc {
    margin: 6.6666666667vw auto 0;
    width: 84vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.3;
    color: #1B2CAC;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intr__desc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .intr__disc {
    margin-top: 6vw;
    left: 0;
    width: 84vw;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.72;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intr__disc {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .intr__img {
    display: none;
  }
  .intr__img.intr__img--content {
    display: block;
    width: 100%;
  }
}
/*====================================================================
cta Section PC
====================================================================*/
.cta {
  margin: 0 auto;
  width: 100%;
}
.cta__heading {
  margin: 0 auto -0.6857142857vw;
  width: 22.2857142857vw;
  min-height: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.5714285714vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .cta__heading {
    font-size: 12px;
  }
}
.cta__heading:after {
  margin: auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/cta-heading-bg.webp);
  z-index: -1;
}
.cta__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  gap: 2vw;
}
.cta__btns.left-btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
}
.cta__btns.right-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0;
}
.cta__btn {
  padding-right: 1.0285714286vw;
  width: 100%;
  max-width: 37.7142857143vw;
  min-height: 5.3714285714vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.8285714286vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  position: relative;
  background-color: #FF6371;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 9999px;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  -webkit-box-shadow: 0.1714285714vw 0.1714285714vw 0.4vw rgba(0, 0, 0, 0.77);
          box-shadow: 0.1714285714vw 0.1714285714vw 0.4vw rgba(0, 0, 0, 0.77);
}
@media screen and (max-width: 767px) {
  .cta__btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .cta__btn:hover {
    opacity: 0.7;
  }
}
.cta__btn:hover {
  color: #fff;
}
.cta__btn.btn--yellow {
  color: #FFFF9B;
}
.cta__btn:last-child {
  background-color: #E46000;
  color: #FFFF9B;
}
.cta__btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.3714285714vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.4571428571vw;
  height: 2.4571428571vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/cta-icon-arrow-right.webp);
}
.cta__btn.anchor-btn {
  max-width: 14.9142857143vw;
  min-height: 4.0571428571vw;
  font-size: 1.0285714286vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  background-image: url(../img/jr/cta-bg-1.webp);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .cta__btn.anchor-btn {
    font-size: 12px;
  }
}
.cta__btn.anchor-btn:after {
  width: 1.7142857143vw;
  height: 1.7142857143vw;
}
.cta__btn.anchor-btn.highPage {
  max-width: 23.3714285714vw;
  background-image: url(../img/high/cta-bg-1-highpage.webp);
}
.cta__btn.lesson-link-btn {
  max-width: 19.8857142857vw;
  min-height: 4.0571428571vw;
  font-size: 1.0285714286vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  background-image: url(../img/jr/cta-bg-2.webp);
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 767px) {
  .cta__btn.lesson-link-btn {
    font-size: 12px;
  }
}
.cta__btn.lesson-link-btn:after {
  width: 1.7142857143vw;
  height: 1.7142857143vw;
}

/*====================================================================
cta Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .cta.kvJr__cta {
    margin-top: -13.3333333333vw;
  }
  .cta.kvHigh__cta {
    margin-top: -4vw;
  }
  .cta__heading {
    margin: 0 auto -2.4vw;
    width: 74.4vw;
    min-height: 12vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.8vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cta__heading {
    font-size: 5.2546666667vw;
  }
}
@media screen and (max-width: 767px) {
  .cta__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.6666666667vw;
  }
  .cta__btns.left-btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .cta__btns.right-btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .cta__btn {
    padding-right: 2.8vw;
    max-width: 91.7333333333vw;
    min-height: 18vw;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
    -webkit-box-shadow: 0.5333333333vw 0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.77);
            box-shadow: 0.5333333333vw 0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.77);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cta__btn {
    font-size: 6.984vw;
  }
}
@media screen and (max-width: 767px) {
  .cta__btn:after {
    right: 6vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .cta__btn.anchor-btn {
    padding-right: 5.3333333333vw;
    max-width: 45.0666666667vw;
    min-height: 15.0666666667vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cta__btn.anchor-btn {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .cta__btn.anchor-btn:after {
    width: 7.7333333333vw;
    height: 7.7333333333vw;
  }
  .cta__btn.anchor-btn.highPage {
    max-width: 91.7333333333vw;
  }
  .cta__btn.lesson-link-btn {
    max-width: 70.9333333333vw;
    min-height: 14.4vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    color: #1B2CAC;
    background-image: url(../img/jr/sp/cta-bg-2.webp);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cta__btn.lesson-link-btn {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  .cta__btn.lesson-link-btn:after {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
  }
}
/*====================================================================
features Section PC
====================================================================*/
.features {
  margin: 6.6285714286vw auto 0;
  width: 100%;
}
.features__heading {
  margin-bottom: 2.4vw;
}
.features__itms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.features__itm {
  margin-bottom: 2.2857142857vw;
  padding: 2.6285714286vw 0 0;
  width: 100%;
  position: relative;
}
.features__itm:after {
  content: "";
  position: absolute;
  top: 8.8vw;
  left: -8.8571428571vw;
  width: 24.1714285714vw;
  height: 24.1714285714vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/features-float-1.webp);
  z-index: 1;
}
.features__itm:nth-child(even):after {
  left: auto;
  right: -8.8571428571vw;
  background-image: url(../img/jr/features-float-2.webp);
}
.features__itm:nth-child(even) .features__itm__pointNum {
  right: -0.7428571429vw;
  left: auto;
}
.features__itm:nth-child(even) .features__itm__img {
  margin: 0 0 0 auto;
}
.features__itm:nth-child(even) .features__itm__content {
  left: 0;
  right: auto;
}
.features__itm:nth-child(even) .features__itm__desc {
  background-image: url(../img/jr/features-2-desc-bubble.webp);
}
.features__itm:nth-child(1) {
  margin-top: 2.2857142857vw;
}
.features__itm:nth-child(1):after {
  top: 5.6vw;
}
.features__itm:nth-child(2) .features__itm__img {
  width: 36.2857142857vw;
}
.features__itm:nth-child(2) .features__itm__desc {
  padding-left: 2.4vw;
}
.features__itm:nth-child(2):after {
  top: 5.7714285714vw;
}
.features__itm:nth-child(3) .features__itm__desc {
  padding-left: 2.7428571429vw;
}
.features__itm:nth-child(3):after {
  top: 6.5142857143vw;
}
.features__itm:nth-child(4) .features__itm__desc {
  padding-left: 2.5714285714vw;
  height: 8.9142857143vw;
  background-image: url(../img/jr/features-4-desc-bubble.webp);
}
.features__itm:nth-child(4):after {
  top: 5.7714285714vw;
}
.features__itm:nth-child(5) .features__itm__desc {
  padding-left: 4.2857142857vw;
}
.features__itm:nth-child(5):after {
  top: 8.9142857143vw;
}
.features__itm:nth-child(6) {
  margin-bottom: 0;
}
.features__itm:nth-child(6) .features__itm__desc {
  margin-top: 1.7714285714vw;
  padding-top: 1.6vw;
  padding-left: 2.5714285714vw;
  padding-right: 0vw;
  height: 8.9142857143vw;
  background-image: url(../img/jr/features-4-desc-bubble.webp);
}
.features__itm:nth-child(6):after {
  top: 5.7714285714vw;
}
.features__itm__tag {
  position: absolute;
  top: 17.3714285714vw;
  left: -1.0285714286vw;
  width: 8.1142857143vw;
  display: block;
  z-index: 5;
}
.features__itm__pointNum {
  position: absolute;
  top: 0;
  left: -1.3142857143vw;
  right: auto;
  width: 9.0285714286vw;
  z-index: 4;
}
.features__itm__img {
  display: block;
  width: 35.4285714286vw;
  height: 22.7428571429vw;
  font-size: 0;
  z-index: 3;
  position: relative;
}
.features__itm__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.features__itm__content {
  position: absolute;
  top: 5.8857142857vw;
  right: 0;
  z-index: 3;
}
.features__itm__ttl {
  padding: 0 0.2857142857vw;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 2.452vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
  color: #fff;
  background-image: url(../img/jr/features-ttl-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  position: relative;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .features__itm__ttl {
    font-size: 12px;
  }
}
.features__itm__ttl:last-of-type {
  margin-top: -0.0571428571vw;
}
.features__itm__desc {
  margin-top: 1.1428571429vw;
  padding: 0.8571428571vw 1.1428571429vw 0.8571428571vw 1.7142857143vw;
  width: 30.2857142857vw;
  height: 7.2vw;
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.1;
  color: #1B2CAC;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/features-1-desc-bubble.webp);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .features__itm__desc {
    font-size: 12px;
  }
}
.features__itm__message {
  margin: 1.2571428571vw auto 0;
  width: 100%;
  max-width: 58.9714285714vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.1714285714vw;
  z-index: 3;
  position: relative;
}
.features__itm__message__thumb {
  display: block;
  width: 12.0571428571vw;
}
.features__itm__message__contents {
  margin-top: 0.8571428571vw;
  padding: 0.9142857143vw 3.3142857143vw 0.8vw 3.8857142857vw;
  width: 44.5714285714vw;
  border-radius: 5.7142857143vw;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.features__itm__message__contents:after {
  content: "";
  position: absolute;
  bottom: 2.6857142857vw;
  left: -1.6571428571vw;
  width: 3.4857142857vw;
  height: 2.0571428571vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/features-message-desc-clip.webp);
}
.features__itm__message__contents h3 {
  margin-bottom: 0.4571428571vw;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 1.0857142857vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .features__itm__message__contents h3 {
    font-size: 12px;
  }
}
.features__itm__message__contents h3:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  width: 100%;
  height: 0.5714285714vw;
  background-color: #FFFF00;
  z-index: -1;
}
.features__itm__message__contents p {
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7;
  color: #1B2CAC;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .features__itm__message__contents p {
    font-size: 12px;
  }
}
.features__itm__message__contents p span {
  position: relative;
}
.features__itm__message__contents p span.highlighted:after {
  content: "";
  position: absolute;
  bottom: -0.1142857143vw;
  left: 0;
  width: 100%;
  height: 0.5714285714vw;
  background-color: #FFFF00;
  z-index: -1;
}

/*====================================================================
features Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .features {
    margin: 11.0666666667vw auto 0;
    position: relative;
  }
  .features__container {
    position: relative;
    z-index: 10;
  }
  .features:after {
    content: "";
    position: absolute;
    top: -10.5vw;
    left: 0;
    width: 100%;
    height: 22vw;
    height: 222%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(../img/jr/sp/bg-features.png);
  }
  .features__heading {
    margin-bottom: 5.6vw;
  }
  .features__itms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .features__itm {
    margin-bottom: 16vw;
    padding-top: 0;
  }
  .features__itm:after {
    content: "";
    position: absolute;
    top: 29.3333333333vw;
    left: -12.4vw;
    width: 67.3333333333vw;
    height: 67.3333333333vw;
    background-size: 100%;
    background-image: url(../img/jr/features-float-1.webp);
    z-index: -1;
  }
  .features__itm:nth-child(even):after {
    left: -16vw;
    right: auto;
    background-image: url(../img/jr/features-float-2.webp);
  }
  .features__itm:nth-child(even) .features__itm__pointNum {
    right: -2.6666666667vw;
    left: auto;
  }
  .features__itm:nth-child(even) .features__itm__img {
    margin: 0;
  }
  .features__itm:nth-child(even) .features__itm__content {
    left: 0;
    right: auto;
  }
  .features__itm:nth-child(even) .features__itm__desc {
    background-image: url(../img/jr/sp/features-1-desc-bubble.webp);
  }
  .features__itm:nth-child(odd):after {
    left: auto;
    right: -18.6666666667vw;
    right: -22vw;
    background-image: url(../img/jr/sp/features-float-2.webp);
  }
  .features__itm:nth-child(1) {
    margin-top: 11.0666666667vw;
    margin-bottom: 16vw;
  }
  .features__itm:nth-child(1):after {
    top: 34vw;
    left: -15.4vw;
    right: auto;
    background-image: url(../img/jr/sp/features-float-2.webp);
  }
  .features__itm:nth-child(1) .features__itm__ttl {
    font-size: 6.9333333333vw;
  }
  .features__itm:nth-child(1) .features__itm__desc {
    margin-top: 51.7333333333vw;
    padding: 11vw 0 0 6.2666666667vw;
  }
  .features__itm:nth-child(2) {
    margin-bottom: 14.8vw;
  }
  .features__itm:nth-child(2) .features__itm__pointNum {
    top: 11.4666666667vw;
    right: -2.6666666667vw;
  }
  .features__itm:nth-child(2) .features__itm__img {
    margin-left: -2vw;
    top: 16vw;
    width: 102%;
  }
  .features__itm:nth-child(2) .features__itm__desc {
    margin-top: 52.8vw;
    padding: 11vw 0 0 6.2666666667vw;
  }
  .features__itm:nth-child(2):after {
    top: 29.3333333333vw;
    background-image: url(../img/jr/sp/features-float-2.webp);
  }
  .features__itm:nth-child(3) {
    margin-bottom: 15.4666666667vw;
  }
  .features__itm:nth-child(3) .features__itm__pointNum {
    top: 9.4666666667vw;
    right: -3.2vw;
  }
  .features__itm:nth-child(3) .features__itm__img {
    top: 13.8666666667vw;
  }
  .features__itm:nth-child(3) .features__itm__desc {
    margin-top: 50.1333333333vw;
    padding: 11vw 0 0 6.2666666667vw;
  }
  .features__itm:nth-child(3):after {
    top: 36vw;
    background-image: url(../img/jr/sp/features-float-1.webp);
  }
  .features__itm:nth-child(4) {
    margin-bottom: 13.0666666667vw;
  }
  .features__itm:nth-child(4) .features__itm__pointNum {
    top: 11.4666666667vw;
    right: -2.6666666667vw;
  }
  .features__itm:nth-child(4) .features__itm__img {
    top: 16vw;
  }
  .features__itm:nth-child(4) .features__itm__desc {
    margin-top: 52.8vw;
    padding: 11vw 0 0 6.2666666667vw;
    height: 48.9333333333vw;
    background-image: url(../img/jr/sp/features-4-desc-bubble.webp);
  }
  .features__itm:nth-child(4):after {
    top: 29.3333333333vw;
    background-image: url(../img/jr/sp/features-float-2.webp);
  }
  .features__itm:nth-child(5) {
    margin-bottom: 13.4666666667vw;
  }
  .features__itm:nth-child(5) .features__itm__pointNum {
    top: 12.5333333333vw;
    right: -2.6666666667vw;
  }
  .features__itm:nth-child(5) .features__itm__img {
    top: 16vw;
  }
  .features__itm:nth-child(5) .features__itm__desc {
    margin-top: 51.0666666667vw;
    padding: 11vw 0 0 6.2666666667vw;
  }
  .features__itm:nth-child(5):after {
    top: 32vw;
    background-image: url(../img/jr/sp/features-float-1.webp);
  }
  .features__itm:nth-child(6) {
    margin-bottom: 0;
  }
  .features__itm:nth-child(6) .features__itm__pointNum {
    top: 22.6666666667vw;
    right: -2.6666666667vw;
  }
  .features__itm:nth-child(6) .features__itm__ttl {
    font-size: 6.9333333333vw;
  }
  .features__itm:nth-child(6) .features__itm__img {
    top: 14.9333333333vw;
  }
  .features__itm:nth-child(6) .features__itm__desc {
    margin-top: 52.8vw;
    padding: 11vw 0 0 6.5333333333vw;
    height: 42.8vw;
    background-image: url(../img/jr/sp/features-4-desc-bubble.webp);
  }
  .features__itm:nth-child(6):after {
    top: 25.3333333333vw;
    background-image: url(../img/jr/sp/features-float-2.webp);
  }
  .features__itm__tag {
    top: 46.4vw;
    right: auto;
    left: -2.9333333333vw;
    width: 30.4vw;
    z-index: 2;
  }
  .features__itm__pointNum {
    top: 13.0666666667vw;
    right: -2.6666666667vw;
    left: auto;
    width: 26.6666666667vw;
    z-index: 2;
  }
  .features__itm__img {
    position: absolute;
    top: 15.0666666667vw;
    width: 100%;
    height: 59.3333333333vw;
    z-index: 1;
  }
  .features__itm__content {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    z-index: 2;
  }
  .features__itm__ttl {
    padding: 0 0.6666666667vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .features__itm__ttl {
    font-size: 7.3946666667vw;
  }
}
@media screen and (max-width: 767px) {
  .features__itm__ttl:last-of-type {
    margin-top: -0.1333333333vw;
  }
  .features__itm__desc {
    padding: 10.6666666667vw 3.3333333333vw 4.6666666667vw 3.3333333333vw;
    width: 100%;
    height: 42.8vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    color: #1B2CAC;
    background-image: url(../img/jr/sp/features-1-desc-bubble.webp);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .features__itm__desc {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .features__itm__message {
    margin: 5.3333333333vw auto 0;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.2vw;
  }
  .features__itm__message__thumb {
    margin-left: 12.6666666667vw;
    width: 59.8666666667vw;
  }
  .features__itm__message__contents {
    margin-top: 0;
    padding: 5.6vw 1.8666666667vw 5.3333333333vw 1.8666666667vw;
    width: 100%;
    border-radius: 11.0666666667vw;
  }
  .features__itm__message__contents:after {
    top: -9.3333333333vw;
    bottom: auto;
    left: 42.2666666667vw;
    width: 11.3333333333vw;
    height: 18.8vw;
    background-image: url(../img/jr/sp/features-message-desc-clip.webp);
  }
  .features__itm__message__contents h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .features__itm__message__contents h3 {
    font-size: 5.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .features__itm__message__contents h3:after {
    bottom: 1.0666666667vw;
    height: 1.6666666667vw;
  }
  .features__itm__message__contents p {
    margin-top: 1.3333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .features__itm__message__contents p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .features__itm__message__contents p span {
    position: relative;
  }
  .features__itm__message__contents p span.highlighted {
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1.6666666667vw, #FFFF00), color-stop(1.6666666667vw, transparent));
    background: linear-gradient(to top, #FFFF00 1.6666666667vw, transparent 1.6666666667vw);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  .features__itm__message__contents p span.highlighted:after {
    display: none;
  }
  .features__itm__message:after {
    content: "";
    position: absolute;
    top: 26.1333333333vw;
    right: -18.6666666667vw;
    width: 67.3333333333vw;
    height: 67.3333333333vw;
    background-size: 100%;
    background-image: url(../img/jr/sp/features-float-1.webp);
    z-index: -1;
  }
}
/*====================================================================
topRanks Section PC
====================================================================*/
.topRanks {
  margin: 2.4vw auto 2vw;
  width: 100%;
}
.topRanks__disc {
  margin-top: 1.4285714286vw;
  font-size: 0.6857142857vw;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .topRanks__disc {
    font-size: 12px;
  }
}

/*====================================================================
topRanks Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .topRanks {
    margin: 12.2666666667vw auto 10.1333333333vw;
    position: relative;
  }
  .topRanks__wrapper {
    padding: 7.3333333333vw 5.4666666667vw 6.6666666667vw;
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/jr/sp/topranks-bg.webp);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4vw;
  }
  .topRanks__heading {
    margin: 0 auto 5.6vw;
    width: 72vw;
    display: block;
  }
  .topRanks__itms {
    display: block;
  }
  .topRanks__itm {
    margin-bottom: 4.6666666667vw;
    display: block;
  }
  .topRanks__itm.hidden {
    display: none;
  }
  .topRanks__itm:last-child {
    margin-bottom: 0;
  }
  .topRanks__addBtn {
    margin: 6.6666666667vw auto 0;
    width: 100%;
    max-width: 13.3333333333vw;
    display: block;
  }
  .topRanks__disc {
    margin-top: 4.5333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.52;
    color: #1B2CAC;
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .topRanks__disc {
    font-size: 3.3333333333vw;
  }
}
/*====================================================================
whatsMore Section PC
====================================================================*/
.whatsMore {
  margin: 3.0285714286vw auto 4.8vw;
  width: 100%;
}
.whatsMore__heading {
  margin: 0 auto 1.8857142857vw;
  width: 14.8571428571vw;
  height: 3.0285714286vw;
  font-size: 2.4571428571vw;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #1B2CAC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .whatsMore__heading {
    font-size: 12px;
  }
}
.whatsMore__heading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/whatsmore-heading-ttl-bg.webp);
}
.whatsMore__itms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.2vw 1.0285714286vw;
}
.whatsMore__itm {
  padding: 0.5714285714vw 0.7428571429vw 0.5714285714vw;
  width: 19.2571428571vw;
  background-color: #fff;
  border-radius: 1.7142857143vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.whatsMore__itm__ttl {
  text-align: center;
  font-size: 1.5428571429vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__ttl {
    font-size: 12px;
  }
}
.whatsMore__itm__desc {
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__desc {
    font-size: 12px;
  }
}
.whatsMore__itm__disc {
  margin-top: 0.5714285714vw;
  font-size: 0.6285714286vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__disc {
    font-size: 12px;
  }
}
.whatsMore__itm__img {
  margin: 0.8571428571vw auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 9.1428571429vw;
}
.whatsMore__itm:nth-child(1) .whatsMore__itm__img {
  width: 6.6285714286vw;
}
.whatsMore__itm:nth-child(2) .whatsMore__itm__img {
  width: 100%;
}
.whatsMore__itm:nth-child(3) .whatsMore__itm__img {
  width: 8.6285714286vw;
}
.whatsMore__itm:nth-child(4) .whatsMore__itm__img {
  width: 14.7428571429vw;
}
.whatsMore__itm:nth-child(5) .whatsMore__itm__img {
  width: 9.8285714286vw;
}
.whatsMore__itm:nth-child(6) .whatsMore__itm__img {
  width: 15.4285714286vw;
}

/*====================================================================
whatsMore Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .whatsMore {
    margin: 15.4666666667vw auto 9.8666666667vw;
  }
  .whatsMore__heading {
    margin: 0 auto 5.3333333333vw;
    width: 41.4666666667vw;
    height: 8.5333333333vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1.4;
    color: #1B2CAC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .whatsMore__heading {
    font-size: 6.9573333333vw;
  }
}
@media screen and (max-width: 767px) {
  .whatsMore__heading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/jr/whatsmore-heading-ttl-bg.webp);
  }
  .whatsMore__itms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.4666666667vw;
  }
  .whatsMore__itm {
    padding: 4.4vw 1.7333333333vw 4.6666666667vw 32.5333333333vw;
    width: 100%;
    border-radius: 4vw;
    position: relative;
  }
  .whatsMore__itm__ttl {
    margin-bottom: 2vw;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .whatsMore__itm__ttl {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__desc {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.8;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .whatsMore__itm__desc {
    font-size: 3.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__disc {
    margin-top: 1.3333333333vw;
    display: none;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .whatsMore__itm__disc {
    font-size: 1.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .whatsMore__itm__img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 3.2vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
  }
  .whatsMore__itm__img img {
    margin: 0 auto;
    display: block;
  }
  .whatsMore__itm:nth-child(1) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(1) .whatsMore__itm__img img {
    width: 15.4666666667vw;
  }
  .whatsMore__itm:nth-child(2) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(2) .whatsMore__itm__img img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(3) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(3) .whatsMore__itm__img img {
    width: 20.6666666667vw;
  }
  .whatsMore__itm:nth-child(4) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(4) .whatsMore__itm__img img {
    width: 15.7333333333vw;
  }
  .whatsMore__itm:nth-child(5) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(5) .whatsMore__itm__img img {
    width: 22.9333333333vw;
  }
  .whatsMore__itm:nth-child(6) .whatsMore__itm__img {
    width: 26.6666666667vw;
  }
  .whatsMore__itm:nth-child(6) .whatsMore__itm__img img {
    width: 24vw;
  }
}
.slideshow {
  margin-top: 3.1428571429vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  pointer-events: none;
  overflow: hidden;
}
.slideshow.highPage__Slider {
  margin-top: 4.8571428571vw;
  margin-bottom: 5.7142857143vw;
}
.slideshow.first-slider {
  margin-top: 2.5714285714vw;
  padding-bottom: 3.7714285714vw;
}
.slideshow:after {
  display: none;
}
.slideshow .swiper-wrapper {
  height: 7.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.slideshow .swiper-wrapper:after {
  display: none;
}
.slideshow .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slideshow .slick-list {
  margin: 0 -1.8285714286vw;
}
.slideshow .slides {
  width: 100%;
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  margin: 0 1.8285714286vw;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5.0857142857vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  color: #fff;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .slideshow .slides {
    font-size: 12px;
  }
}
.slideshow .slides:after {
  display: none;
}

/*====================================================================
whatsMore Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .slideshow {
    margin-top: 12.9333333333vw;
  }
  .slideshow.highPage__Slider {
    margin-top: 2vw;
    margin-bottom: 6vw;
  }
  .slideshow.first-slider {
    margin-top: 10vw;
    padding-bottom: 15vw;
  }
  .slideshow.second-slideshow {
    margin-top: 9.3333333333vw;
    padding-bottom: 1.3333333333vw;
  }
  .slideshow .slick-list {
    margin: 0 -33.3333333333vw;
  }
  .slideshow .slides {
    width: auto;
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    margin: 0 6.6666666667vw;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: normal;
    color: #fff;
    word-break: keep-all;
    white-space: nowrap;
    overflow: visible;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .slideshow .slides {
    font-size: 10.6666666667vw;
  }
}
/*====================================================================
voice Section PC
====================================================================*/
.voice {
  margin: 3.8285714286vw auto 3.2vw;
  width: 100%;
}
.voice__kv {
  width: 100%;
  height: 40vw;
  display: block;
}
.voice__itms {
  margin: 3.7714285714vw auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.4285714286vw;
  position: relative;
}
.voice__itms:before, .voice__itms:after {
  content: "";
  position: absolute;
  width: 24.1714285714vw;
  height: 24.1714285714vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/voice-float-elem.webp);
  z-index: -1;
}
.voice__itms:before {
  top: 0;
  left: -8.1142857143vw;
}
.voice__itms:after {
  bottom: -4.8571428571vw;
  right: -8.1142857143vw;
}
.voice__itm {
  width: 100%;
  max-width: calc(25% - 0.7142857143vw);
}
.voice__itm__img {
  margin: 0 auto;
  width: 8.9142857143vw;
  display: block;
}
.voice__itm__details {
  margin-top: -3.7714285714vw;
  min-height: 18.1714285714vw;
  padding: 1.4857142857vw 0.4571428571vw 1.1428571429vw 0.6857142857vw;
  border-radius: 1.7142857143vw;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.voice__itm__details:after {
  content: "";
  position: absolute;
  top: -1.1428571429vw;
  left: 5.4857142857vw;
  width: 1.6571428571vw;
  height: 1.1428571429vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/voice-bubble-tip.webp);
}
.voice__itm__details h3 {
  margin-bottom: 0.5714285714vw;
  padding-right: 0.1142857143vw;
  width: auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 0.9142857143vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .voice__itm__details h3 {
    font-size: 12px;
  }
}
.voice__itm__details h3:after {
  content: "";
  position: absolute;
  bottom: -0.1142857143vw;
  left: 0;
  width: 100%;
  height: 0.4571428571vw;
  background-color: #FFFF00;
  z-index: -1;
}
.voice__itm__details p {
  font-size: 0.8vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .voice__itm__details p {
    font-size: 12px;
  }
}

/*====================================================================
voice Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .voice {
    margin: 6.9333333333vw auto 16.4vw;
  }
  .voice__kv {
    display: block;
    height: 66.4vw;
  }
  .voice__itms {
    margin: 6.9333333333vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .voice__itms:before, .voice__itms:after {
    display: none;
  }
  .voice__itm {
    max-width: 100%;
    position: relative;
  }
  .voice__itm:after {
    display: block;
    content: "";
    position: absolute;
    top: -4.8vw;
    left: -26.9333333333vw;
    width: 56.4vw;
    height: 56.4vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/jr/voice-float-elem.webp);
    z-index: -1;
  }
  .voice__itm:nth-child(even):after {
    top: 12.5333333333vw;
    left: auto;
    right: -25.3333333333vw;
  }
  .voice__itm__img {
    width: 42vw;
  }
  .voice__itm__details {
    margin-top: -21.0666666667vw;
    min-height: 54.6666666667vw;
    padding: 6.6666666667vw 0.6666666667vw 5.3333333333vw 2.1333333333vw;
    border-radius: 11.0666666667vw;
  }
  .voice__itm__details:after {
    top: -8.5333333333vw;
    left: 38.6666666667vw;
    width: 14.5333333333vw;
    height: 10.1333333333vw;
    background-image: url(../img/jr/sp/voice-bubble-tip.webp);
  }
  .voice__itm__details h3 {
    margin-bottom: 2.6666666667vw;
    padding-right: 0.2666666667vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .voice__itm__details h3 {
    font-size: 5.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__itm__details h3:after {
    bottom: -0.2666666667vw;
    height: 2.6666666667vw;
  }
  .voice__itm__details p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .voice__itm__details p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__itm:nth-child(1) {
    margin-bottom: 8.9333333333vw;
  }
  .voice__itm:nth-child(1) .voice__itm__details {
    margin-top: -21.0666666667vw;
    min-height: 56vw;
  }
  .voice__itm:nth-child(2) {
    margin-bottom: 8.9333333333vw;
  }
  .voice__itm:nth-child(2) .voice__itm__details {
    margin-top: -17.2vw;
    min-height: 49.8666666667vw;
  }
  .voice__itm:nth-child(3) {
    margin-bottom: 9.4666666667vw;
  }
  .voice__itm:nth-child(3) .voice__itm__details {
    margin-top: -20.5333333333vw;
    min-height: 56vw;
  }
  .voice__itm:nth-child(4) {
    margin-bottom: 0;
  }
  .voice__itm:nth-child(4) .voice__itm__details {
    margin-top: -19.0666666667vw;
    min-height: 56vw;
  }
}
/*====================================================================
course Section SP
====================================================================*/
.course {
  margin: 4.6857142857vw auto 2.7428571429vw;
}
.course__container {
  position: relative;
}
.course__cta {
  position: absolute;
  top: 2.2285714286vw;
  right: 0;
}
.course__img {
  margin: 3.4285714286vw auto 0;
  display: block;
}
.course__wrapperFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.8571428571vw;
}
.course__wrapper {
  margin: 3.4285714286vw auto 0;
  width: 100%;
  max-width: 28.5714285714vw;
  border-radius: 2.0571428571vw;
  background-color: #fff;
  overflow: hidden;
}
.course__wrapper:nth-child(2) .course__mainTtl {
  background: #F1D0B6;
  background: -webkit-gradient(linear, left top, right top, color-stop(22%, rgb(241, 208, 182)), color-stop(90%, rgb(255, 224, 0)));
  background: linear-gradient(90deg, rgb(241, 208, 182) 22%, rgb(255, 224, 0) 90%);
  color: #1B2CAC;
}
.course__wrapper:nth-child(2) .course__mainTtl span {
  color: #1B2CAC;
}
.course__mainTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 4.3428571429vw;
  font-size: 1.6571428571vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  background-color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .course__mainTtl {
    font-size: 12px;
  }
}
.course__mainTtl span {
  margin-top: 0.5714285714vw;
  font-size: 0.8571428571vw;
  font-weight: 500;
}
.course__body {
  min-height: 23.8857142857vw;
  padding: 1.9428571429vw 1.3714285714vw 0.8571428571vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.course__subTtl {
  margin: 0 auto 2.1142857143vw;
  padding-bottom: 0.2285714286vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3142857143vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #FF0000;
  text-align: center;
  border-bottom: 0.1142857143vw solid #FF0000;
}
@media screen and (max-width: 767px) {
  .course__subTtl {
    font-size: 12px;
  }
}
.course__subTtl span.smallTxt {
  bottom: 0.3428571429vw;
  position: relative;
}
.course__subTtl span.bigTxt {
  padding-left: 0.5714285714vw;
  font-size: 2.6594285714vw;
}
.course__listItms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.course__listItm {
  display: block;
}
.course__listItm.elem-individual-instruction {
  margin-bottom: 2.4vw;
}
.course__listItm.jr-individual-instruction {
  margin-bottom: 1.2571428571vw;
}
.course__listItm.jr-video-lesson {
  margin-bottom: 1.3714285714vw;
}
.course__listItm__ttl {
  margin-bottom: 0.9714285714vw;
  font-size: 1.3714285714vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .course__listItm__ttl {
    font-size: 12px;
  }
}
.course__listItm__ttl span {
  font-size: 0.8571428571vw;
  font-weight: 400;
}
.course__listItm__desc {
  margin-left: 1.0857142857vw;
  padding: 0.1142857143vw 0.1714285714vw 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: 1.3714285714vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  color: #1B2CAC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .course__listItm__desc {
    font-size: 12px;
  }
}
.course__listItm__desc.highlights {
  background-color: #FFFF00;
  line-height: 1;
}

/*====================================================================
course Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .course {
    margin: 15.8666666667vw auto 12.9333333333vw;
  }
  .course__cta {
    margin: 6.9333333333vw 0 7.4666666667vw;
    position: relative;
    top: 0;
    right: 0;
  }
  .course__img {
    margin: 0;
  }
  .course__wrapperFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7.2vw;
  }
  .course__wrapper {
    margin: 0 auto;
    max-width: 100%;
    border-radius: 6.6666666667vw;
  }
  .course__wrapper:nth-child(1) .course__body {
    min-height: 81.7333333333vw;
  }
  .course__wrapper:nth-child(2) .course__body {
    min-height: 101.3333333333vw;
  }
  .course__mainTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 19.2vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__mainTtl {
    font-size: 7.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .course__mainTtl span {
    margin-top: 1.8666666667vw;
    font-size: 4vw;
    font-weight: 500;
  }
  .course__body {
    padding: 5.4666666667vw 6.8vw 13.3333333333vw;
  }
  .course__subTtl {
    margin: 0 auto 4.9333333333vw;
    padding-bottom: 0.5333333333vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #FF0000;
    border-bottom: 0.4vw solid #FF0000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__subTtl {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .course__subTtl span.smallTxt {
    bottom: 1.0666666667vw;
  }
  .course__subTtl span.bigTxt {
    padding-left: 1.4666666667vw;
    font-size: 9.2vw;
  }
  .course__listItms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .course__listItm.elem-individual-instruction {
    margin-bottom: 6.8vw;
  }
  .course__listItm.jr-individual-instruction {
    margin-bottom: 6.9333333333vw;
  }
  .course__listItm.jr-video-lesson {
    margin-bottom: 8vw;
  }
  .course__listItm__ttl {
    margin-bottom: 2.4vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__listItm__ttl {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .course__listItm__ttl span {
    margin-top: 2vw;
    padding-left: 4.2666666667vw;
    display: block;
    font-size: 3.7333333333vw;
  }
  .course__listItm__desc {
    margin-left: 4vw;
    padding: 0.2666666667vw 0.4vw 0;
    min-height: 4.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.6;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__listItm__desc {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .course__listItm__desc:nth-child(1) {
    margin-bottom: 0.8vw;
  }
  .course__listItm__desc:nth-child(2) {
    padding-left: 1.3333333333vw;
    margin-left: 0;
    margin-bottom: 2.6666666667vw;
  }
  .course__listItm__priceBlock {
    min-height: 9.3333333333vw;
  }
  .course__listItm__price {
    padding-left: 1.0666666667vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__listItm__price {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .course__listItm__price.custom-3rd-desc {
    padding-top: 0;
  }
  .course__listItm__price span.label {
    width: 21.3333333333vw;
  }
  .course__listItm__price span.ebTag {
    padding: 0.2666666667vw 0.1333333333vw 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__listItm__price span.ebTag {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .course__listItm__price span.discountedPrice {
    margin-left: 1.6vw;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.5;
    color: #FF0000;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__listItm__price span.discountedPrice {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .course__disc {
    margin-top: 0.6666666667vw;
    margin-left: 2.8vw;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .course__disc {
    font-size: 3.3333333333vw;
  }
}
/*====================================================================
flow Section PC
====================================================================*/
.flow {
  margin: 0 auto 0;
  padding-top: 4.8vw;
  width: 100%;
}
.flow__container {
  margin: 0 auto;
  width: 100%;
}
.flow__intr {
  margin: 2.0571428571vw 0 1.7142857143vw;
  padding-left: 1.7714285714vw;
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__intr {
    font-size: 12px;
  }
}
.flow__intr__img {
  margin: 0;
  display: block;
  width: 100%;
}
.flow__intr__img--1 {
  margin: 3.0857142857vw auto 1.8285714286vw;
}
.flow__qa {
  margin-top: 2.5714285714vw;
  margin-bottom: 1.7142857143vw;
}
.flow__qa__heading {
  margin: 0 auto;
  width: 36.1142857143vw;
  display: block;
}
.flow__qa__heading--2 {
  margin: -1.1428571429vw auto 0;
  text-align: center;
  font-size: 2.452vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.37;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__qa__heading--2 {
    font-size: 12px;
  }
}
.flow__qa__block {
  margin: -5.4285714286vw auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.6571428571vw;
}
.flow__qa__itm {
  width: 28.8vw;
  position: relative;
}
.flow__qa__itm.left .flow__qa__itm__contents {
  width: 100%;
  height: 21.4285714286vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/qa-itm-bg-blue.webp);
}
.flow__qa__itm.left .flow__qa__itm__contents p {
  color: #fff;
}
.flow__qa__itm.left:after {
  display: none;
}
.flow__qa__itm.right {
  padding-top: 1.4857142857vw;
}
.flow__qa__itm.right .flow__qa__itm__contents {
  padding-left: 9.1428571429vw;
  width: 100%;
  height: 21.4285714286vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/qa-itm-bg-white.webp);
}
.flow__qa__itm.right:before {
  display: none;
}
.flow__qa__itm:before {
  content: "";
  position: absolute;
  top: -2.5142857143vw;
  left: 4.4vw;
  width: 2.9142857143vw;
  height: 9.2vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/qa-img-exclamation.webp);
}
.flow__qa__itm:after {
  content: "";
  position: absolute;
  top: -2.5714285714vw;
  right: 2.2857142857vw;
  width: 7.2571428571vw;
  height: 9.3714285714vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/qa-img-question.webp);
}
.flow__qa__itm__figure {
  margin: 0 auto 0;
  width: 8.9142857143vw;
  display: block;
}
.flow__qa__itm__contents {
  margin-top: -2.8571428571vw;
  padding: 4.5714285714vw 0 0 7.7142857143vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flow__qa__itm__contents p {
  font-size: 1.0285714286vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__qa__itm__contents p {
    font-size: 12px;
  }
}
.flow__message {
  margin: 1.2571428571vw auto 0;
  width: 100%;
  max-width: 58.9714285714vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.1714285714vw;
  z-index: 3;
  position: relative;
}
.flow__message__thumb {
  display: block;
  width: 20.2285714286vw;
}
.flow__message__contents {
  margin-top: 3.7142857143vw;
  padding: 1.7142857143vw 5.1428571429vw 1.1428571429vw 4.2857142857vw;
  width: 37.4285714286vw;
  border-radius: 5.6vw;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.flow__message__contents:after {
  content: "";
  position: absolute;
  bottom: 4.1714285714vw;
  left: -1.8285714286vw;
  width: 3.4857142857vw;
  height: 2.0571428571vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/jr/features-message-desc-clip.webp);
}
.flow__message__contents h3 {
  margin-bottom: 0.5714285714vw;
  font-size: 2.452vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.37;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__message__contents h3 {
    font-size: 12px;
  }
}
.flow__message__contents p {
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__message__contents p {
    font-size: 12px;
  }
}
.flow__steps {
  margin: 5.7714285714vw auto 2.2857142857vw;
  width: 100%;
  max-width: 60vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.1714285714vw;
}
.flow__stepItm {
  padding: 0 1.4285714286vw 1.1428571429vw;
  width: 18.4571428571vw;
  min-height: 6.8vw;
  border-radius: 1.7142857143vw;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flow__stepItm:after {
  margin: auto;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2.2857142857vw;
  width: 2.5142857143vw;
  height: 1.3714285714vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(../img/jr/flow-steps-arrow.webp);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.flow__stepItm__num {
  margin: -4.2285714286vw auto 1.2vw;
  width: 5.2vw;
}
.flow__stepItm__img {
  margin: 0 auto 1.0285714286vw;
  display: block;
}
.flow__stepItm__img img {
  margin: 0;
  display: block;
}
.flow__stepItm h3 {
  margin-bottom: 0.5714285714vw;
  text-align: center;
  font-size: 1.1428571429vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__stepItm h3 {
    font-size: 12px;
  }
}
.flow__stepItm p {
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .flow__stepItm p {
    font-size: 12px;
  }
}
.flow__stepItm:nth-child(1) .flow__stepItm__img img {
  margin-left: 0.8571428571vw;
  width: 5.7714285714vw;
}
.flow__stepItm:nth-child(2) .flow__stepItm__img img {
  width: 9.7714285714vw;
}
.flow__stepItm:nth-child(3) {
  background: #F1D0B6;
  background: -webkit-gradient(linear, left top, right top, color-stop(22%, rgb(241, 208, 182)), color-stop(90%, rgb(255, 224, 0)));
  background: linear-gradient(90deg, rgb(241, 208, 182) 22%, rgb(255, 224, 0) 90%);
}
.flow__stepItm:nth-child(3) .flow__stepItm__img img {
  margin-left: 1.2571428571vw;
  width: 11.6571428571vw;
}
.flow__stepItm:nth-child(3):after {
  display: none;
}

/*====================================================================
flow Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .flow {
    padding-top: 11.7333333333vw;
  }
  .flow .siteContainer {
    max-width: 100%;
  }
  .flow .flow__heading {
    margin: auto;
    max-width: 93%;
  }
  .flow__container {
    padding: 0;
  }
  .flow__intr {
    margin: 4.8vw 0 4vw;
    padding-left: 4.1333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2;
    color: #1B2CAC;
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__intr {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__intr__img {
    margin: 19.2vw auto 0;
  }
  .flow__intr__img--1 {
    margin: 14.9333333333vw auto 0;
    width: 100%;
    max-width: 94.8vw;
  }
  .flow__qa {
    margin-top: 14.9333333333vw;
    margin-bottom: 19.2vw;
  }
  .flow__qa__heading {
    width: 90.2666666667vw;
  }
  .flow__qa__heading--2 {
    margin: -8vw auto 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.37;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__qa__heading--2 {
    font-size: 5.7213333333vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__qa__block {
    margin: 4vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6vw;
  }
  .flow__qa__itm {
    width: 94.8vw;
  }
  .flow__qa__itm.left .flow__qa__itm__contents {
    height: 70.4vw;
  }
  .flow__qa__itm.left:after {
    display: block;
  }
  .flow__qa__itm.right {
    padding-top: 0;
  }
  .flow__qa__itm.right .flow__qa__itm__contents {
    padding-left: 26.6666666667vw;
    height: 70.4vw;
  }
  .flow__qa__itm.right:before {
    top: 1.6vw;
    display: block;
  }
  .flow__qa__itm.right:after {
    top: 1.6vw;
  }
  .flow__qa__itm:before {
    top: -5.8666666667vw;
    left: 10.2666666667vw;
    width: 6.8vw;
    height: 21.4666666667vw;
  }
  .flow__qa__itm:after {
    top: -6vw;
    right: 5.3333333333vw;
    width: 16.9333333333vw;
    height: 21.8666666667vw;
  }
  .flow__qa__itm__figure {
    width: 29.3333333333vw;
  }
  .flow__qa__itm__contents {
    margin-top: -9.3333333333vw;
    padding: 13.3333333333vw 0 0 22.4vw;
  }
  .flow__qa__itm__contents p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__qa__itm__contents p {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__message {
    margin: 5.3333333333vw auto 0;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
  .flow__message__thumb {
    margin-top: 3.0666666667vw;
    margin-left: -14vw;
    width: 64vw;
    position: relative;
    z-index: 1;
  }
  .flow__message__contents {
    margin-top: 0;
    margin-left: -1.0666666667vw;
    padding: 5.6vw 0.6666666667vw 5.3333333333vw 3.7333333333vw;
    width: 51.0666666667vw;
    border-top-left-radius: 10.6666666667vw;
    border-bottom-left-radius: 10.6666666667vw;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .flow__message__contents:after {
    top: auto;
    bottom: 20.4vw;
    left: -6vw;
    width: 10.5333333333vw;
    height: 6.2666666667vw;
    background-image: url(../img/jr/features-message-desc-clip.webp);
    z-index: -1;
  }
  .flow__message__contents h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__message__contents h3 {
    font-size: 4.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__message__contents p {
    margin-top: 1.3333333333vw;
    padding-right: 2vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__message__contents p {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__steps {
    margin: 9.6vw auto 11.2vw;
    max-width: 93%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 17.3333333333vw;
  }
  .flow__stepItm {
    padding: 3.0666666667vw 4.4vw 3.4666666667vw;
    width: 100%;
    min-height: 93.8666666667vw;
    border-radius: 6.6666666667vw;
    display: block;
    position: relative;
    text-align: left;
  }
  .flow__stepItm:after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -13.3333333333vw;
    width: 15.0666666667vw;
    height: 8.9333333333vw;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .flow__stepItm__img {
    margin: 0 auto;
  }
  .flow__stepItm__num {
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    width: 14.5333333333vw;
  }
  .flow__stepItm h3 {
    margin: 5.7333333333vw 0 0 2.6666666667vw;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
    vertical-align: top;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__stepItm h3 {
    font-size: 8.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__stepItm p {
    padding-left: 16.1333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.1;
    color: #1B2CAC;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .flow__stepItm p {
    font-size: 4.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__stepItm:nth-child(1) .flow__stepItm__num {
    margin-left: 13.0666666667vw;
  }
  .flow__stepItm:nth-child(1) .flow__stepItm__img img {
    margin: 4.6666666667vw auto 8vw;
    padding: 0;
    width: 28.9333333333vw;
  }
  .flow__stepItm:nth-child(1) p {
    padding-left: 16.1333333333vw;
  }
  .flow__stepItm:nth-child(2) .flow__stepItm__num {
    margin-left: 0vw;
  }
  .flow__stepItm:nth-child(2) h3 {
    font-size: 6.4vw;
  }
  .flow__stepItm:nth-child(2) .flow__stepItm__img img {
    margin: 1.3333333333vw 0 6.6666666667vw 17.6vw;
    padding: 0;
    width: 48.8vw;
  }
  .flow__stepItm:nth-child(2) p {
    padding-left: 15.3333333333vw;
  }
  .flow__stepItm:nth-child(3) .flow__stepItm__num {
    margin-left: 24vw;
  }
  .flow__stepItm:nth-child(3) .flow__stepItm__img {
    margin-left: 24vw;
  }
  .flow__stepItm:nth-child(3) .flow__stepItm__img img {
    margin: -0.8vw auto 6.6666666667vw;
    padding: 0;
    width: 58.6666666667vw;
  }
  .flow__stepItm:nth-child(3) p {
    padding-left: 19.2vw;
  }
}
/*====================================================================
faqs Section SP
====================================================================*/
.faqs {
  margin: 4.5714285714vw auto 3.2vw;
  width: 100%;
}
.faqs__itms {
  margin: 3.7714285714vw auto 0;
  padding: 2.6285714286vw 2.2857142857vw 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1.7142857143vw;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.faqs__itm {
  margin-bottom: 1.7142857143vw;
  padding: 0 0 1.7714285714vw 0;
  width: 100%;
  border-bottom: 0.0571428571vw solid #1B2CAC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.faqs__itm:before {
  content: "";
  position: absolute;
  top: 1.0285714286vw;
  right: 1.0285714286vw;
  width: 1.5428571429vw;
  height: 0.1142857143vw;
  background-color: #1B2CAC;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
}
.faqs__itm:after {
  content: "";
  position: absolute;
  top: 0.3428571429vw;
  right: 1.7142857143vw;
  width: 0.1142857143vw;
  height: 1.5428571429vw;
  background-color: #1B2CAC;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
}
.faqs__itm.is-active:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faqs__itm.is-active:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faqs__itm__question, .faqs__itm__answer {
  position: relative;
  z-index: 2;
}
.faqs__itm__question:after, .faqs__itm__answer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4571428571vw;
  height: 2.7428571429vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.faqs__itm__question {
  padding: 0.4571428571vw 2.6285714286vw 0.8vw 3.4285714286vw;
}
.faqs__itm__question:after {
  background-image: url(../img/jr/faqs-question-icon.webp);
}
.faqs__itm__answer {
  margin-top: 1.2vw;
  padding: 0 0 0.2285714286vw 3.4285714286vw;
  display: none;
}
.faqs__itm__answer:after {
  background-image: url(../img/jr/faqs-answer-icon.webp);
}
.faqs__itm h3 {
  font-size: 1.4285714286vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .faqs__itm h3 {
    font-size: 12px;
  }
}
.faqs__itm p {
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .faqs__itm p {
    font-size: 12px;
  }
}
.faqs__itm span {
  font-size: 0.6857142857vw;
  display: block;
}
.faqs__itm:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

/*====================================================================
faqs Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .faqs {
    margin: 25.6vw auto 13.3333333333vw;
  }
  .faqs__itms {
    margin: 21.0666666667vw auto 0;
    padding: 6.2666666667vw 2.2666666667vw 0vw 3.6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 4vw;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .faqs__itm {
    margin-bottom: 5.4666666667vw;
    padding: 0 0 5.3333333333vw 0;
    width: 100%;
    border-bottom: 0.1333333333vw solid #1B2CAC;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .faqs__itm:last-child {
    padding-bottom: 6.6666666667vw;
  }
  .faqs__itm:before {
    top: 4.6666666667vw;
    right: 1.4666666667vw;
    width: 5.4666666667vw;
    height: 0.2666666667vw;
  }
  .faqs__itm:after {
    top: 2vw;
    right: 4.2666666667vw;
    width: 0.2666666667vw;
    height: 5.4666666667vw;
  }
  .faqs__itm.is-active:before {
    top: 4.6666666667vw;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .faqs__itm.is-active:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .faqs__itm__question:after, .faqs__itm__answer:after {
    width: 9.2vw;
    height: 10.1333333333vw;
    left: 0vw;
  }
  .faqs__itm__question {
    padding: 1.3333333333vw 2.6666666667vw 1.8666666667vw 12vw;
  }
  .faqs__itm__answer {
    margin-top: 4.8vw;
    padding: 1.3333333333vw 0 0.5333333333vw 12vw;
  }
  .faqs__itm h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faqs__itm h3 {
    font-size: 3.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .faqs__itm p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.7;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faqs__itm p {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .faqs__itm span {
    font-size: 1.6vw;
    display: none;
  }
}
/*====================================================================
kvHigh Section PC
====================================================================*/
.kvHigh {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.kvHigh__container {
  margin: 0 auto;
  width: 100%;
}
.kvHigh__intr {
  padding: 10px 0 13px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
  text-align: center;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .kvHigh__intr {
    font-size: 12px;
  }
}
.kvHigh__display {
  margin: -5px auto 0;
  padding: 0 2.2857142857vw;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kvHigh__bg {
  margin: auto;
  width: 100%;
  max-width: 1645px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url(../img/jr/kv-bg.webp);
  border-radius: 352px;
  overflow: hidden;
  position: relative;
}
.kvHigh__img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 1046px;
  height: 100%;
  z-index: 2;
}
.kvHigh__img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.kvHigh__float__elem {
  position: absolute;
  height: auto;
  z-index: 3;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  display: block;
}
.kvHigh__float__elem--5 {
  margin: auto;
  left: 0;
  right: 0;
  bottom: -38px;
  max-width: 238px;
}
@media screen and (max-width: 970px) and (min-width: 768px) {
  .kvHigh__float__elem--5 {
    bottom: -1.5vw;
    max-width: 13.6vw;
  }
}

/*====================================================================
kvHigh Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .kvHigh {
    margin: 0 auto;
    width: 100%;
  }
  .kvHigh__container {
    margin: 0 auto;
    width: 100%;
  }
  .kvHigh__intr {
    padding: 1.4666666667vw 0 1.3333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    color: #1B2CAC;
    text-align: center;
    position: relative;
    z-index: 3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .kvHigh__intr {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .kvHigh__display {
    margin-top: 0;
    margin-bottom: 35.3333333333vw;
    width: 100%;
    height: auto;
  }
  .kvHigh__bg {
    max-width: 100%;
    height: auto;
    background-image: none;
    border-radius: 0;
    position: relative;
  }
  .kvHigh__img {
    margin: 0 auto;
    position: relative;
    max-width: 92.4vw;
  }
  .kvHigh__float__elem {
    display: none;
  }
  .kvHigh__float__elem--5 {
    display: block;
    bottom: -7.2vw;
    max-width: 43.4666666667vw;
  }
}
/*====================================================================
High page Intr Section PC
====================================================================*/
.intr.highPage {
  margin: 43px auto 0;
}
@media screen and (max-width: 970px) and (min-width: 768px) {
  .intr.highPage {
    margin: 2.4571428571vw auto 0;
  }
}
.intr.highPage .intr__container {
  padding-bottom: 3.1428571429vw;
}
.intr.highPage .highPage__contents {
  margin: 4.1714285714vw auto 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 3.6vw;
  position: relative;
  z-index: 3;
}
.intr.highPage .intr__desc {
  margin: 0;
  text-align: left;
}
.intr.highPage .intr__desc span {
  margin-bottom: 1.1428571429vw;
  font-family: "Montserrat", sans-serif;
  font-size: 2.0571428571vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  display: block;
}
.intr.highPage .intr__img {
  display: block;
}
.intr.highPage .intr__img--1 {
  position: relative;
  bottom: 0;
  left: 0;
  width: 27.4857142857vw;
}
.intr.highPage .intr__img--2 {
  top: 16.9142857143vw;
  right: 7.0285714286vw;
  width: 14.6857142857vw;
  z-index: 2;
}
.intr.highPage .intr__img--3 {
  top: 30.8571428571vw;
  left: 4.7428571429vw;
  width: 14.6857142857vw;
  z-index: 2;
}
.intr.highPage .intr__img--floatLeft {
  top: 5.4285714286vw;
  left: 0;
  width: 35.8857142857vw;
}
.intr.highPage .intr__img--floatRight {
  top: 5.4285714286vw;
  right: 0;
  width: 35.8857142857vw;
}

/*====================================================================
High page intr Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .intr.highPage .intr__container {
    padding-bottom: 0;
  }
  .intr.highPage .highPage__contents {
    margin: 9.7333333333vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12.9333333333vw;
  }
  .intr.highPage .intr__desc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    line-height: 2.3;
  }
  .intr.highPage .intr__desc span {
    margin-bottom: 5.3333333333vw;
    font-size: 6.8vw;
    font-weight: bold;
  }
  .intr.highPage .intr__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .intr.highPage .intr__img--1 {
    margin: auto;
    display: block;
    width: 81.6vw;
    left: auto;
  }
  .intr.highPage .intr__img--2 {
    display: none;
  }
  .intr.highPage .intr__img--3 {
    display: none;
  }
  .intr.highPage .intr__img--floatLeft {
    top: 33.8666666667vw;
    left: -23.6vw;
    width: 66.9333333333vw;
  }
  .intr.highPage .intr__img--floatRight {
    top: 87.3333333333vw;
    right: -23.6vw;
    width: 66.9333333333vw;
  }
}
/*====================================================================
High page Features Section PC
====================================================================*/
.hpFeatures__floatElem {
  position: absolute;
  display: block;
}
.hpFeatures__floatElem--1 {
  top: 6.4vw;
  left: -28.8vw;
  width: 57.6vw;
}
.hpFeatures__floatElem--2 {
  top: 6.4vw;
  right: -28.8vw;
  width: 57.6vw;
}
.hpFeatures__floatElem--3 {
  top: 85.7142857143vw;
  left: -25.4285714286vw;
  width: 65.8857142857vw;
}
.hpFeatures__floatElem--4 {
  bottom: 111.4285714286vw;
  right: -20.1142857143vw;
  width: 50.5142857143vw;
}
.hpFeatures__floatElem--5 {
  bottom: 62.8571428571vw;
  left: -18.5714285714vw;
  width: 50.5142857143vw;
}

.hpFeatures {
  margin: auto;
  padding: 4.9142857143vw 0 7.5428571429vw;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hpFeatures:first-of-type {
  padding-bottom: 0vw;
}
.hpFeatures__crossImgs {
  margin: 3.2vw auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  font-size: 0;
}
.hpFeatures__crossImgs picture {
  display: block;
  width: 46.9142857143vw;
}
.hpFeatures__crossImgs picture:nth-child(2) {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 17.4285714286vw;
  z-index: 3;
}
.hpFeatures__cardsHeading {
  margin: 1.9428571429vw auto 2.4vw;
  width: 33.9428571429vw;
  display: block;
}
.hpFeatures__cardsItmsHeading {
  margin: 0 auto 1.4285714286vw;
  width: 10.4vw;
  display: block;
}
.hpFeatures .whatsMore__itms {
  margin-bottom: 2.9714285714vw;
  gap: 0.9714285714vw;
}
.hpFeatures .whatsMore__itm {
  padding: 1.1428571429vw 0.8571428571vw 0.8571428571vw;
  width: 18.7428571429vw;
  height: 13.7142857143vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hpFeatures .whatsMore__itm__img {
  margin: 0 auto 0.2857142857vw;
  display: block;
  height: 6.9142857143vw;
}
.hpFeatures .whatsMore__itm__img img {
  margin: auto;
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hpFeatures .whatsMore__itm__ttl {
  text-align: left;
  font-size: 1.2571428571vw;
}
.hpFeatures .whatsMore__itm__desc {
  margin: 0 auto;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 0.8571428571vw;
}
.hpFeatures .whatsMore__itm.itm--1 img {
  width: 7.2vw;
}
.hpFeatures .whatsMore__itm.itm--2 img {
  width: 11.4285714286vw;
}
.hpFeatures .whatsMore__itm.itm--3 img {
  width: 8.2285714286vw;
}
.hpFeatures .whatsMore__itm.itm--4 img {
  width: 8.8vw;
}
.hpFeatures .whatsMore__itm.itm--5 img {
  position: relative;
  left: -1.6571428571vw;
  width: 10.8571428571vw;
}
.hpFeatures .whatsMore__itm.itm--6 img {
  width: 7.6571428571vw;
}
.hpFeatures__characteristicsKV {
  margin: 2vw auto 2.5714285714vw;
  width: 100%;
  display: block;
}
.hpFeatures__characteristics__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.6857142857vw;
}
.hpFeatures__characteristics__cards picture {
  display: block;
  font-size: 0;
}
.hpFeatures__whatsMoreFlowItms__heading {
  margin: 3.0285714286vw auto 1.4857142857vw;
  display: block;
  width: 15.2vw;
}
.hpFeatures__whatsMoreFlowItms {
  margin: 0 auto 2.2857142857vw;
  display: block;
}
.hpFeatures__whatsMoreFlowItm {
  margin-bottom: 1.4285714286vw;
  width: 100%;
  min-height: 11.5428571429vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.hpFeatures__whatsMoreFlowItm picture {
  position: absolute;
}
.hpFeatures__whatsMoreFlowItm__contents {
  display: block;
  position: relative;
}
.hpFeatures__whatsMoreFlowItm__contents h3 {
  position: absolute;
  top: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 5.0285714286vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents h3 {
    font-size: 12px;
  }
}
.hpFeatures__whatsMoreFlowItm__contents h2 {
  padding: 0.3428571429vw 0.4vw 0.1714285714vw;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 1.5428571429vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  background-color: #3846B3;
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents h2 {
    font-size: 12px;
  }
}
.hpFeatures__whatsMoreFlowItm__contents p {
  margin-top: 1.1428571429vw;
  font-size: 0.8571428571vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents p {
    font-size: 12px;
  }
}
.hpFeatures__whatsMoreFlowItm:nth-child(odd) {
  padding-left: 23.4285714286vw;
  padding-right: 5.2571428571vw;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(22%, #ECCBB1), color-stop(90%, #FFDBA0));
  background: linear-gradient(0deg, #ECCBB1 22%, #FFDBA0 90%);
}
.hpFeatures__whatsMoreFlowItm:nth-child(odd) h3 {
  left: -7.6571428571vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(odd) h2 {
  color: #F5DDDA;
}
.hpFeatures__whatsMoreFlowItm:nth-child(even) {
  padding-left: 2.6285714286vw;
  padding-right: 25.7142857143vw;
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, #B8CFEF), color-stop(110%, #3846B4));
  background: linear-gradient(90deg, #B8CFEF 60%, #3846B4 110%);
}
.hpFeatures__whatsMoreFlowItm:nth-child(even) h3 {
  right: -7.3142857143vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(even) h2 {
  color: #B8CFEF;
}
.hpFeatures__whatsMoreFlowItm:nth-child(1) {
  margin-bottom: 1.2571428571vw;
  padding-top: 3.0857142857vw;
  border-top-right-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(1) picture {
  top: -2.5714285714vw;
  left: 0;
  width: 20.8vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(1) h3 {
  top: -3.0857142857vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(1) p {
  margin-top: 1.1428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(2) {
  padding-top: 2.8571428571vw;
  border-top-left-radius: 4.7428571429vw;
  border-top-right-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(2) picture {
  top: -2.9714285714vw;
  right: 0;
  width: 20.5714285714vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(2) h3 {
  top: -2.8571428571vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(2) p {
  margin-top: 1.0285714286vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(3) {
  padding-top: 2.7428571429vw;
  border-top-right-radius: 4.7428571429vw;
  border-bottom-left-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(3) picture {
  bottom: 0;
  left: 0;
  width: 21.4857142857vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(3) h3 {
  top: -2.9714285714vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(3) p {
  margin-top: 1.1428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(4) {
  padding-top: 1.2vw;
  border-top-left-radius: 4.7428571429vw;
  border-bottom-left-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(4) picture {
  bottom: 0;
  right: 0;
  width: 22.3428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(4) h3 {
  top: 0;
}
.hpFeatures__whatsMoreFlowItm:nth-child(4) p {
  margin-top: 0.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(5) {
  padding-top: 2.6857142857vw;
  border-top-left-radius: 4.7428571429vw;
  border-bottom-right-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(5) picture {
  top: -1.0857142857vw;
  left: -2.4vw;
  width: 20.1142857143vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(5) h3 {
  top: -1.7142857143vw;
}
.hpFeatures__whatsMoreFlowItm:nth-child(5) p {
  margin-top: 1.1428571429vw;
}
.hpFeatures__whatsMoreFlowItm:last-child {
  margin-bottom: 0;
  padding-top: 1.3714285714vw;
  border-top-right-radius: 4.7428571429vw;
  border-bottom-right-radius: 4.7428571429vw;
}
.hpFeatures__whatsMoreFlowItm:last-child picture {
  top: -0.6285714286vw;
  right: 0;
  width: 23.6vw;
}
.hpFeatures__whatsMoreFlowItm:last-child h3 {
  top: -0.2857142857vw;
}
.hpFeatures__whatsMoreFlowItm:last-child p {
  margin-top: 0.6857142857vw;
}
.hpFeatures__examResults {
  margin: 0 auto 3.1428571429vw;
  width: 100%;
  display: block;
}

/*====================================================================
High page Features Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .hpFeatures__floatElem--1 {
    top: 138.8vw;
    left: -45.7333333333vw;
    width: 88.9333333333vw;
  }
  .hpFeatures__floatElem--2 {
    top: 51.3333333333vw;
    right: -45.7333333333vw;
    width: 88.9333333333vw;
  }
  .hpFeatures__floatElem--3, .hpFeatures__floatElem--4, .hpFeatures__floatElem--5 {
    display: none;
  }
  .hpFeatures__floatElem--mobileBuilding {
    bottom: -4vw;
    left: 0;
    width: 100%;
  }
  .hpFeatures {
    padding: 14vw 0 0vw;
  }
  .hpFeatures:last-of-type {
    margin-bottom: 56.2666666667vw;
  }
  .hpFeatures__crossImgs {
    margin: 13.0666666667vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9.3333333333vw;
  }
  .hpFeatures__crossImgs picture {
    width: 96.1333333333vw;
  }
  .hpFeatures__crossImgs picture:nth-child(2) {
    width: 40.4vw;
  }
  .hpFeatures__crossImgs picture:nth-child(3) {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .hpFeatures__cardsHeading {
    margin: 14vw auto 10vw;
    width: 100%;
  }
  .hpFeatures__cardsItmsHeading {
    margin: 0 auto 4.8vw;
    width: 39.8666666667vw;
  }
  .hpFeatures .whatsMore__itms {
    margin-bottom: 10.6666666667vw;
    gap: 3.3333333333vw;
  }
  .hpFeatures .whatsMore__itm {
    padding: 2.6666666667vw 0.2666666667vw 2vw 31.3333333333vw;
    width: 100%;
    height: 31.0666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hpFeatures .whatsMore__itm__img {
    margin: 0 auto 0.6666666667vw;
    height: 16.1333333333vw;
    left: 0;
  }
  .hpFeatures .whatsMore__itm__ttl {
    text-align: left;
    font-size: 4.9333333333vw;
    line-height: 1.3;
  }
  .hpFeatures .whatsMore__itm__desc {
    margin: 0;
    font-size: 3.6vw;
    line-height: 1.3;
  }
  .hpFeatures .whatsMore__itm.itm--1 .whatsMore__itm__img {
    width: 30.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--1 .whatsMore__itm__img img {
    width: 18vw;
  }
  .hpFeatures .whatsMore__itm.itm--2 .whatsMore__itm__img {
    width: 30.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--2 .whatsMore__itm__img img {
    width: 26.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--3 .whatsMore__itm__img {
    width: 30.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--3 .whatsMore__itm__img img {
    width: 21.7333333333vw;
  }
  .hpFeatures .whatsMore__itm.itm--4 .whatsMore__itm__img {
    width: 30.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--4 .whatsMore__itm__img img {
    width: 27.7333333333vw;
  }
  .hpFeatures .whatsMore__itm.itm--5 .whatsMore__itm__img {
    width: 30.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--5 .whatsMore__itm__img img {
    width: 25.3333333333vw;
  }
  .hpFeatures .whatsMore__itm.itm--6 .whatsMore__itm__img {
    width: 30.6666666667vw;
    height: 20.6666666667vw;
  }
  .hpFeatures .whatsMore__itm.itm--6 .whatsMore__itm__img img {
    width: 25.8666666667vw;
  }
  .hpFeatures__characteristicsKV {
    margin: 4.6666666667vw auto 6vw;
  }
  .hpFeatures__characteristics__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.3333333333vw;
  }
  .hpFeatures__whatsMoreFlowItms__heading {
    margin: 7.0666666667vw auto 3.4666666667vw;
    width: 36.8vw;
  }
  .hpFeatures__whatsMoreFlowItms {
    margin: 10.4vw auto 15.6vw;
  }
  .hpFeatures__whatsMoreFlowItm {
    margin-bottom: 3.3333333333vw;
    padding: 4.6666666667vw 2.4vw 2.5333333333vw 3.4666666667vw;
    min-height: 62.8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hpFeatures__whatsMoreFlowItm__contents {
    width: 100%;
  }
  .hpFeatures__whatsMoreFlowItm__contents h3 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents h3 {
    font-size: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents h2 {
    padding: 0.9333333333vw 0.9333333333vw 0.8vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents h2 {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents p {
    font-size: 3.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents span {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm__contents span {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFeatures__whatsMoreFlowItm:nth-child(odd) {
    padding-left: 3.4666666667vw;
    padding-right: 2.4vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(odd) h3 {
    left: auto;
    right: -2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(even) {
    padding-left: 3.4666666667vw;
    padding-right: 2.4vw;
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, #B8CFEF), color-stop(150%, #3846B4));
    background: linear-gradient(90deg, #B8CFEF 70%, #3846B4 150%);
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(even) h3 {
    right: -2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(1) {
    margin-bottom: 4vw;
    padding-top: 22.1333333333vw;
    border-top-right-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(1) picture {
    top: -11.6vw;
    left: 3vw;
    width: 48.5333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(1) h3 {
    top: -19vw;
    right: 2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(1) p {
    margin-top: 2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(2) {
    padding-top: 16.6666666667vw;
    border-top-left-radius: 9.2vw;
    border-top-right-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(2) picture {
    top: -14.9333333333vw;
    left: 20vw;
    right: auto;
    width: 48vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(2) h3 {
    top: -13.3333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(2) p {
    margin-top: 1.0666666667vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(3) {
    padding-top: 22.6666666667vw;
    border-top-right-radius: 9.2vw;
    border-bottom-left-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(3) picture {
    top: -5.5vw;
    bottom: auto;
    left: 2.5vw;
    right: auto;
    width: 57.3333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(3) h3 {
    top: -20vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(3) p {
    margin-top: 1.3333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(4) {
    padding-top: 16.4vw;
    border-top-left-radius: 9.2vw;
    border-bottom-left-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(4) picture {
    top: -8.9vw;
    left: 5vw;
    bottom: auto;
    right: auto;
    width: 52.1333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(4) h3 {
    top: -13.3333333333vw;
    right: -4vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(4) p {
    margin-top: 1.7333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(5) {
    padding-top: 17.2vw;
    border-top-left-radius: 9.2vw;
    border-bottom-right-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(5) picture {
    top: -6.7vw;
    left: 25vw;
    right: auto;
    width: 50.1333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(5) h3 {
    top: -14vw;
  }
  .hpFeatures__whatsMoreFlowItm:nth-child(5) p {
    margin-top: 1.0666666667vw;
  }
  .hpFeatures__whatsMoreFlowItm:last-child {
    margin-bottom: 0;
    padding-top: 16.4vw;
    border-top-right-radius: 9.2vw;
    border-bottom-right-radius: 9.2vw;
  }
  .hpFeatures__whatsMoreFlowItm:last-child picture {
    top: -7.8vw;
    left: -2.5vw;
    right: auto;
    width: 46.9333333333vw;
  }
  .hpFeatures__whatsMoreFlowItm:last-child h3 {
    top: -16vw;
    right: -3vw;
  }
  .hpFeatures__whatsMoreFlowItm:last-child p {
    margin-top: 1.6vw;
  }
  .hpFeatures__examResults {
    margin: 0 auto 16.2666666667vw;
  }
}
/*====================================================================
High page Voice Section PC
====================================================================*/
.hpVoice {
  margin: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hpVoice .voice__itms {
  margin-top: 3.6571428571vw;
  margin-bottom: 2.7428571429vw;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.hpVoice .voice__itms:before, .hpVoice .voice__itms:after {
  display: none;
}
.hpVoice .voice__itm .voice__itm__img {
  margin: 0;
  width: 12.0571428571vw;
}
.hpVoice .voice__itm .voice__itm__details {
  margin-top: 0;
  padding-left: 1.0285714286vw;
  padding-right: 0.8571428571vw;
  min-height: 18.1142857143vw;
}
.hpVoice .voice__itm h3 {
  margin-bottom: 0.8571428571vw;
  font-size: 1.0285714286vw;
}
.hpVoice .voice__itm p {
  font-size: 0.8571428571vw;
  line-height: 2;
}

/*====================================================================
High page Voice Section PC
====================================================================*/
@media screen and (max-width: 767px) {
  .hpVoice .voice__itms {
    margin-top: 4.6666666667vw;
    margin-bottom: 9.6vw;
    gap: 5.0666666667vw;
  }
  .hpVoice .voice__itm .voice__itm__img {
    margin: 0 auto 2.9333333333vw;
    width: 51.2vw;
    display: block;
  }
  .hpVoice .voice__itm .voice__itm__details {
    padding-left: 2.9333333333vw;
    padding-right: 2vw;
    min-height: 50.9333333333vw;
    border-radius: 5.3333333333vw;
  }
  .hpVoice .voice__itm .voice__itm__details:after {
    top: -5.8666666667vw;
    width: 8.6666666667vw;
    height: 5.8666666667vw;
    background-size: 100%;
    left: 41.6vw;
    margin: auto;
  }
  .hpVoice .voice__itm h3 {
    margin-bottom: 2vw;
    font-size: 5.3333333333vw;
  }
  .hpVoice .voice__itm p {
    font-size: 4vw;
    line-height: 1.5;
  }
  .hpVoice .voice__itm:before, .hpVoice .voice__itm:after {
    display: none;
  }
  .hpVoice .voice__itm:nth-child(1) {
    margin-bottom: 0vw;
  }
  .hpVoice .voice__itm:nth-child(1) .voice__itm__img {
    margin: 0 0 2.9333333333vw 15.8666666667vw;
  }
  .hpVoice .voice__itm:nth-child(2) {
    margin-bottom: 0vw;
  }
  .hpVoice .voice__itm:nth-child(2) .voice__itm__img {
    margin: 0 0 2.9333333333vw 15.8666666667vw;
  }
  .hpVoice .voice__itm:nth-child(3) {
    margin-bottom: 0vw;
  }
  .hpVoice .voice__itm:nth-child(3) .voice__itm__img {
    margin: 0 0 2.9333333333vw 15.8666666667vw;
  }
}
/*====================================================================
High page Course Section PC
====================================================================*/
.hpCourse {
  margin: 4.4vw auto 2.1714285714vw;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hpCourse picture {
  margin: 1.5428571429vw auto 0;
  width: 59.9428571429vw;
  display: block;
}
.hpCourse .course__wrapper {
  margin: 0.8vw auto 0;
  max-width: 60vw;
}
.hpCourse .course__body {
  padding: 2.2857142857vw 3.7714285714vw 0.8571428571vw;
  min-height: 15.2571428571vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 7.5428571429vw;
}
.hpCourse .course__listItms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hpCourse .course__listItm.high-video-lesson {
  margin-bottom: 1.3714285714vw;
}
.hpCourse .course__listItm.high-video-lesson .course__listItm__ttl {
  margin-bottom: 0.9142857143vw;
}
.hpCourse .course__listItm.high-individual-instruction {
  margin-bottom: 0;
}
.hpCourse .course__listItm.high-individual-instruction .course__listItm__ttl {
  margin-bottom: 1.1428571429vw;
}
.hpCourse .course__listItm.high-skill-development {
  margin-bottom: 0;
}
.hpCourse .course__listItm.high-skill-development .course__listItm__ttl {
  margin-bottom: 0.8571428571vw;
}
.hpCourse .course__listItm .course__listItm__desc {
  margin-left: 1.0857142857vw;
  padding: 0.1142857143vw 0.1714285714vw 0.1142857143vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.2vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  color: #1B2CAC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .hpCourse .course__listItm .course__listItm__desc {
    font-size: 12px;
  }
}
.hpCourse .course__listItm .course__listItm__desc.highlights {
  background-color: #FFFF00;
  line-height: 1;
}
.hpCourse .course__disc {
  margin-top: 1.0285714286vw;
  padding-left: 0.8571428571vw;
  font-size: 0.5142857143vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #1B2CAC;
}
@media screen and (max-width: 767px) {
  .hpCourse .course__disc {
    font-size: 12px;
  }
}

/*====================================================================
High page Course Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .hpCourse {
    margin: 12.5333333333vw auto 10.6666666667vw;
  }
  .hpCourse picture {
    margin: 6vw auto 0;
    width: 92.4vw;
  }
  .hpCourse .course__wrapper {
    margin: 8vw auto 0;
    width: 100%;
    max-width: 100%;
    border-radius: 4.1333333333vw;
  }
  .hpCourse .course__wrapper:nth-child(1) .course__body, .hpCourse .course__wrapper:nth-child(2) .course__body {
    min-height: 107.0666666667vw;
  }
  .hpCourse .course__body {
    padding: 7.7333333333vw 3.7333333333vw 18.6666666667vw;
    gap: 0;
    min-height: 0;
  }
  .hpCourse .course__listItms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .hpCourse .course__listItm .course__listItm__ttl {
    margin-bottom: 3.3333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpCourse .course__listItm .course__listItm__ttl {
    font-size: 4.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hpCourse .course__listItm .course__listItm__ttl span {
    margin-top: 2.6666666667vw;
  }
  .hpCourse .course__listItm .course__listItm__desc {
    margin-left: 4vw;
    padding: 0.2666666667vw 0.4vw 0;
    min-height: 4.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.6;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpCourse .course__listItm .course__listItm__desc {
    font-size: 4.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hpCourse .course__listItm.high-video-lesson {
    margin-bottom: 5.3333333333vw;
  }
  .hpCourse .course__listItm.high-video-lesson .course__listItm__ttl {
    margin-bottom: 3.7333333333vw;
  }
  .hpCourse .course__listItm.high-individual-instruction {
    margin-bottom: 6.1333333333vw;
  }
  .hpCourse .course__listItm.high-individual-instruction .course__listItm__ttl {
    margin-bottom: 3.7333333333vw;
  }
  .hpCourse .course__listItm.high-skill-development .course__listItm__ttl {
    margin-bottom: 3.3333333333vw;
  }
  .hpCourse .course__disc {
    margin-top: 2vw;
    padding-left: 1.3333333333vw;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.9;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpCourse .course__disc {
    font-size: 2.8vw;
  }
}
/*====================================================================
High page Flow Section PC
====================================================================*/
.hpFlow {
  margin: 5.0857142857vw auto 3.1428571429vw;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hpFlow .flow__steps {
  margin-top: 6.2857142857vw;
}
.hpFlow .flow__steps.m-pcDf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hpFlow .flow__steps.m-spDf {
  display: none;
}
.hpFlow .flow__container {
  margin-top: 3.7714285714vw;
}

/*====================================================================
High page Flow Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .hpFlow {
    margin: 19.0666666667vw auto 4.8vw;
  }
  .hpFlow .flow__container {
    margin-top: 0;
  }
  .hpFlow .flow__intr__img {
    margin: 6.9333333333vw 0 0 -4vw;
    width: 100vw;
  }
  .hpFlow .flow__message__thumb {
    position: absolute;
    top: 2vw;
    left: -22vw;
    margin-left: 0;
  }
  .hpFlow .flow__message__contents {
    margin: 0 0 0 auto;
    right: -4vw;
    width: 57vw;
  }
  .hpFlow .flow__steps {
    margin: 12.5333333333vw auto 13.2vw;
    max-width: 93%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9.7333333333vw;
  }
  .hpFlow .flow__steps.m-pcDf {
    display: none;
  }
  .hpFlow .flow__steps.m-spDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hpFlow .flow__stepItm {
    padding: 3.0666666667vw 3.7333333333vw 3.4666666667vw 3.7333333333vw;
    width: 100%;
    min-height: 42.9333333333vw;
    border-radius: 6.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
  }
  .hpFlow .flow__stepItm:after {
    bottom: -7.0666666667vw;
    width: 9.3333333333vw;
    height: 5.6vw;
  }
  .hpFlow .flow__stepItm__num {
    position: absolute;
    top: 3.4666666667vw;
    left: 3.2vw;
    margin-right: 0;
    width: 22.6666666667vw;
  }
  .hpFlow .flow__stepItm__img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 3.2vw;
    width: 22.6666666667vw;
  }
  .hpFlow .flow__stepItm__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .hpFlow .flow__stepItm__details {
    margin-left: 25.3333333333vw;
    width: 100%;
  }
  .hpFlow .flow__stepItm__details h3 {
    margin: 0 0 2vw;
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFlow .flow__stepItm__details h3 {
    font-size: 4.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFlow .flow__stepItm__details p {
    padding-left: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    color: #1B2CAC;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hpFlow .flow__stepItm__details p {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .hpFlow .flow__stepItm:nth-child(1) {
    padding-right: 2.6666666667vw;
  }
  .hpFlow .flow__stepItm:nth-child(1) .flow__stepItm__num {
    margin-left: 0vw;
  }
  .hpFlow .flow__stepItm:nth-child(1) .flow__stepItm__img {
    top: 2.6666666667vw;
  }
  .hpFlow .flow__stepItm:nth-child(1) .flow__stepItm__img img {
    margin: 0 auto;
    width: 12.4vw;
  }
  .hpFlow .flow__stepItm:nth-child(1) h3 {
    margin-bottom: 10vw;
  }
  .hpFlow .flow__stepItm:nth-child(1) p {
    font-size: 3.7333333333vw;
  }
  .hpFlow .flow__stepItm:nth-child(2) .flow__stepItm__img {
    top: 4vw;
  }
  .hpFlow .flow__stepItm:nth-child(2) .flow__stepItm__img img {
    margin: 0;
    width: 23.3333333333vw;
  }
  .hpFlow .flow__stepItm:nth-child(2) h3 {
    margin-bottom: 3vw;
    padding-top: 3.0666666667vw;
  }
  .hpFlow .flow__stepItm:nth-child(3) .flow__stepItm__num {
    margin-left: 0vw;
  }
  .hpFlow .flow__stepItm:nth-child(3) .flow__stepItm__img {
    margin-left: 0;
    top: 0;
  }
  .hpFlow .flow__stepItm:nth-child(3) .flow__stepItm__img img {
    margin: 3vw 0 0;
    width: 20.6666666667vw;
  }
  .hpFlow .flow__stepItm:nth-child(3) h3 {
    margin-bottom: 3vw;
    padding-top: 7.6vw;
  }
  .hpFlow .flow__stepItm:nth-child(3) p {
    font-size: 3.7333333333vw;
  }
}
/*====================================================================
High page Faqs Section PC
====================================================================*/
.hpFaqs {
  margin: 5.0857142857vw auto 5.3142857143vw;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hpFaqs .faqs__itms {
  margin-top: 4.5714285714vw;
}
.hpFaqs .faqs__itms .faqs__itm__answer {
  padding-right: 2.8571428571vw;
}

/*====================================================================
High page Flow Section SP
====================================================================*/
@media screen and (max-width: 767px) {
  .hpFaqs {
    margin: 16.2666666667vw auto 9.3333333333vw;
  }
  .hpFaqs .faqs__itms {
    margin-top: 8.9333333333vw;
  }
  .hpFaqs .faqs__itms .faqs__itm {
    padding-bottom: 3.3333333333vw;
  }
  .hpFaqs .faqs__itms .faqs__itm:last-child {
    padding-bottom: 5.7333333333vw;
  }
  .hpFaqs .faqs__itms .faqs__itm__answer p {
    font-size: 3.8666666667vw;
  }
}
/*# sourceMappingURL=style.css.map */