@charset "shift-jis";
/* --------------------------------------------------------------------
  Financial Academy

  Style Info: /refer-friends/index.html
-------------------------------------------------------------------- */
*,*::before,*::after {
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 14px;
  }
}

/* inner */
section .inner {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
}
@media screen and (max-width: 599px) {
  section .inner {
    padding: 40px 0;
  }
}

/* img */
img {
  max-width: 100%;
  height: auto;
}

/* disaplay */
.pc {
  display: inherit;
}
.tab {
  display: none;
}
.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .pc {
    display: none !important;
  }
  .tab {
    display: inherit ;
  }
  .sp {
    display: none ;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
  .tab {display: none;
  }
  .sp {
    display: inherit;
  }
}

/* font */
.f_tsukuardgothic {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
}

/* text */
.txt_bold {
  font-weight: bold;
}
.txt_blue {
  color: #3189d1;
}
.txt_pink {
  color: #ff747b;
}

/* background */
.bg_main {
  padding: 20px;
  background: linear-gradient(to right, #3189d1 0%, #3189d1 50%, #ff747b 50%, #ff747b 100%);
}
@media screen and (max-width: 599px) {
  .bg_main {
    padding: 10px;
  }
}

/* marker */
.marker_01 {
  padding-bottom: 0.2em;
  background: linear-gradient(transparent 40%, rgba(49, 137, 209, 0.1) 40%);
}
.marker_02 {
  padding-bottom: 0.2em;
  background: linear-gradient(transparent 40%, rgba(255, 116, 123, 0.1) 40%);
}

/* heading */
.heading_01 {
  margin-bottom: 1.8em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  color: #1c2569;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.heading_01.white {
  color: #fff;
}
.heading_01.blue {
  color: #3189d1;
}
.heading_01.pink {
  color: #ff747b;
}
.heading_01.size_s {
  margin-bottom: 0.5em;
  font-size: 25px;
}
@media screen and (max-width: 599px) {
  .heading_01 {
    font-size: 20px;
  }
  .heading_01.size_s {
    font-size: 16px;
  }
}

/* ------------------------------
mv
------------------------------ */
.mv {
  position: relative;
  padding: 50px 4%;
  background: linear-gradient(to right, #d5e7f5, #d5e7f5 50%, #ffe3e4 50%, #ffe3e4);
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
}
.mv::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 82%;
  clip-path: ellipse(50% 20% at 50% 50%);
  background: #fff;
  content: '';
}
.mv::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: #fff;
  content: '';
}
.mv_inner {
  position: relative;
  z-index: 2;
}
.mv .sub {
  display: inline-block;
  position: relative;
  margin-bottom: 0.8em;
  padding: 0.2em 2em;
  background: #fff;
  border-top: 1px solid #f9e203;
  border-bottom: 1px solid #f9e203;
  color: #1c2569;
  font-size: 25px;
  font-weight: bold;
}
.mv .sub::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 18px;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: #d5e7f5;
  content: '';
}
.mv .sub::after {
  position: absolute;
  top: 0;
  right: -1px;
  width: 18px;
  height: 100%;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
  background: #ffe3e4;
  content: '';
}
.mv h1 {
  color: #1c2569;
  font-size: 58px;
  line-height: 1.4;
}
.mv h1 .txt_l {
  font-size: 70px;
}
.mv .img_mv {
  width: 100%;
  max-width: 1000px;
  margin: 10px 0 15px;
}
.mv h2 {
  display: inline-block;
  position: relative;
  padding: 0 1em 2em;
  color: #1c2569;
  font-size: 35px;
}
.mv h2::before,
.mv h2::after {
  position: absolute;
  bottom: 0;
  width: 92px;
  height: 154px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
}
.mv h2::before {
  left: 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2294.845%22%20height%3D%22156.417%22%20viewBox%3D%220%200%2094.845%20156.417%22%3E%3Cg%20transform%3D%22translate(-271.655%20-744.5)%22%3E%3Cpath%20d%3D%22M-2515.478%2C1753.855a1.5%2C1.5%2C0%2C0%2C1-1.284-.722l-91.844-151.273a1.5%2C1.5%2C0%2C0%2C1%2C.5-2.061%2C1.5%2C1.5%2C0%2C0%2C1%2C2.061.5l91.844%2C151.273a1.5%2C1.5%2C0%2C0%2C1-.5%2C2.061A1.494%2C1.494%2C0%2C0%2C1-2515.478%2C1753.855Z%22%20transform%3D%22translate(2880.479%20-855.082)%22%20fill%3D%22%231c2569%22%2F%3E%3Cpath%20d%3D%22M-2537.5%2C1756a1.5%2C1.5%2C0%2C0%2C1-1.116-.5l-62.676-69.678a1.5%2C1.5%2C0%2C0%2C1%2C.112-2.118%2C1.5%2C1.5%2C0%2C0%2C1%2C2.118.112l62.676%2C69.678a1.5%2C1.5%2C0%2C0%2C1-.112%2C2.118A1.494%2C1.494%2C0%2C0%2C1-2537.5%2C1756Z%22%20transform%3D%22translate(2880.479%20-855.082)%22%20fill%3D%22%231c2569%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mv h2::after {
  right: 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2294.845%22%20height%3D%22156.417%22%20viewBox%3D%220%200%2094.845%20156.417%22%3E%3Cg%20transform%3D%22translate(1.5%201.5)%22%3E%3Cpath%20d%3D%22M-2607.326%2C1753.855a1.494%2C1.494%2C0%2C0%2C1-.777-.218%2C1.5%2C1.5%2C0%2C0%2C1-.5-2.061l91.844-151.273a1.5%2C1.5%2C0%2C0%2C1%2C2.061-.5%2C1.5%2C1.5%2C0%2C0%2C1%2C.5%2C2.061l-91.844%2C151.273A1.5%2C1.5%2C0%2C0%2C1-2607.326%2C1753.855Z%22%20transform%3D%22translate(2607.324%20-1601.082)%22%20fill%3D%22%231c2569%22%2F%3E%3Cpath%20d%3D%22M-2600.177%2C1756a1.494%2C1.494%2C0%2C0%2C1-1-.385%2C1.5%2C1.5%2C0%2C0%2C1-.112-2.118l62.676-69.678a1.5%2C1.5%2C0%2C0%2C1%2C2.118-.112%2C1.5%2C1.5%2C0%2C0%2C1%2C.112%2C2.118l-62.676%2C69.678A1.5%2C1.5%2C0%2C0%2C1-2600.177%2C1756Z%22%20transform%3D%22translate(2622.198%20-1601.082)%22%20fill%3D%22%231c2569%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mv h2 .txt_m {
  font-size: 40px;
}
.mv h2 .txt_l {
  font-size: 50px;
}
.mv .screen_capture {
  display: block;
  width: 100%;
  max-width: 663.5px;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .mv .sub .txt_s {
    font-size: 22px;
  }
}
@media screen and (max-width: 599px) {
  .mv {
    padding: 20px 2%;
  }
  .mv::before {
    width: 130%;
    height: 80%;
  }
  .mv .sub {
    margin-bottom: 1.5em;
    font-size: 14px;
  }
  .mv .sub .txt_l {
    font-size: 16px;
  }
  .mv h1 {
    font-size: 30px;
  }
  .mv h1 .txt_l {
    font-size: 40px;
  }
  .mv h1 .txt_s {
    font-size: 25px;
  }
  .mv .img_mv {
    margin: 18px 0 20px;
  }
  .mv h2 {
    padding: 0 1.8em 2em;
    font-size: 16px;
  }
  .mv h2 .txt_m {
    font-size: 16px;
  }
  .mv h2 .txt_l {
    font-size: 25px;
  }
  .mv .screen_capture {
    max-width: 300px;
  }
  .mv h2::before,
  .mv h2::after {
    width: 33px;
    height: 55px;
    background-size: 32.68px auto;
  }
}

/* ------------------------------
benefits
------------------------------ */
.benefits {
  background: #fff;
  text-align: center;
  overflow: hidden;
}
.benefits .benefits_inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 0 60px;
  background: linear-gradient(to right, #3189d1, #3189d1 50%, #ff747b 50%, #ff747b);
}
.benefits h2 {
  margin-bottom: 0.1em;
}
.benefits .lead {
  margin-bottom: 1em;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.benefits .benefits_list {
  display: flex;
  justify-content: space-around;
}
.benefits .benefits_list li {
  position: relative;
  width: 36%;
  padding: 1em 3%;
  background: #fff;
  border-radius: 20px;
  text-align: left;
}
.benefits .benefits_note {
  margin-top: 0.5em;
  font-size: 12px;
  line-height: 1.6;
}
.benefits .benefits_list .img_woman {
  position: absolute;
  bottom: -61px;
  left: -180px;
  max-width: 207px;
}
.benefits .benefits_list .img_man {
  position: absolute;
  bottom: -60px;
  right: -182px;
  max-width: 219.5px;
}
@media screen and (min-width: 600px) {
  .benefits .benefits_inner {
    width: 92%;
    border-radius: 30px 30px 0 0;
  }
}
@media screen and (max-width: 1149px) {
  .benefits .benefits_list .img_woman {
    left: -150px;
  }
  .benefits .benefits_list .img_man {
    right: -152px;
  }
}
@media screen and (max-width: 999px) {
  .benefits .benefits_list .img_woman {
    left: -100px;
    max-width: 140px;
  }
  .benefits .benefits_list .img_man {
    right: -102px;
    max-width: 145px;
  }
}
@media screen and (max-width: 599px) {
  .benefits .lead {
    font-size: 14px;
  }
  .benefits .benefits_list {
    justify-content: space-between;
  }
  .benefits .benefits_list li {
    width: 46%;
    padding-bottom: 1.8em;
  }
  .benefits .benefits_list h3 {
    min-height: 3.2em;
  }
  .benefits .benefits_note {
    margin-top: 1em;
  }
  .benefits .benefits_list .img_woman {
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 65px;
  }
  .benefits .benefits_list .img_man {
    bottom: -60px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: 69px;
  }
}

/* ------------------------------
terms
------------------------------ */
.terms {
  background: linear-gradient(to right, #ecf5f9, #ecf5f9 50%, #fff1f1 50%, #fff1f1);
}
.terms .terms_box {
  position: relative;
  padding: 2.5em 5% 1.8em;
  background: #fff;
  border-radius: 20px;
  border: 2px solid #1c2569;
}
.terms .terms_box h3 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1em;
  background: linear-gradient(transparent 30%, #fff 30%);
  line-height: 1;
  white-space: nowrap;
}
.terms .terms_note {
  margin: 1em 0 4em;
  font-size: 14px;
}
.terms .school_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  column-gap: 2.5%;
  row-gap: 15px;
}
.terms .school_list li {
  padding: 0.4em;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.terms .school_list li.kabu {
  background: #5e76a7;
}
.terms .school_list li.fudo {
  background: #44a1c5;
}
.terms .school_list li.mf {
  background: #8a9f55;
}
.terms .school_list li.kyouyo {
  background: #7e678d;
}
.terms .school_list li.retirement {
  background: #e16f4e;
}
@media screen and (min-width: 600px) {
  .terms .terms_box_list {
    display: flex;
    justify-content: space-between;
  }
  .terms .terms_box_list .terms_box {
    width: 46%;
  }
}
@media screen and (max-width: 719px) {
  .terms .terms_box h3 {
    padding: 0 0.4em;
  }
}
@media screen and (max-width: 599px) {
  .terms .terms_box_list .terms_box + .terms_box {
    margin-top: 40px;
  }
  .terms .terms_note {
    margin-bottom: 3em;
    font-size: 12px;
  }
  .terms .school_list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6%;
    row-gap: 20px;
  }
  .terms .school_list li {
    font-size: 14px;
  }
  .terms .school_list li.retirement {
    grid-column: 1/3;
    justify-self: center;
    width: 47%;
  }
}

/* ------------------------------
step
------------------------------ */
.step {
  background: #fff;
}
.step .step_list li {
  display: grid;
  grid-template-columns: 90px 105px auto;
  column-gap: 20px;
  row-gap: 30px;
  align-items: center;
  position: relative;
  padding: 23px 4%;
  background: rgba(249, 226, 3, 0.1);
  border-radius: 20px;
}
.step .step_list li + li {
  margin-top: 65px;
}
.step .step_list li + li::before {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 35px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2235%22%20viewBox%3D%220%200%2040%2035%22%3E%3Cpath%20d%3D%22M17.4%2C4.558a3%2C3%2C0%2C0%2C1%2C5.209%2C0l14.83%2C25.953A3%2C3%2C0%2C0%2C1%2C34.83%2C35H5.17a3%2C3%2C0%2C0%2C1-2.6-4.488Z%22%20transform%3D%22translate(40%2035)%20rotate(180)%22%20fill%3D%22%231c2569%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  content: '';
}
.step .step_list .ico_step {
  width: 90px;
  height: 90px;
  padding-top: 18px;
  background: #1c2569;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.step .step_list .txt {
  letter-spacing: 0.03em;
}
.step .step_list .capture {
  grid-column: 1/4;
  grid-row: 2/3;
}
.step .step_list .capture .cap_sp {
  display: none;
}
@media screen and (min-width: 600px) {
  .step .step_list .txt {
    padding-left: 1em;
  }
}
@media screen and (max-width: 599px) {
  .step .step_list li {
    grid-template-columns: 80px auto;
    row-gap: 25px;
    padding: 25px 6%;
  }
  .step .step_list .ico_step {
    width: 80px;
    height: 80px;
    font-size: 20px;
  }
  .step .step_list .img img {
    width: 80px;
  }
  .step .step_list .txt {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .step .step_list .capture {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .step .step_list .capture .cap_pc {
    display: none;
  }
  .step .step_list .capture .cap_sp {
    display: block;
  }
}

/* ------------------------------
faq
------------------------------ */
.faq {
  background: #f4f5f7;
}
.faq .faq_list li {
  padding: 30px 5%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  letter-spacing: 0.03em;
}
.faq .faq_list li + li {
  margin-top: 40px;
}
.faq .faq_list li .txt_q {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding-left: 60px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%3E%3Cg%20transform%3D%22translate(-270%20-3735)%22%3E%3Cpath%20d%3D%22M21.5%2C0A21.5%2C21.5%2C0%2C1%2C1%2C0%2C21.5%2C21.5%2C21.5%2C0%2C0%2C1%2C21.5%2C0Z%22%20transform%3D%22translate(270%203735)%22%20fill%3D%22%23ff747b%22%2F%3E%3Cpath%20d%3D%22M10.025%2C3.8A1.339%2C1.339%2C0%2C0%2C0%2C8.65%2C2.425c-1.825-.025-3-.35-6-1.9C2.475.425%2C2.425.35%2C2.425.3A.112.112%2C0%2C0%2C1%2C2.5.2%2C9.241%2C9.241%2C0%2C0%2C0%2C9.65-9.225%2C9.408%2C9.408%2C0%2C0%2C0%2C0-18.925a9.387%2C9.387%2C0%2C0%2C0-9.625%2C9.7A9.2%2C9.2%2C0%2C0%2C0-3.475-.1a9.03%2C9.03%2C0%2C0%2C1%2C1.6.675C-1.075%2C1.1-.25%2C1.7.675%2C2.325%2C4.35%2C4.8%2C6.25%2C5.3%2C8.2%2C5.3%2C9.475%2C5.3%2C10.025%2C4.55%2C10.025%2C3.8ZM0-2.15c-3.7%2C0-6.7-2.775-6.7-7.075%2C0-4.325%2C3-7.125%2C6.7-7.125s6.7%2C2.8%2C6.7%2C7.125C6.7-4.925%2C3.7-2.15%2C0-2.15Z%22%20transform%3D%22translate(292%203765)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: left 0.5em;
}
.faq .faq_list li .txt_a {
  display: flex;
  align-items: center;
  min-height: 60px;
  margin-top: 0.5em;
  padding: 1em 0 0 60px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%3E%3Cg%20transform%3D%22translate(-270%20-3812)%22%3E%3Cpath%20d%3D%22M21.5%2C0A21.5%2C21.5%2C0%2C1%2C1%2C0%2C21.5%2C21.5%2C21.5%2C0%2C0%2C1%2C21.5%2C0Z%22%20transform%3D%22translate(270%203812)%22%20fill%3D%22%233189d1%22%2F%3E%3Cpath%20d%3D%22M7.938-1.15a1.981%2C1.981%2C0%2C0%2C0-.15-.725c-.825-1.95-4.075-10.65-5.675-15.15A2.493%2C2.493%2C0%2C0%2C0-.213-18.75a2.31%2C2.31%2C0%2C0%2C0-2.2%2C1.675c-5.475%2C15.4-5.55%2C15.6-5.55%2C16.05A1.343%2C1.343%2C0%2C0%2C0-6.538.225%2C1.421%2C1.421%2C0%2C0%2C0-5.138-.8c.375-1.2.95-3%2C1.575-4.975A.314.314%2C0%2C0%2C1-3.263-6c.525-.025%2C2.2-.025%2C3.7-.025%2C1.125%2C0%2C2.15%2C0%2C2.55.025.15%2C0%2C.225.075.275.225C4.037-3.45%2C4.687-1.45%2C4.988-.725A1.466%2C1.466%2C0%2C0%2C0%2C6.412.2%2C1.418%2C1.418%2C0%2C0%2C0%2C7.938-1.15ZM2.262-8.75c0%2C.075-.05.1-.2.1-.35%2C0-1.225.025-2.125.025-.875%2C0-1.8-.025-2.3-.025-.15%2C0-.2-.05-.2-.15%2C0-.225%2C1.625-4.9%2C2-5.9.175-.5.325-.725.45-.725.15%2C0%2C.275.25.425.7.4%2C1.225%2C1.15%2C3.5%2C1.925%2C5.85A.272.272%2C0%2C0%2C1%2C2.262-8.75Z%22%20transform%3D%22translate(292%203842)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: left 1em;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .faq .faq_list li {
    padding: 15px 5%;
  }
  .faq .faq_list li + li {
    margin-top: 35px;
  }
  .faq .faq_list li .txt_q {
    min-height: 60px;
    padding-left: 52px;
    background-size: 40px;
    background-position: left 0.2em;
  }
  .faq .faq_list li .txt_a {
    min-height: 60px;
    margin-top: 0.8em;
    padding: 1em 0 0 52px;
    background-size: 40px;
    background-position: left 1.2em;
  }
}