@charset "UTF-8";
.learn-intro__title {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .learn-intro__title {
    padding-left: 4vw;
  }
}
.learn-intro img {
  width: 100%;
  height: auto;
}

.learn-hero {
  display: flex;
  width: 100%;
  padding: min(calc(58 / 1268 * 100vw), 58px) 0;
  justify-content: center;
  align-items: center;
  background: url("../../../images/learn/common/bg_hero.webp") no-repeat center;
  background-size: cover;
  gap: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .learn-hero {
    padding: 14.1333333333vw 0;
    background: url("../../../images/learn/common/bg_hero_sp.webp") no-repeat center;
    gap: 3.4666666667vw;
  }
}
.learn-hero::before {
  display: block;
  width: min(calc(184 / 1268 * 100vw), 184px);
  height: min(calc(184 / 1268 * 100vw), 184px);
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .learn-hero::before {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
  }
}
.learn-hero__heading {
  display: flex;
  width: min(calc(750 / 1268 * 100vw), 750px);
  flex-direction: column;
  align-items: center;
  gap: min(calc(18 / 1268 * 100vw), 18px);
}
@media screen and (max-width: 767px) {
  .learn-hero__heading {
    width: 61.3333333333vw;
    align-items: flex-start;
    gap: 4.2666666667vw;
  }
}
.learn-hero__subtitle {
  display: flex;
  width: min(calc(466 / 1268 * 100vw), 466px);
  height: min(calc(57 / 1268 * 100vw), 57px);
  justify-content: center;
  align-items: center;
  gap: min(calc(10 / 1268 * 100vw), 10px);
  background: #C4D700;
}
@media screen and (max-width: 767px) {
  .learn-hero__subtitle {
    width: 53.6vw;
    height: 10.6666666667vw;
    gap: 2.6666666667vw;
  }
}
.learn-hero__chapter {
  color: #004831;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-hero__chapter {
    font-size: calc(18 / 375 * 100vw);
  }
}
.learn-hero__step {
  display: grid;
  width: min(calc(104 / 1268 * 100vw), 104px);
  height: min(calc(37 / 1268 * 100vw), 37px);
  place-items: center;
  color: #fff;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  background: #004831;
}
@media screen and (max-width: 767px) {
  .learn-hero__step {
    width: 21.0666666667vw;
    height: 6.4vw;
    font-size: calc(16 / 375 * 100vw);
  }
}
.learn-hero__title {
  color: #004831;
  text-align: center;
  font-size: min(calc(54 / 1268 * 100vw), 3.375rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-hero__title {
    text-align: left;
    font-size: calc(27 / 375 * 100vw);
  }
}

.learn-01 .learn-hero::before {
  background-image: url("../../../images/icons/icon_teacher.svg");
}

.learn-point-heading {
  margin-bottom: min(calc(40 / 1268 * 100vw), 40px);
  padding-bottom: min(calc(16 / 1268 * 100vw), 16px);
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .learn-point-heading {
    margin-bottom: 8.5333333333vw;
    padding-bottom: 2.1333333333vw;
    line-height: 1.4;
  }
}

.learn-point-summary {
  background: #E0FFF5;
  border-radius: 2px;
}
.learn-point-summary .c-title-4 {
  padding: 0;
  color: #004831;
  border: none;
}
.learn-point-summary__list {
  list-style: none;
}
.learn-point-summary__list li {
  padding-left: calc(1em + min(calc(4 / 1268 * 100vw), 4px));
  padding-block: min(calc(6 / 1268 * 100vw), 6px);
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1;
  text-indent: calc(-1em - min(calc(4 / 1268 * 100vw), 4px));
}
@media screen and (max-width: 767px) {
  .learn-point-summary__list li {
    padding-left: 1em;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.7;
    text-indent: -1em;
  }
}
.learn-point-summary__list li::before {
  content: "・";
  margin-right: min(calc(4 / 1268 * 100vw), 4px);
  font-size: min(calc(20 / 1268 * 100vw), 1.25rem);
}
@media screen and (max-width: 767px) {
  .learn-point-summary__list li::before {
    margin-right: 0;
    font-size: calc(16 / 375 * 100vw);
  }
}
.learn-point-summary__list li + li {
  margin-top: min(calc(12 / 1268 * 100vw), 12px);
}
@media screen and (max-width: 767px) {
  .learn-point-summary__list li + li {
    margin-top: 3.2vw;
  }
}

.learn-point .o-inner {
  padding-bottom: min(calc(100 / 1268 * 100vw), 100px);
}
@media screen and (max-width: 767px) {
  .learn-point .o-inner {
    padding-bottom: 16vw;
  }
}
.learn-point img {
  margin-inline: auto;
}
.learn-point .c-txt + .c-txt {
  margin-top: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-point .c-txt + .c-txt {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .learn-point .js-scrollable {
    width: calc(100% + 4vw);
    margin-right: -4vw;
    overflow-x: auto;
  }
}
@media screen and (max-width: 767px) {
  .learn-point .js-scrollable img {
    width: 800px;
    max-width: none;
  }
}

.learn-point-blocks {
  display: grid;
  margin-inline: auto;
  width: min(calc(960 / 1268 * 100vw), 960px);
  grid-template-columns: repeat(2, 1fr);
  row-gap: min(calc(32 / 1268 * 100vw), 32px);
  column-gap: min(calc(40 / 1268 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .learn-point-blocks {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 3.7333333333vw;
  }
}

.learn-point-block {
  display: flex;
  width: min(calc(460 / 1268 * 100vw), 460px);
  height: min(calc(110 / 1268 * 100vw), 110px);
  gap: min(calc(14 / 1268 * 100vw), 14px);
  justify-content: center;
  align-items: center;
  background: #FEFFF5;
  border: 1px solid #C4D700;
}
@media screen and (max-width: 767px) {
  .learn-point-block {
    width: 100%;
    height: 16.5333333333vw;
    gap: 3.7333333333vw;
  }
}
.learn-point-block::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.learn-point-block__text {
  width: min(calc(286 / 1268 * 100vw), 286px);
  color: #004831;
  text-align: center;
  font-size: min(calc(22 / 1268 * 100vw), 1.375rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-point-block__text {
    width: 58.6666666667vw;
    text-align: left;
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.3;
  }
}

.learn-01.step-01 .learn-figure-01 {
  margin-inline: auto;
}
.learn-01.step-01 .learn-figure-01__text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(calc(8 / 1268 * 100vw), 8px);
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text {
    flex-direction: column;
    font-size: calc(18 / 375 * 100vw);
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text span:not(.learn-figure-01__text--orange):not(:last-of-type) {
    font-size: calc(18 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-01__text--orange {
  color: #C74900;
  font-size: min(calc(32 / 1268 * 100vw), 2rem);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text--orange {
    font-size: calc(28 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-01__text--orange--fl::first-letter {
  color: #C74900;
  font-size: min(calc(32 / 1268 * 100vw), 2rem);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text--orange--fl::first-letter {
    font-size: calc(28 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-01__text--equal {
  display: grid;
  margin-left: 0.8vw;
  margin-right: 0.5333333333vw;
  width: 7.7333333333vw;
  height: 6.9333333333vw;
  place-items: center;
  rotate: 90deg;
}
.learn-01.step-01 .learn-figure-01__text--flex {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text--flex {
    gap: 0.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text--flex > span:last-of-type {
    margin-left: -0.8vw;
    font-size: calc(13 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-01__text > span:last-of-type {
  margin-left: max(calc(-8 / 1268 * 100vw), -8px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__text > span:last-of-type {
    margin-left: 0;
  }
}
.learn-01.step-01 .learn-figure-01__feature {
  display: flex;
  margin-inline: auto;
  width: min(calc(916 / 1268 * 100vw), 916px);
  justify-content: center;
  align-items: center;
  gap: min(calc(10 / 1268 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__feature {
    width: 70.6666666667vw;
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.learn-01.step-01 .learn-figure-01__feature-item {
  display: grid;
  width: min(calc(286 / 1268 * 100vw), 286px);
  height: min(calc(54 / 1268 * 100vw), 54px);
  place-items: center;
  color: #004831;
  font-size: min(calc(22 / 1268 * 100vw), 1.375rem);
  font-weight: 700;
  line-height: 1;
  background: #FEFFF5;
  border: 1px solid #C4D700;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-01__feature-item {
    width: 100%;
    height: 13.8666666667vw;
    font-size: calc(20 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-02 {
  display: flex;
  margin-inline: auto;
  width: min(calc(916 / 1268 * 100vw), 916px);
  flex-direction: column;
  align-items: center;
  background: #FBFFD2;
  border-radius: min(calc(2 / 1268 * 100vw), 2px);
  gap: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02 {
    width: 100%;
    gap: 4.2666666667vw;
    border-radius: 0.5333333333vw;
  }
}
.learn-01.step-01 .learn-figure-02__text {
  display: flex;
  align-items: center;
  gap: min(calc(8 / 1268 * 100vw), 8px);
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__text {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.2;
    gap: 2.1333333333vw;
  }
}
.learn-01.step-01 .learn-figure-02__etf {
  color: #004831;
  font-size: min(calc(32 / 1268 * 100vw), 2rem);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__etf {
    margin-right: 1.0666666667vw;
    font-size: calc(28 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-02__list {
  display: flex;
  align-items: center;
  gap: min(calc(37 / 1268 * 100vw), 37px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__list {
    width: 81.0666666667vw;
    flex-direction: column;
    gap: 2.1333333333vw;
  }
}
.learn-01.step-01 .learn-figure-02__list-head {
  margin-bottom: min(calc(16 / 1268 * 100vw), 16px);
  color: #004831;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__list-head {
    margin-bottom: 4.2666666667vw;
    font-size: calc(20 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-02__list-body {
  text-align: center;
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__list-body {
    font-size: calc(16 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-02__list-body:last-child {
  margin-top: min(calc(10 / 1268 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__list-body:last-child {
    margin-top: 2.6666666667vw;
  }
}
.learn-01.step-01 .learn-figure-02__list-item {
  display: flex;
  width: min(calc(336 / 1268 * 100vw), 336px);
  height: min(calc(118 / 1268 * 100vw), 118px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__list-item {
    width: 81.0666666667vw;
    height: 29.3333333333vw;
    border-radius: 0.5333333333vw;
  }
}
.learn-01.step-01 .learn-figure-02__plus {
  color: #555555;
  font-size: min(calc(30 / 1268 * 100vw), 1.875rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-02__plus {
    font-size: calc(30 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-03 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.learn-01.step-01 .learn-figure-03 thead th {
  width: min(calc(255 / 1268 * 100vw), 255px);
  height: min(calc(40 / 1268 * 100vw), 40px);
  color: #004831;
  text-align: center;
  font-size: min(calc(16 / 1268 * 100vw), 1rem);
  font-weight: 700;
  line-height: 1;
  background: #C4D700;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 thead th {
    width: 53.3333333333vw;
    height: 8.2666666667vw;
    font-size: calc(12 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-03 thead th:not(:first-child) {
  border-left: 1px solid #fff;
}
.learn-01.step-01 .learn-figure-03 tbody th,
.learn-01.step-01 .learn-figure-03 tbody td {
  width: min(calc(255 / 1268 * 100vw), 255px);
  height: min(calc(40 / 1268 * 100vw), 40px);
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  border: 1px solid #D3D3D3;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 tbody th,
  .learn-01.step-01 .learn-figure-03 tbody td {
    width: 53.3333333333vw;
    height: 8.2666666667vw;
    font-size: calc(14 / 375 * 100vw);
  }
}
.learn-01.step-01 .learn-figure-03 tbody td {
  text-align: center;
}
.learn-01.step-01 .learn-figure-03 tbody th {
  padding-left: min(calc(16 / 1268 * 100vw), 16px);
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 tbody th {
    padding-left: 3.3333333333vw;
  }
}
.learn-01.step-01 .learn-figure-03 tbody tr:first-child th,
.learn-01.step-01 .learn-figure-03 tbody tr:first-child td {
  border-top: none;
}
.learn-01.step-01 .learn-figure-03__color {
  font-weight: 700;
  background: #FBFFD2;
}
.learn-01.step-01 .learn-figure-03 .learn-figure-03__col-1 {
  width: 8.235%;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 .learn-figure-03__col-1 {
    width: 17.6vw;
  }
}
.learn-01.step-01 .learn-figure-03 .learn-figure-03__col-2 {
  width: 16.76%;
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 .learn-figure-03__col-2 {
    width: 35.7333333333vw;
  }
}
.learn-01.step-01 .learn-figure-03 .learn-figure-03__cost-head {
  width: min(calc(84 / 1268 * 100vw), 84px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 .learn-figure-03__cost-head {
    width: 17.6vw;
  }
}
.learn-01.step-01 .learn-figure-03 .learn-figure-03__cost-subhead {
  width: min(calc(171 / 1268 * 100vw), 171px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-01 .learn-figure-03 .learn-figure-03__cost-subhead {
    width: 35.7333333333vw;
  }
}

.learn-01.step-03 .learn-point-block:nth-child(1)::before {
  width: min(calc(53 / 1268 * 100vw), 53px);
  height: min(calc(57 / 1268 * 100vw), 57px);
  background-image: url("../../../images/icons/icon_spread.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-block:nth-child(1)::before {
    width: 16vw;
    height: 11.2vw;
  }
}
.learn-01.step-03 .learn-point-block:nth-child(2)::before {
  width: min(calc(88 / 1268 * 100vw), 88px);
  height: min(calc(58 / 1268 * 100vw), 58px);
  background-image: url("../../../images/icons/icon_time.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-block:nth-child(2)::before {
    width: 16vw;
    height: 9.6vw;
  }
}
.learn-01.step-03 .learn-point-block:nth-child(3)::before {
  width: min(calc(50 / 1268 * 100vw), 50px);
  height: min(calc(60 / 1268 * 100vw), 60px);
  background-image: url("../../../images/icons/icon_price-down.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-block:nth-child(3)::before {
    width: 16vw;
    height: 12vw;
  }
}
.learn-01.step-03 .learn-point-block:nth-child(4)::before {
  width: min(calc(57 / 1268 * 100vw), 57px);
  height: min(calc(56 / 1268 * 100vw), 56px);
  background-image: url("../../../images/icons/icon_trade.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-block:nth-child(4)::before {
    width: 16vw;
    height: 12vw;
  }
}
.learn-01.step-03 .learn-point-blocks--notes .learn-point-block__text {
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-blocks--notes .learn-point-block__text {
    line-height: 1.3;
  }
}
.learn-01.step-03 .learn-point-blocks--notes .learn-point-block::before {
  width: min(calc(56 / 1268 * 100vw), 56px);
  height: min(calc(56 / 1268 * 100vw), 56px);
  background-image: url("../../../images/icons/icon_note.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-03 .learn-point-blocks--notes .learn-point-block::before {
    width: 16vw;
    height: 11.2vw;
  }
}

.learn-01.step-04 .learn-point-block:nth-child(1)::before,
.learn-01.step-04 .learn-point-block:nth-child(2)::before {
  width: min(calc(61 / 1268 * 100vw), 61px);
  height: min(calc(57 / 1268 * 100vw), 57px);
  background-image: url("../../../images/icons/icon_accept.svg");
}
@media screen and (max-width: 767px) {
  .learn-01.step-04 .learn-point-block:nth-child(1)::before,
  .learn-01.step-04 .learn-point-block:nth-child(2)::before {
    width: 16vw;
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .learn-01.step-04 .learn-point-blocks--cost .learn-point-block {
    height: 21.3333333333vw;
  }
}
.learn-01.step-04 .learn-point-blocks--cost .learn-point-block::before {
  display: none;
}
.learn-01.step-04 .learn-point-blocks--cost .learn-point-block__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(14 / 1268 * 100vw), 14px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-04 .learn-point-blocks--cost .learn-point-block__text {
    gap: 2.1333333333vw;
  }
}
.learn-01.step-04 .learn-point-blocks--cost .learn-point-block span:first-child {
  color: #004831;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-04 .learn-point-blocks--cost .learn-point-block span:first-child {
    font-size: calc(20 / 375 * 100vw);
  }
}
.learn-01.step-04 .learn-point-blocks--cost .learn-point-block span:last-child {
  color: #333;
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-04 .learn-point-blocks--cost .learn-point-block span:last-child {
    font-size: calc(16 / 375 * 100vw);
  }
}

.learn-point-expense {
  display: flex;
  margin-inline: auto;
  width: min(calc(916 / 1268 * 100vw), 916px);
  height: min(calc(260 / 1268 * 100vw), 260px);
  flex-direction: column;
  align-items: center;
  background: #FBFFD2;
  border-radius: min(calc(2 / 1268 * 100vw), 2px);
  gap: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-point-expense {
    width: 100%;
    height: auto;
    gap: 6.4vw;
    border-radius: 0.5333333333vw;
  }
}
.learn-point-expense dl {
  margin: 0;
}
.learn-point-expense dd {
  margin: 0;
}
.learn-point-expense__list-01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 {
    gap: 6.4vw;
  }
}
.learn-point-expense__list-01 dt {
  color: #004831;
  font-size: min(calc(32 / 1268 * 100vw), 2rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 dt {
    font-size: calc(22 / 375 * 100vw);
  }
}
.learn-point-expense__list-01 dd {
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 dd {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.6666666667vw;
    font-size: calc(16 / 375 * 100vw);
    line-height: 1;
  }
}
.learn-point-expense__list-01 dd div {
  display: inline;
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 dd div {
    display: flex;
    margin-left: 8vw;
    justify-content: center;
  }
}
.learn-point-expense__list-01 dd .learn-point-expense__equal {
  margin-inline: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 dd .learn-point-expense__equal {
    margin-inline: 0;
    transform: rotate(90deg);
  }
}
.learn-point-expense__list-01 dd .learn-point-expense__plus {
  margin-inline: min(calc(8 / 1268 * 100vw), 8px);
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-01 dd .learn-point-expense__plus {
    margin-inline: 5.3333333333vw;
  }
}
.learn-point-expense__list-02 {
  display: flex;
  width: min(calc(336 / 1268 * 100vw), 336px);
  flex-direction: column;
  align-items: center;
  gap: min(calc(16 / 1268 * 100vw), 16px);
  background: #fff;
  border-radius: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-02 {
    width: 80vw;
    gap: 3.2vw;
    border-radius: 5.3333333333vw;
  }
}
.learn-point-expense__list-02 dt {
  color: #004831;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-02 dt {
    font-size: calc(20 / 375 * 100vw);
  }
}
.learn-point-expense__list-02 dd {
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-point-expense__list-02 dd {
    font-size: calc(16 / 375 * 100vw);
  }
}

.learn-01.step-05 .learn-figure-01,
.learn-01.step-05 .learn-figure-02 {
  display: flex;
  position: relative;
  width: min(calc(916 / 1268 * 100vw), 916px);
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: min(calc(24 / 1268 * 100vw), 24px);
  background: #FBFFD2;
  border-radius: min(calc(2 / 1268 * 100vw), 2px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-01,
  .learn-01.step-05 .learn-figure-02 {
    width: 100%;
    gap: 4.2666666667vw;
    border-radius: 0.5333333333vw;
  }
}
.learn-01.step-05 .learn-figure-01__title,
.learn-01.step-05 .learn-figure-02__title {
  color: #004831;
  font-size: min(calc(32 / 1268 * 100vw), 2rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-01__title,
  .learn-01.step-05 .learn-figure-02__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.learn-01.step-05 .learn-figure-01__wrapper,
.learn-01.step-05 .learn-figure-02__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(calc(32 / 1268 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-01__wrapper,
  .learn-01.step-05 .learn-figure-02__wrapper {
    gap: 3.7333333333vw;
  }
}
.learn-01.step-05 .learn-figure-01__content,
.learn-01.step-05 .learn-figure-02__content {
  width: min(calc(300 / 1268 * 100vw), 300px);
  padding: min(calc(20 / 1268 * 100vw), 20px) 0 min(calc(24 / 1268 * 100vw), 24px) 0;
  color: #004831;
  text-align: center;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
  background: #fff;
  border-radius: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-01__content,
  .learn-01.step-05 .learn-figure-02__content {
    display: grid;
    padding: 0;
    width: 40vw;
    height: 20.8vw;
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.3;
    place-items: center;
    border-radius: 5.3333333333vw;
  }
}
.learn-01.step-05 .learn-figure-01::before {
  display: block;
  width: min(calc(96 / 1268 * 100vw), 96px);
  height: min(calc(126 / 1268 * 100vw), 126px);
  content: "";
  position: absolute;
  left: min(calc(25 / 1268 * 100vw), 25px);
  bottom: max(calc(-25 / 1268 * 100vw), -25px);
  background: url("../../../images/learn/05/img_point_01.webp") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-01::before {
    display: none;
  }
}
.learn-01.step-05 .learn-figure-02::before {
  display: block;
  width: min(calc(114 / 1268 * 100vw), 114px);
  height: min(calc(112 / 1268 * 100vw), 112px);
  content: "";
  position: absolute;
  left: max(calc(-7 / 1268 * 100vw), -7px);
  bottom: min(calc(50 / 1268 * 100vw), 50px);
  background: url("../../../images/learn/05/img_point_02.webp") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-02::before {
    display: none;
  }
}
.learn-01.step-05 .learn-figure-02__etc {
  display: inline;
  position: absolute;
  bottom: min(calc(30 / 1268 * 100vw), 30px);
  right: min(calc(90 / 1268 * 100vw), 90px);
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-05 .learn-figure-02__etc {
    bottom: 3.4666666667vw;
    right: 6.6666666667vw;
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.3;
  }
}
.learn-01.step-05 .learn-figure-02__wrapper {
  flex-wrap: wrap;
}
.learn-01.step-05 .learn-figure-03-pc {
  border-collapse: collapse;
}
.learn-01.step-05 .learn-figure-03-pc th,
.learn-01.step-05 .learn-figure-03-pc td {
  width: min(calc(360 / 1268 * 100vw), 360px);
  height: min(calc(40 / 1268 * 100vw), 40px);
  text-align: center;
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  line-height: 1;
}
.learn-01.step-05 .learn-figure-03-pc thead {
  font-weight: 700;
  letter-spacing: 0.02em;
}
.learn-01.step-05 .learn-figure-03-pc thead th:nth-child(1) {
  background: #F6F6F6;
}
.learn-01.step-05 .learn-figure-03-pc thead th:nth-child(2) {
  background: #74BDEA;
}
.learn-01.step-05 .learn-figure-03-pc thead th:nth-child(3) {
  background: #EEAC69;
}
.learn-01.step-05 .learn-figure-03-pc tbody th,
.learn-01.step-05 .learn-figure-03-pc tbody td {
  border: 1px solid #D3D3D3;
}
.learn-01.step-05 .learn-figure-03-pc tbody th {
  padding-left: min(calc(16 / 1268 * 100vw), 16px);
  text-align: left;
  font-weight: 400;
}
.learn-01.step-05 .learn-figure-03-pc tbody td {
  font-weight: 500;
}
.learn-01.step-05 .learn-figure-03-pc tbody tr:first-child th,
.learn-01.step-05 .learn-figure-03-pc tbody tr:first-child td {
  border-top: none;
}
.learn-01.step-05 .learn-figure-03-pc tbody td:nth-child(2) {
  background: #E4F5FF;
}
.learn-01.step-05 .learn-figure-03-pc tbody td:nth-child(3) {
  background: #FFEDDB;
}
.learn-01.step-05 .learn-figure-03-sp {
  border-collapse: collapse;
}
.learn-01.step-05 .learn-figure-03-sp th,
.learn-01.step-05 .learn-figure-03-sp td {
  font-size: calc(14 / 375 * 100vw);
  text-align: center;
  line-height: 1;
}
.learn-01.step-05 .learn-figure-03-sp thead {
  font-weight: 700;
  letter-spacing: 0.02em;
}
.learn-01.step-05 .learn-figure-03-sp thead th:nth-child(1) {
  width: 33.3333333333vw;
  height: 10.6666666667vw;
}
.learn-01.step-05 .learn-figure-03-sp thead th:nth-child(2) {
  width: 58.6666666667vw;
  height: 10.6666666667vw;
}
.learn-01.step-05 .learn-figure-03-sp tbody th,
.learn-01.step-05 .learn-figure-03-sp tbody td {
  border: 1px solid #D3D3D3;
}
.learn-01.step-05 .learn-figure-03-sp tbody th {
  width: 33.3333333333vw;
  height: 12vw;
  padding-left: 2.1333333333vw;
  text-align: left;
  font-weight: 400;
}
.learn-01.step-05 .learn-figure-03-sp tbody td {
  width: 58.6666666667vw;
  height: 13.3333333333vw;
  font-weight: 500;
}
.learn-01.step-05 .learn-figure-03-sp tbody tr:first-child th,
.learn-01.step-05 .learn-figure-03-sp tbody tr:first-child td {
  border-top: none;
}
.learn-01.step-05 .learn-figure-03-sp--first thead th:first-child {
  background: #D3D3D3;
}
.learn-01.step-05 .learn-figure-03-sp--first thead th:nth-child(2) {
  background: #74BDEA;
}
.learn-01.step-05 .learn-figure-03-sp--first tbody td {
  background: #E4F5FF;
}
.learn-01.step-05 .learn-figure-03-sp--second thead th:first-child {
  background: #D3D3D3;
}
.learn-01.step-05 .learn-figure-03-sp--second thead th:nth-child(2) {
  background: #EEAC69;
}
.learn-01.step-05 .learn-figure-03-sp--second tbody td {
  background: #FFEDDB;
}

.learn-01.step-06 .learn-figure-01 {
  display: flex;
  margin-inline: auto;
  width: min(calc(916 / 1268 * 100vw), 916px);
  justify-content: center;
  gap: min(calc(37 / 1268 * 100vw), 37px);
  background: #FBFFD2;
  border-radius: min(calc(2 / 1268 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 3.7333333333vw;
    border-radius: 0.5333333333vw;
  }
}
.learn-01.step-06 .learn-figure-01__content {
  width: min(calc(336 / 1268 * 100vw), 336px);
  background: #fff;
  border-radius: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01__content {
    width: 100%;
    border-radius: 5.3333333333vw;
  }
}
.learn-01.step-06 .learn-figure-01__title {
  width: 100%;
  margin-bottom: min(calc(16 / 1268 * 100vw), 16px);
  padding-block: min(calc(8 / 1268 * 100vw), 8px);
  text-align: center;
  font-size: min(calc(24 / 1268 * 100vw), 1.5rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01__title {
    margin-bottom: 2.6666666667vw;
    padding: 2.1333333333vw 0;
    font-size: calc(20 / 375 * 100vw);
  }
}
.learn-01.step-06 .learn-figure-01 p {
  position: relative;
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  line-height: 1.6;
  padding-left: min(calc(24 / 1268 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01 p {
    font-size: calc(16 / 375 * 100vw);
    padding-left: 6.4vw;
  }
}
.learn-01.step-06 .learn-figure-01 p::before {
  content: "";
  position: absolute;
  left: 0;
  top: min(calc(6 / 1268 * 100vw), 6px);
  display: inline-block;
  background-color: #004831;
  mask: url(../../../images/icons/icon_check.svg) center/contain no-repeat;
  -webkit-mask: url(../../../images/icons/icon_check.svg) center/contain no-repeat;
  height: min(calc(18 / 1268 * 100vw), 18px);
  width: min(calc(18 / 1268 * 100vw), 18px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01 p::before {
    top: 1.6vw;
    height: 4.8vw;
    width: 4.8vw;
  }
}
.learn-01.step-06 .learn-figure-01 p + p {
  margin-top: min(calc(10 / 1268 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .learn-01.step-06 .learn-figure-01 p + p {
    margin-top: 2.6666666667vw;
  }
}
.learn-01.step-06 .learn-figure-01__content:first-child .learn-figure-01__title {
  color: #004831;
  background: #C4D700;
}
.learn-01.step-06 .learn-figure-01__content:last-child .learn-figure-01__title {
  color: #333;
  background: #D3D3D3;
}

.learn-accordion__button {
  padding: min(calc(18 / 1268 * 100vw), 18px) min(calc(24 / 1268 * 100vw), 24px);
  position: relative;
  cursor: pointer;
  list-style: none;
  font-size: min(calc(20 / 1268 * 100vw), 1.25rem);
  font-weight: 500;
  line-height: 1;
  border-bottom: 1px solid #555;
}
@media screen and (max-width: 767px) {
  .learn-accordion__button {
    display: flex;
    height: 16.5333333333vw;
    padding-block: 0;
    padding-left: 2.6666666667vw;
    padding-right: 11.4666666667vw;
    align-items: center;
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
}
.learn-accordion__button::-webkit-details-marker {
  display: none;
}
.learn-accordion__button::before, .learn-accordion__button::after {
  position: absolute;
  top: 50%;
  right: min(calc(26 / 1268 * 100vw), 26px);
  width: min(calc(15.75 / 1268 * 100vw), 15.75px);
  height: min(calc(2 / 1268 * 100vw), 2px);
  content: "";
  background: #333;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
@media screen and (max-width: 767px) {
  .learn-accordion__button::before, .learn-accordion__button::after {
    right: 3.2vw;
    width: 4.2vw;
    height: 0.5333333333vw;
  }
}
.learn-accordion__button::after {
  transform: translateY(-50%) rotate(90deg);
}
.learn-accordion__item[open] .learn-accordion__button::after {
  transform: translateY(-50%) rotate(0deg);
}
.learn-accordion__links {
  display: grid;
  margin: 0;
}
.learn-accordion__links li {
  border-bottom: 1px solid #d3d3d3;
}
.learn-accordion__links li > * {
  display: block;
  padding: min(calc(16 / 1268 * 100vw), 16px) min(calc(40 / 1268 * 100vw), 40px);
  font-size: min(calc(16 / 1268 * 100vw), 1rem);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .learn-accordion__links li > * {
    display: flex;
    height: 16.5333333333vw;
    padding: 0;
    padding-left: 6.4vw;
    font-size: 3.7333333333vw;
    line-height: 1.7;
    align-items: center;
  }
}
.learn-accordion__links li a {
  text-decoration: underline;
  transition: text-decoration-thickness 0.4s ease;
}
.learn-accordion__links li a:hover {
  text-decoration-thickness: 2px;
}