@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.p-flow_top_desc, .p-flow_reason_item_bodyTxt, .p-flow_plan_feeBadge_name2, .p-flow_plan_feature_desc, .p-flow_trial_step_desc, .p-flow_relation_txt_desc {
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 180%;
  font-size: 1.1111111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_top_desc, .p-flow_reason_item_bodyTxt, .p-flow_plan_feeBadge_name2, .p-flow_plan_feature_desc, .p-flow_trial_step_desc, .p-flow_relation_txt_desc {
    font-size: 4.1025641026vw;
  }
}
.p-flow_plan_bullet {
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 180%;
  font-size: 0.9722222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_bullet {
    font-size: 3.5897435897vw;
  }
}
.p-flow_plan_feeBadge_asterisk, .p-flow_plan_feeEntry_tax, .p-flow_plan_feeMonthly_tax, .p-flow_plan_feeMonthly_total span, .p-flow_plan_courses_label, .p-flow_class_list_stxt {
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 180%;
  font-size: 0.8333333333vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_asterisk, .p-flow_plan_feeEntry_tax, .p-flow_plan_feeMonthly_tax, .p-flow_plan_feeMonthly_total span, .p-flow_plan_courses_label, .p-flow_class_list_stxt {
    font-size: 3.0769230769vw;
  }
}
.p-flow_plan_feeBadge_price_unit, .p-flow_plan_feeBadge_mensdan {
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 180%;
  font-size: 1.1111111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_price_unit, .p-flow_plan_feeBadge_mensdan {
    font-size: 4.1025641026vw;
  }
}
.p-flow_top_title_label, .p-flow_trial_label, .p-flow_trial_step_num {
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 160%;
  font-size: 1.5277777778vw;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 719px) {
  .p-flow_top_title_label, .p-flow_trial_label, .p-flow_trial_step_num {
    font-size: 5.641025641vw;
  }
}
.p-flow_top_title_heading, .p-flow_top_catch_main_txt, .p-flow_plan_feeHead_title, .p-flow_trial_title {
  font-weight: bold;
  font-size: 2.5vw;
  letter-spacing: 0.08em;
  line-height: 150%;
}

@media screen and (max-width: 719px) {
  .p-flow_top_title_heading, .p-flow_top_catch_main_txt, .p-flow_plan_feeHead_title, .p-flow_trial_title {
    font-size: 9.2307692308vw;
  }
}
.p-flow_trial_step_title, .p-flow_relation_title {
  font-weight: bold;
  font-size: 2.2222222222vw;
  letter-spacing: 0.04em;
  line-height: 150%;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step_title, .p-flow_relation_title {
    font-size: 8.2051282051vw;
  }
}
.p-flow_top_catch_sub, .p-flow_plan_feeHead_label, .p-flow_plan_feeBadge_name {
  font-weight: bold;
  font-size: 1.8055555556vw;
  letter-spacing: 0.04em;
  line-height: 160%;
}

@media screen and (max-width: 719px) {
  .p-flow_top_catch_sub, .p-flow_plan_feeHead_label, .p-flow_plan_feeBadge_name {
    font-size: 6.6666666667vw;
  }
}
.p-flow_plan_feeBadge_sub, .p-flow_plan_feeEntry_unit, .p-flow_plan_feeMonthly_total {
  font-weight: bold;
  font-size: 1.1111111111vw;
  letter-spacing: 0.04em;
  line-height: 180%;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_sub, .p-flow_plan_feeEntry_unit, .p-flow_plan_feeMonthly_total {
    font-size: 4.1025641026vw;
  }
}
.p-flow_top {
  background-color: #fff;
  overflow: hidden;
}

.p-flow_top_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .p-flow_top_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
  }
}
.p-flow_top_left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.4722222222vw;
  padding-left: 11.1111111111vw;
  padding-top: 1.8055555556vw;
  padding-bottom: 1.8055555556vw;
}

@media screen and (max-width: 719px) {
  .p-flow_top_left {
    gap: 0;
    padding: 0;
  }
}
.p-flow_top_title {
  position: relative;
}

@media screen and (max-width: 719px) {
  .p-flow_top_title {
    width: 100%;
    min-height: 37.6923076923vw;
    overflow: hidden;
    padding-left: 5.1282051282vw;
    padding-top: 14.8717948718vw;
    padding-bottom: 2.5641025641vw;
  }
}
.p-flow_top_title_label {
  color: #FF6100;
  display: block;
  margin-bottom: 0.3472222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_top_title_label {
    margin-bottom: 0;
  }
}
.p-flow_top_title_heading {
  color: #222;
  margin: 0;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_top_cover {
    position: absolute;
    top: 0;
    right: 0;
    width: 38.4615384615vw;
    height: auto;
    pointer-events: none;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_top_photoWrap {
    padding: 7.6923076923vw 5.1282051282vw;
  }

  .p-flow_top_photoWrap img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.p-flow_top_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.0833333333vw;
}

@media screen and (max-width: 719px) {
  .p-flow_top_body {
    gap: 5.1282051282vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5.1282051282vw 5.1282051282vw 7.6923076923vw;
  }
}
.p-flow_top_catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_top_catch {
    gap: 2.5641025641vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-flow_top_catch_sub {
  color: #222;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_top_catch_sub {
    font-weight: bold;
    font-size: 4.6153846154vw;
    font-family: "Open Sans", "Noto Sans JP", sans-serif;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
}
.p-flow_top_catch_main {
  position: relative;
  display: inline-block;
}

.p-flow_top_catch_main_txt {
  color: #FF6100;
  margin: 0;
}

.p-flow_top_catch_main_line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22.9861111111vw;
  height: 0.3472222222vw;
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
}

@media screen and (max-width: 719px) {
  .p-flow_top_catch_main_line {
    width: 84.8717948718vw;
    height: 1.2820512821vw;
  }
}
.p-flow_top_desc {
  color: #222;
  max-width: 24.5138888889vw;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_top_desc {
    max-width: 89.7435897436vw;
    text-align: left;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_top_performance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.5641025641vw 5.1282051282vw 10.2564102564vw;
  }
}
.p-flow_top_performance img {
  display: block;
  height: auto;
}

@media screen and (max-width: 719px) {
  .p-flow_top_performance img {
    max-width: 100%;
  }
}
.p-flow_top_right {
  position: relative;
  width: 59.1666666667vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.p-flow_top_photo {
  position: absolute;
  top: 12.2916666667vw;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.p-flow_top_blob {
  position: absolute;
  top: 0;
  right: 0;
  width: 41.6666666667vw;
  height: auto;
  pointer-events: none;
  z-index: 0;
}

.p-flow_reason {
  padding: 5.5555555556vw 11.1111111111vw;
  background-image: url("/assets/img/course/flow/graph-paper.png");
  background-size: 24.3055555556vw 24.3055555556vw;
  background-position: top left;
}

@media screen and (max-width: 719px) {
  .p-flow_reason {
    padding: 10.2564102564vw 0;
    background-size: 51.2820512821vw 51.2820512821vw;
  }
}
.p-flow_reason_head {
  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;
  gap: 0.6944444444vw;
  margin-bottom: 3.4722222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5641025641vw;
    margin-bottom: 7.6923076923vw;
  }
}
.p-flow_reason_head_label {
  font-weight: bold;
  font-size: 1.8055555556vw;
  line-height: 1.6;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_head_label {
    font-size: 4.6153846154vw;
    line-height: 1.5;
  }
}
.p-flow_reason_head_title {
  position: relative;
  display: inline-block;
}

.p-flow_reason_head_title_txt {
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 1.5;
  color: #FF6100;
  letter-spacing: 0.08em;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_head_title_txt {
    font-size: 9.2307692308vw;
  }
}
.p-flow_reason_head_title_line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 15.8333333333vw;
  height: 0.3472222222vw;
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
}

@media screen and (max-width: 719px) {
  .p-flow_reason_head_title_line {
    width: 58.4615384615vw;
    height: 1.2820512821vw;
  }
}
.p-flow_reason_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2222222222vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5.1282051282vw;
  }
}
.p-flow_reason_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-top: 1.875vw;
  width: 22.9166666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item {
    width: 88.2051282051vw;
    padding-top: 6.4102564103vw;
  }
}
.p-flow_reason_item_img {
  position: absolute;
  top: 0;
  left: 14.1666666667vw;
  width: 10.2083333333vw;
  height: 7.2222222222vw;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item_img {
    left: 50.5128205128vw;
    width: 37.6923076923vw;
    height: 26.6666666667vw;
  }
}
.p-flow_reason_item_header {
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
  border-radius: 1.0416666667vw 1.0416666667vw 0 0;
  padding: 1.0416666667vw 1.1111111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item_header {
    border-radius: 3.8461538462vw 3.8461538462vw 0 0;
    padding: 2.0512820513vw 4.1025641026vw;
    height: 22.5641025641vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-flow_reason_item_headerTxt {
  font-weight: bold;
  font-size: 1.8055555556vw;
  color: #FFFFFF;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
  white-space: nowrap;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item_headerTxt {
    font-size: 5.641025641vw;
  }
}
.p-flow_reason_item_body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  border: 1px solid #ffd700;
  border-radius: 0 0 1.0416666667vw 1.0416666667vw;
  padding: 1.3888888889vw 2.7777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item_body {
    border-radius: 0 0 3.8461538462vw 3.8461538462vw;
    padding: 3.0769230769vw 4.1025641026vw;
    gap: 2.5641025641vw;
  }
}
.p-flow_reason_item_bodyHead {
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 1.5;
  color: #222;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_reason_item_bodyHead {
    font-size: 5.1282051282vw;
    line-height: 1.6;
  }
}
.p-flow_reason_item_bodyTxt {
  color: #222;
  margin: 0;
}

.p-flow_attend {
  background-color: #fff;
  padding: 5.5555555556vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.4722222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_attend {
    padding: 7.6923076923vw 0;
    gap: 7.6923076923vw;
  }
}
.p-flow_attend_head {
  width: 100%;
  padding: 0 11.1111111111vw;
  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;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5641025641vw;
    padding: 0;
  }
}
.p-flow_attend_head_label {
  font-weight: bold;
  font-size: 1.8055555556vw;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_head_label {
    font-size: 4.6153846154vw;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.p-flow_attend_head_title {
  position: relative;
  display: inline-block;
}

.p-flow_attend_head_title_txt {
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 1.5;
  color: #FF6100;
  letter-spacing: 0.08em;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_head_title_txt {
    font-size: 9.2307692308vw;
  }
}
.p-flow_attend_head_title_line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15.2083333333vw;
  height: 0.3472222222vw;
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
}

@media screen and (max-width: 719px) {
  .p-flow_attend_head_title_line {
    width: 56.1538461538vw;
    height: 1.2820512821vw;
  }
}
.p-flow_attend_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0416666667vw;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.8461538462vw;
    padding: 0 5.1282051282vw;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.p-flow_attend_item {
  background: #fff;
  border-radius: 1.0416666667vw;
  -webkit-box-shadow: 0 0 0.6944444444vw 0 #e7e7e7;
  box-shadow: 0 0 0.6944444444vw 0 #e7e7e7;
  padding: 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.0833333333vw;
  width: 29.4444444444vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-flow_attend_item_link {
  display: contents;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_item {
    border-radius: 3.8461538462vw;
    -webkit-box-shadow: 0 0 2.5641025641vw 0 #e7e7e7;
    box-shadow: 0 0 2.5641025641vw 0 #e7e7e7;
    padding: 3.8461538462vw 5.1282051282vw;
    gap: 5.1282051282vw;
    width: 100%;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_attend_item--online {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-flow_attend_item_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.2777777778vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 9.8611111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_item_text {
    width: 36.4102564103vw;
    gap: 1.0256410256vw;
  }
}
.p-flow_attend_item_name {
  font-weight: bold;
  font-size: 1.8055555556vw;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_item_name {
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }
}
.p-flow_attend_item_desc {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_item_desc {
    font-size: 3.5897435897vw;
  }
}
.p-flow_attend_item_img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 8.8888888889vw;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.0416666667vw;
  display: block;
  min-width: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_attend_item_img {
    height: 25.641025641vw;
    border-radius: 3.8461538462vw;
  }
}
.p-flow_plan {
  background-color: #fff9db;
  padding: 3.4722222222vw 11.1111111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan {
    padding: 7.6923076923vw 5.1282051282vw;
  }
}
.p-flow_plan_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.4722222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_inner {
    gap: 5.1282051282vw;
  }
}
.p-flow_plan_feeHead {
  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;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeHead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5641025641vw;
  }
}
.p-flow_plan_feeHead_label {
  color: #222;
  font-weight: bold;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeHead_label {
    font-size: 4.6153846154vw;
    line-height: 1.5;
  }
}
.p-flow_plan_feeHead_titleWrap {
  position: relative;
  display: inline-block;
}

.p-flow_plan_feeHead_title {
  color: #FF6100;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

.p-flow_plan_feeHead_titleLine {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15.2083333333vw;
  height: 0.3472222222vw;
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeHead_titleLine {
    width: 56.1538461538vw;
    height: 1.2820512821vw;
  }
}
.p-flow_plan_feeBadges {
  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;
  gap: 2.0833333333vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadges {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.8461538462vw;
  }
}
.p-flow_plan_feeBadgeRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.0833333333vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadgeRow {
    gap: 2.5641025641vw;
  }
}
.p-flow_plan_feeBadge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.2777777778vw;
  width: 18.8194444444vw;
  height: 9.9305555556vw;
  border-radius: 1.0416666667vw;
  padding: 1.0416666667vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge {
    border-radius: 3.8461538462vw;
    padding: 2.5641025641vw;
  }
}
.p-flow_plan_feeBadge--orange {
  background-color: #FF6100;
  color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge--orange {
    width: 40.5128205128vw;
    height: 36.6666666667vw;
  }
}
.p-flow_plan_feeBadge--nashi {
  gap: 1.0416666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge--nashi {
    gap: 3.8461538462vw;
  }
}
.p-flow_plan_feeBadge--white {
  background-color: #fff;
  border: 1px solid #FF6100;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge--white {
    width: 100%;
    height: auto;
    padding: 3.8461538462vw;
  }
}
.p-flow_plan_feeBadge_sub {
  font-weight: bold;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.2;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_sub {
    font-size: 3.5897435897vw;
    line-height: 1.2;
  }
}
.p-flow_plan_feeBadge_name {
  font-weight: bold;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.2;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_name {
    font-size: 5.641025641vw;
    line-height: 1.2;
  }
}
.p-flow_plan_feeBadge_name2 {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.4;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_name2 {
    font-size: 4.6153846154vw;
    line-height: 1.4;
  }
}
.p-flow_plan_feeBadge_asterisk {
  vertical-align: super;
}

.p-flow_plan_feeBadge_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.2777777778vw;
}

.p-flow_plan_feeBadge_price_num {
  font-weight: bold;
  font-size: 4.1666666667vw;
  line-height: 1;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_price_num {
    font-size: 14.358974359vw;
  }
}
.p-flow_plan_feeBadge_price_unit {
  color: #FFFFFF;
  padding-bottom: 0.3472222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_price_unit {
    padding-bottom: 1.2820512821vw;
  }
}
.p-flow_plan_feeBadge_nashi {
  font-weight: bold;
  font-size: 2.7777777778vw;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_nashi {
    font-size: 10.2564102564vw;
  }
}
.p-flow_plan_feeBadge_mensdan {
  color: #FF6100;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
  font-size: 1.25vw;
  line-height: 1.8;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeBadge_mensdan {
    font-size: 4.6153846154vw;
  }
}
.p-flow_plan_box {
  background-color: #fff;
  border: 1px solid;
  border-radius: 1.0416666667vw;
  padding: 3.4722222222vw 5.5555555556vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5.5555555556vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7.6923076923vw;
    border-radius: 3.8461538462vw;
    gap: 10.2564102564vw;
    overflow: hidden;
  }
}
.p-flow_plan_box--class {
  border-color: #FF6100;
}

.p-flow_plan_box--online {
  border-color: #0076ec;
}

.p-flow_plan_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.3194444444vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 25.2777777778vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_info {
    gap: 5.1282051282vw;
    width: 100%;
  }
}
.p-flow_plan_titleRow {
  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;
}

.p-flow_plan_titleBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.0416666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_titleBlock {
    gap: 3.8461538462vw;
  }
}
.p-flow_plan_titleInner {
  position: relative;
  display: inline-block;
}

.p-flow_plan_title {
  font-weight: bold;
  font-size: 2.7777777778vw;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_title {
    font-size: 8.2051282051vw;
    letter-spacing: 0.04em;
  }
}
.p-flow_plan_title--online {
  font-size: 2.7777777778vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_title--online {
    font-size: 8.2051282051vw;
  }
}
.p-flow_plan_titleLine {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.3472222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_titleLine {
    height: 1.2820512821vw;
  }
}
.p-flow_plan_titleLine--class {
  width: 11.8055555556vw;
  background: -webkit-gradient(linear, right top, left top, from(#FFD700), color-stop(68%, #FF6100));
  background: linear-gradient(270deg, #FFD700 0%, #FF6100 68%);
}

@media screen and (max-width: 719px) {
  .p-flow_plan_titleLine--class {
    width: 33.8461538462vw;
  }
}
.p-flow_plan_titleLine--online {
  width: 13.6805555556vw;
  background: -webkit-gradient(linear, right top, left top, from(#00C9C9), color-stop(77.71%, #0076EC));
  background: linear-gradient(270deg, #00C9C9 0%, #0076EC 77.71%);
}

@media screen and (max-width: 719px) {
  .p-flow_plan_titleLine--online {
    width: 38.9743589744vw;
  }
}
.p-flow_plan_bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}

.p-flow_plan_bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5555555556vw;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.5;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_bullet {
    gap: 2.0512820513vw;
  }
}
.p-flow_plan_bullet::before {
  content: "";
  display: inline-block;
  width: 0.3472222222vw;
  height: 0.3472222222vw;
  border-radius: 50%;
  background-color: #FF6100;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_bullet::before {
    width: 1.2820512821vw;
    height: 1.2820512821vw;
  }
}
.p-flow_plan_classImg {
  width: 9.9305555556vw;
  height: 8.2638888889vw;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.0416666667vw;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_classImg {
    width: 31.0256410256vw;
    height: 25.641025641vw;
    border-radius: 3.8461538462vw;
  }
}
.p-flow_plan_fees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5555555556vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_fees {
    gap: 2.0512820513vw;
  }
}
.p-flow_plan_feeEntry {
  position: relative;
  padding-top: 0.8333333333vw;
  width: 100%;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeEntry {
    padding-top: 3.0769230769vw;
  }
}
.p-flow_plan_feeEntry_label {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FF6100;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  padding: 0 0.6944444444vw;
  border-radius: 6.9444444444vw;
  white-space: nowrap;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeEntry_label {
    font-size: 4.1025641026vw;
    padding: 0 2.5641025641vw;
    border-radius: 25.641025641vw;
  }
}
.p-flow_plan_feeEntry_label--online {
  background-color: #0076ec;
}

.p-flow_plan_feeEntry_box {
  border: 1px solid #FF6100;
  border-radius: 0.6944444444vw;
  background-color: #fff;
  height: 5.0694444444vw;
  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;
  gap: 0.2777777778vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeEntry_box {
    border-radius: 2.5641025641vw;
    height: 18.7179487179vw;
  }
}
.p-flow_plan_feeEntry_box--online {
  border-color: #0076ec;
}

.p-flow_plan_feeEntry_price {
  font-weight: bold;
  font-size: 1.8055555556vw;
  line-height: 1.6;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeEntry_price {
    font-size: 6.6666666667vw;
  }
}
.p-flow_plan_feeEntry_unit {
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

.p-flow_plan_feeEntry_tax {
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

.p-flow_plan_feePlus img {
  display: block;
  width: 2.0138888889vw;
  height: 2.0138888889vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feePlus img {
    width: 7.4358974359vw;
    height: 7.4358974359vw;
  }
}
.p-flow_plan_feeMonthly {
  position: relative;
  padding-top: 1.0416666667vw;
  width: 100%;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly {
    padding-top: 3.8461538462vw;
  }
}
.p-flow_plan_feeMonthly_label {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  padding: 0 0.6944444444vw;
  border-radius: 6.9444444444vw;
  border: 1px solid;
  white-space: nowrap;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  background-color: #fff;
  z-index: 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly_label {
    font-size: 4.1025641026vw;
    padding: 0 2.5641025641vw;
    border-radius: 25.641025641vw;
  }
}
.p-flow_plan_feeMonthly_label--class {
  color: #FF6100;
  border-color: #FF6100;
}

.p-flow_plan_feeMonthly_label--online {
  color: #0076ec;
  border-color: #0076ec;
}

.p-flow_plan_feeMonthly_top {
  border-radius: 1.0416666667vw 1.0416666667vw 0 0;
  padding: 1.0416666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly_top {
    border-radius: 3.8461538462vw 3.8461538462vw 0 0;
    padding: 3.0769230769vw;
  }
}
.p-flow_plan_feeMonthly_top--class {
  background-color: #FF6100;
}

.p-flow_plan_feeMonthly_top--online {
  background-color: #0076ec;
}

.p-flow_plan_feeMonthly_session {
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
  padding-top: 0.8333333333vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly_session {
    font-size: 5.1282051282vw;
    padding-top: 2.5641025641vw;
  }
}
.p-flow_plan_feeMonthly_mainPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.1388888889vw;
}

.p-flow_plan_feeMonthly_price {
  font-weight: bold;
  font-size: 2.7083333333vw;
  line-height: 1.5;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly_price {
    font-size: 10vw;
  }
}
.p-flow_plan_feeMonthly_unit {
  font-weight: bold;
  font-size: 1.3194444444vw;
  line-height: 1.8;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  padding-bottom: 0.1388888889vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feeMonthly_unit {
    font-size: 4.8717948718vw;
  }
}
.p-flow_plan_feeMonthly_tax {
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  padding-bottom: 0.1388888889vw;
}

.p-flow_plan_feeMonthly_total {
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

.p-flow_plan_feeMonthly_total strong {
  font-weight: bold;
}

.p-flow_plan_feeMonthly_total span {
  color: #FFFFFF;
}

.p-flow_plan_courses {
  border: 1px solid;
  border-top: none;
  border-radius: 0 0 1.0416666667vw 1.0416666667vw;
  background-color: #fff;
  padding: 0.625vw 0.6944444444vw;
  text-align: center;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_courses {
    border-radius: 0 0 3.8461538462vw 3.8461538462vw;
    padding: 2.3076923077vw 2.5641025641vw;
  }
}
.p-flow_plan_courses--class {
  border-color: #FF6100;
}

.p-flow_plan_courses--online {
  border-color: #0076ec;
}

.p-flow_plan_courses_label {
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

.p-flow_plan_courses_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_courses_list {
    font-size: 3.5897435897vw;
  }
}
.p-flow_plan_notes {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.7638888889vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_notes {
    font-size: 2.8205128205vw;
  }
}
.p-flow_plan_features {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_features {
    width: calc(100% + app.pxToVw(60, sp));
    margin-left: -7.6923076923vw;
    margin-right: -7.6923076923vw;
    margin-bottom: -7.6923076923vw;
  }
}
.p-flow_plan_features_head {
  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;
  gap: 0.2083333333vw;
  padding: 0.3472222222vw 1.0416666667vw;
  border-radius: 1.0416666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_features_head {
    border-radius: 3.8461538462vw;
    padding: 1.2820512821vw 3.8461538462vw;
    margin: 0 7.6923076923vw;
  }
}
.p-flow_plan_features_head--class {
  background-color: #FF6100;
}

.p-flow_plan_features_head--online {
  background-color: #0076ec;
}

.p-flow_plan_features_head span:first-child {
  font-weight: bold;
  font-size: 1.8055555556vw;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_features_head span:first-child {
    font-size: 6.6666666667vw;
  }
}
.p-flow_plan_features_head span:last-child {
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_features_head span:last-child {
    font-size: 5.1282051282vw;
  }
}
.p-flow_plan_features_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.0833333333vw;
  padding: 2.0833333333vw 0.6944444444vw 1.3888888889vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_features_list {
    padding: 5.1282051282vw 7.6923076923vw;
    gap: 7.6923076923vw;
  }
}
.p-flow_plan_feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feature {
    gap: 2.5641025641vw;
  }
}
.p-flow_plan_feature_top {
  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;
}

.p-flow_plan_feature_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feature_left {
    gap: 1.2820512821vw;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-flow_plan_feature_tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffa600;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  padding: 0 0.3472222222vw;
  border-radius: 0.1388888889vw;
  white-space: nowrap;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feature_tag {
    font-size: 3.5897435897vw;
    border-radius: 0.5128205128vw;
  }
}
.p-flow_plan_feature_title {
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feature_title {
    font-size: 4.1025641026vw;
    line-height: 1.8;
  }
}
.p-flow_plan_feature_img {
  width: 6.9444444444vw;
  height: 5.5555555556vw;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_plan_feature_img {
    width: 25.641025641vw;
    height: 20.5128205128vw;
  }
}
.p-flow_plan_feature_desc {
  color: #222;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  margin: 0;
  line-height: 1.8;
}

.p-flow_plan_divider {
  border: none;
  border-top: 1px solid #e7e7e7;
  margin: 0;
}

.p-flow_plan_divider--class {
  border-color: #FF6100;
}

.p-flow_plan_divider--online {
  border-color: #0076ec;
}

.p-flow_trial {
  background-color: #fff;
  padding: 6.9444444444vw 11.1111111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial {
    padding: 15.3846153846vw 5.1282051282vw;
  }
}
.p-flow_trial_inner {
  max-width: 77.7777777778vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4.1666666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_inner {
    max-width: 100%;
    gap: 10.2564102564vw;
  }
}
.p-flow_trial_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-flow_trial_label {
  color: #FF6100;
  margin: 0 0 0.3472222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_label {
    margin-bottom: 1.2820512821vw;
  }
}
.p-flow_trial_title {
  color: #222;
  margin: 0;
}

.p-flow_trial_card {
  background-color: #fff;
  border-radius: 2.0833333333vw;
  -webkit-box-shadow: 0 0 1.3888888889vw rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1.3888888889vw rgba(0, 0, 0, 0.08);
  padding: 2.7777777778vw 1.7361111111vw;
  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;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_card {
    border-radius: 7.6923076923vw;
    padding: 10.2564102564vw 6.4102564103vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 7.6923076923vw;
  }
}
.p-flow_trial_step {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20.8333333333vw;
  flex: 0 0 20.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4.7222222222vw;
  height: 37.2222222222vw;
}

.p-flow_trial_step:not(:first-child) {
  gap: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step:not(:first-child) {
    gap: 5.1282051282vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_trial_step {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    gap: 5.1282051282vw;
  }
}
.p-flow_trial_step_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step_top {
    gap: 2.5641025641vw;
  }
}
.p-flow_trial_step_num {
  color: #FF6100;
  margin: 0;
}

.p-flow_trial_step_title {
  color: #222;
  margin: 0;
}

.p-flow_trial_step_desc {
  color: #222;
  margin: 0;
}

.p-flow_trial_step_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step_cta {
    gap: 2.5641025641vw;
  }
}
.p-flow_trial_step_cta_label {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 1.25vw;
  letter-spacing: 0.03em;
  line-height: 1.6;
  color: #FF6100;
  margin: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step_cta_label {
    font-size: 4.6153846154vw;
  }
}
.p-flow_trial_step_img {
  width: 100%;
  height: 14.5833333333vw;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.0416666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_step_img {
    height: 53.8461538462vw;
    border-radius: 3.8461538462vw;
  }
}
.p-flow_trial_arrow {
  -ms-flex-negative: 0;
  flex-shrink: 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;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_arrow {
    -ms-flex-item-align: center;
    align-self: center;
    width: 15.3846153846vw;
    height: 4.8266666667vw;
    overflow: visible;
  }
}
.p-flow_trial_arrow_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_arrow_inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.p-flow_trial_arrow_inner img {
  width: 1.3072222222vw;
  height: 4.1666666667vw;
  display: block;
}

@media screen and (max-width: 719px) {
  .p-flow_trial_arrow_inner img {
    width: 4.8266666667vw;
    height: 15.3846153846vw;
  }
}
.p-flow_cvArea {
  background: -webkit-gradient(linear, right top, left top, color-stop(-20.65%, #FFD700), color-stop(37.72%, #FFA600));
  background: linear-gradient(270deg, #FFD700 -20.65%, #FFA600 37.72%);
  padding: 2.7777777778vw 0;
}

@media screen and (max-width: 719px) {
  .p-flow_cvArea {
    padding: 10.2564102564vw 5.1282051282vw;
  }
}
.p-flow_cvArea_block {
  background-color: #fff;
  border-radius: 2.0833333333vw;
  padding: 2.0833333333vw 0 2.7777777778vw;
}

@media screen and (max-width: 719px) {
  .p-flow_cvArea_block {
    border-radius: 7.6923076923vw;
    padding: 7.6923076923vw 5.1282051282vw 10.2564102564vw;
  }
}
.p-flow_cvArea_cv {
  margin: auto;
  width: 50.4861111111vw;
}

@media screen and (max-width: 719px) {
  .p-flow_cvArea_cv {
    width: 100%;
  }
}
.p-flow_relation {
  padding: 5.5555555556vw 0;
  background-color: #FCFCFC;
}

@media screen and (max-width: 719px) {
  .p-flow_relation {
    padding: 20.5128205128vw 5.1282051282vw 5.1282051282vw;
  }
}
.p-flow_relation_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.0833333333vw 0;
  text-decoration: none;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.p-flow_relation_blocks {
  margin-top: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_relation_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
    margin-top: 7.6923076923vw;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_relation_block {
    display: block;
    padding: 0;
    border-radius: 3.8461538462vw;
    border: 1px solid #EEE;
    width: 71.7948717949vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_relation_block:not(:first-child) {
    margin-left: 5.1282051282vw;
  }
}
.p-flow_relation_block:hover {
  opacity: 0.8;
}

.p-flow_relation_block:not(:first-child) {
  border-top: 1px solid #eee;
}

.p-flow_relation_txt {
  margin-left: 1.3888888889vw;
}

@media screen and (max-width: 719px) {
  .p-flow_relation_txt {
    margin: 0;
    padding: 7.6923076923vw 5.1282051282vw;
  }
}
.p-flow_relation_txt_title {
  font-size: 1.3888888889vw;
  letter-spacing: 0.04em;
  line-height: 160%;
  font-weight: bold;
}

@media screen and (max-width: 719px) {
  .p-flow_relation_txt_title {
    font-size: 6.6666666667vw;
  }
}
.p-flow_relation_txt_desc {
  margin-top: 0.3472222222vw;
}

@media screen and (max-width: 719px) {
  .p-flow_relation_txt_desc {
    margin-top: 1.2820512821vw;
  }
}
.p-flow_relation_img {
  width: 12.5vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 719px) {
  .p-flow_relation_img {
    width: 100%;
    height: 42.3076923077vw;
  }
}
.p-flow_relation_img img {
  width: 100%;
  height: 8.3333333333vw;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 720px) {
  .p-flow_relation_img img {
    border-radius: 1.0416666667vw;
  }
}
@media screen and (max-width: 719px) {
  .p-flow_relation_img img {
    height: 42.3076923077vw;
  }
}
.p-flow_class {
  background-color: #FCFCFC;
  padding: 6.9444444444vw 0;
}

@media screen and (max-width: 719px) {
  .p-flow_class {
    padding: 15.3846153846vw 5.1282051282vw;
    margin: auto;
  }
}
.p-flow_class_list {
  width: 37.8472222222vw;
  text-decoration: none;
  padding: 1.0416666667vw 1.0416666667vw 1.0416666667vw 1.7361111111vw;
  -webkit-box-shadow: 0px 0px 0.6944444444vw #E7E7E7;
  box-shadow: 0px 0px 0.6944444444vw #E7E7E7;
  border-radius: 2.0833333333vw;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  background-color: #fff;
}

@media screen and (max-width: 719px) {
  .p-flow_class_list {
    width: 100%;
    padding: 3.8461538462vw 3.8461538462vw 3.8461538462vw 6.4102564103vw;
    -webkit-box-shadow: 0 0 2.5641025641vw #E7E7E7;
    box-shadow: 0 0 2.5641025641vw #E7E7E7;
    border-radius: 7.6923076923vw;
    display: block;
  }

  .p-flow_class_list:not(:first-child) {
    margin-top: 3.8461538462vw;
  }
}
.p-flow_class_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4.1666666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_class_lists {
    display: block;
    margin-top: 10.2564102564vw;
  }
}
.p-flow_class_list_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-flow_class_list_stxt {
  display: block;
}

.p-flow_class_list_txt {
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 150%;
  letter-spacing: 0.04em;
  display: block;
}

@media screen and (max-width: 719px) {
  .p-flow_class_list_txt {
    font-size: 5.1282051282vw;
  }
}
.p-flow_class_list_txt::after {
  content: "";
  display: block;
  border-radius: 3.4722222222vw;
  background-color: #FFF0E6;
  background-image: url(/assets/img/common/arrow-r.svg);
  background-repeat: no-repeat;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-size: 1.1111111111vw 0.4166666667vw;
  background-position: center top 1.0416666667vw;
  margin-top: 0.6944444444vw;
}

@media screen and (max-width: 719px) {
  .p-flow_class_list_txt::after {
    border-radius: 12.8205128205vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    background-size: 4.1025641026vw 1.5384615385vw;
    background-position: center top 3.8461538462vw;
    margin-top: 2.5641025641vw;
  }
}
.p-flow_class_list:hover {
  opacity: 0.8;
}

.p-flow_class_list_img {
  width: 10.4166666667vw;
}

@media screen and (max-width: 719px) {
  .p-flow_class_list_img {
    width: 25.641025641vw;
  }
}
.p-flow_class_list_img img {
  border-radius: 1.0416666667vw;
  width: 100%;
}

@media screen and (max-width: 719px) {
  .p-flow_class_list_img img {
    border-radius: 3.8461538462vw;
  }
}
/*# sourceMappingURL=flow-index.css.map */