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

  Style Info: /brutus/ setting
-------------------------------------------------------------------- */
*, *::before, *::after{ box-sizing: border-box;}

body {
  color: #000;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 14px;
  }
}

img {
  max-width: 100%;
}

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

/* ------------------------------
display
------------------------------ */
.pc {
  display: inherit;
}
.tab {
  display: none;
}
.sp {
  display: none;
}
.sp_tab {
  display: none;
}
@media screen and (min-width: 600px) {
  .tab_pc {
    display: inherit;
  }
}
@media screen and (max-width: 999px) {
  .pc {
    display: none;
  }
  .tab {
    display: inherit;
  }
  .sp {
    display: none;
  }
  .sp_tab {
    display: inherit;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
  .tab {
    display: none ;
  }
  .sp {
    display: inherit;
  }
  .tab_pc {
    display: none;
  }
}

/* ------------------------------
button
------------------------------ */
/* btn_buy */
.btn_buy {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 255px;
  margin: 0 auto;
  padding: 0.85em 35px 0.85em 1em;
  background: #1c2569;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
}
.btn_buy::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.265%22%20height%3D%2217.38%22%20viewBox%3D%220%200%2017.265%2017.38%22%3E%3Cg%20transform%3D%22translate(0)%22%3E%3Cpath%20d%3D%22M12.339%2C49.354H3.71a3.709%2C3.709%2C0%2C0%2C1-3.7-3.7V37.02a3.709%2C3.709%2C0%2C0%2C1%2C3.7-3.7H7.993a.879.879%2C0%2C1%2C1%2C0%2C1.758H3.71A1.949%2C1.949%2C0%2C0%2C0%2C1.763%2C37.02v8.629A1.949%2C1.949%2C0%2C0%2C0%2C3.71%2C47.6h8.63a1.949%2C1.949%2C0%2C0%2C0%2C1.947-1.947V41.334a.879.879%2C0%2C1%2C1%2C1.758%2C0v4.315A3.709%2C3.709%2C0%2C0%2C1%2C12.339%2C49.354Z%22%20transform%3D%22translate(-0.005%20-31.974)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-20.956-11.984a.876.876%2C0%2C0%2C1-.621-.257.879.879%2C0%2C0%2C1%2C0-1.243l8.093-8.093a.879.879%2C0%2C0%2C1%2C1.243%2C0%2C.879.879%2C0%2C0%2C1%2C0%2C1.243l-8.093%2C8.093A.876.876%2C0%2C0%2C1-20.956-11.984Z%22%20transform%3D%22translate(29.049%2022.035)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M283.364%2C6.073a.879.879%2C0%2C0%2C1-.879-.879V1.763h-3.431a.879.879%2C0%2C0%2C1%2C0-1.758h4.31a.879.879%2C0%2C0%2C1%2C.879.879v4.31A.879.879%2C0%2C0%2C1%2C283.364%2C6.073Z%22%20transform%3D%22translate(-266.978%20-0.005)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}
.btn_buy:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* btn_01 */
.btn_01 {
  display: block;
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0.4em 40px 0.4em 1em;
  background: #ea5520;
  border-radius: 9999px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.btn_01::after {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  width: 18px;
  height: 18px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
}
.btn_01:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (max-width: 599px) {
  .btn_01 {
    font-size: 18px;
  }
}

/* ------------------------------
mv
------------------------------ */
.mv {
  width: 94%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 70px 0 50px;
  text-align: center;
}
.mv h1 {
  font-size: 43px;
  font-weight: normal;
}
.mv h1 .txt_l {
  display: inline-block;
  margin-top: 0.1em;
  font-size: 80px;
  font-weight: bold;
}
.mv img {
  width: 100%;
  max-width: 524px;
}
@media screen and (min-width: 600px) {
  .mv {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mv .txt {
    width: 58%;
  }
  .mv .img {
    width: 42%;
  }
}
@media screen and (min-width: 600px) and (max-width: 1129px) {
  .mv h1 {
    font-size: 3.81vw;
  }
  .mv h1 .txt_l {
    font-size: 7.09vw;
  }
}
@media screen and (max-width: 599px) {
  .mv {
    padding: 25PX 0 40PX;
  }
  .mv h1 {
    margin-bottom: 1EM;
    font-size: 21px;
  }
  .mv h1 .txt_l {
    margin-top: 0;
    font-size: 40px;
  }
  .mv img {
    max-width: 300px;
  }
}

/* ------------------------------
history
------------------------------ */
.history {
  background: #f3f3f2;
}
.history .inner {
  max-width: 1190px;
  padding-top: 135px;
}
.history .history_list {
  width: 100%;
  max-width: 1170px;
}
.history .history_list li {
  position: relative;
  padding: 90px 6.5% 80px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.history .history_list li + li {
  margin-top: 180px;
}
.history .history_list h2 {
  position: absolute;
  top: -1.8em;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2;
}
.history .history_list h2 span {
  display: inline-block;
  padding: 0.2em 0.5em;
}
.history .history_list h2 span + br + span {
  margin-top: 0.2em;
}
.history .history_list li.y2017 h2 span {
  background-color: #a8863c;
}
.history .history_list li.y2018 h2 {
  color: #000;
}
.history .history_list li.y2018 h2 span {
  background-color: #fef103;
}
.history .history_list li.y2019 h2 span {
  background-color: #e82511;
}
.history .history_list li.y2020 h2 span {
  background-color: #a27137;
}
.history .history_list li.y2026 h2 span {
  background-color: #a37633;
}
.history .history_list .box_inner {
  display: grid;
  column-gap: 4%;
  row-gap: 1.5em;
}
.history .history_list .box_inner .img {
  align-self: center;
}
.history .history_list .box_inner .img img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.history .history_list .box_inner .summary {
  position: relative;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #1c2569;
  font-size: 19px;
}
.history .history_list .box_inner .summary::before {
  position: absolute;
  bottom: -0.45em;
  height: 5em;
  border-left: 1px solid #1c2569;
  content: '';
}
.history .history_list li .box_inner .btn_area {
  grid-column: 1/3;
  grid-row: 3/4;
  text-align: center;
}
@media screen and (min-width: 700px) {
  .history .history_list li:nth-child(odd) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221169.006%22%20height%3D%22520.143%22%20viewBox%3D%220%200%201169.006%20520.143%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d%3D%22M344.725%2C499.008c-37.742-12.248-86.741-6.981-135.708-1.715C103.666%2C508.623-1.529%2C519.953%2C5.9%2C356.863%2C16.782%2C117.97-54.268%2C26.174%2C113.607%2C4.925c92.37-11.693%2C259.178-.346%2C403.547%2C11C635.164%2C25.2%2C738.183%2C34.478%2C773.3%2C31.171c78.084-7.355%2C297.528-45.212%2C328.191%2C14.989%2C12.842%2C25.213%2C40.85%2C91.308%2C50.235%2C164.142%2C49.9%2C91.843-17.584%2C264.718-84.411%2C291.152-55.485%2C21.946-238.537%2C8.533-307.612%2C2.489-82.258%2C10.709-160.75%2C16.2-229.4%2C16.2C453.224%2C520.144%2C388.544%2C513.227%2C344.725%2C499.008Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  }
  .history .history_list li:nth-child(even) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221169.006%22%20height%3D%22520.143%22%20viewBox%3D%220%200%201169.006%20520.143%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M344.725%2C21.135c-37.741%2C12.248-86.742%2C6.981-135.708%2C1.715C103.666%2C11.519-1.529.189%2C5.9%2C163.279c10.882%2C238.893-60.169%2C330.69%2C107.707%2C351.939%2C92.37%2C11.693%2C259.177.346%2C403.547-11%2C118.01-9.275%2C221.028-18.551%2C256.148-15.243%2C78.083%2C7.355%2C297.528%2C45.212%2C328.191-14.989%2C12.84-25.21%2C40.846-91.32%2C50.234-164.142%2C49.9-91.843-17.584-264.719-84.41-291.151C1011.833-3.257%2C828.785%2C10.157%2C759.71%2C16.2%2C677.452%2C5.493%2C598.956%2C0%2C530.3%2C0%2C453.224%2C0%2C388.544%2C6.916%2C344.725%2C21.135Z%22%20transform%3D%22translate(1169.006%20520.143)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  }
  .history .history_list li .box_inner .overview {
    align-self: flex-start;
  }
  .history .history_list li .box_inner .summary {
    align-self: flex-end;
  }
  .history .history_list li:nth-child(odd) .box_inner {
    grid-template-columns: 30% auto;
  }
  .history .history_list li:nth-child(odd) .box_inner .img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .history .history_list li:nth-child(odd) .box_inner .overview {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .history .history_list li:nth-child(odd) .box_inner .summary {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .history .history_list li:nth-child(odd) .box_inner .summary::before {
    left: -1.45em;
    transform: rotate(-35deg);
  }
  .history .history_list li:nth-child(even) .box_inner {
    grid-template-columns: auto 30%;
  }
  .history .history_list li:nth-child(even) .box_inner .img {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .history .history_list li:nth-child(even) .box_inner .overview {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .history .history_list li:nth-child(even) .box_inner .summary {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .history .history_list li:nth-child(even) .box_inner .summary::before {
    right: -1.45em;
    transform: rotate(35deg);
  }
}
@media screen and (min-width: 800px) {
  .history .history_list h2 .br_sp {
    display: none;
  }
  .history .history_list h2 span.pc_l_none {
    padding-left: 0;
  }
  .history .history_list h2 span.pc_r_none {
    padding-right: 0;
  }
}
@media screen and (min-width: 1000px) {
  .history .history_list li:nth-child(odd) .box_inner {
    grid-template-columns: 250px auto;
  }
  .history .history_list li:nth-child(even) .box_inner {
    grid-template-columns: auto 250px;
  }
  .history .history_list li .box_inner .btn_area {
    position: absolute;
    bottom: 60px;
  }
  .history .history_list li .box_inner .btn_area a {
    width: 255px;
  }
  .history .history_list li.y2026 {
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 799px) {
  .history .history_list li.y2019,
  .history .history_list li.y2026 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 699px) {
  .history .history_list h2 {
    font-size: 4.29vw;
  }
  .history .history_list li {
    padding-top: 75px;
    padding-bottom: 60px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22346.091%22%20height%3D%22720.667%22%20viewBox%3D%220%200%20346.091%20720.667%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M-3363.49%2C714.849a158.173%2C158.173%2C0%2C0%2C1-34.618%2C3.9%2C151.679%2C151.679%2C0%2C0%2C1-35.11-4.134c-10.006.013-61.3-1.355-69.808-30.45-7.266-24.851-11.648-75.145-9.76-102.126-4.125-106.811-2.093-259.661%2C2.859-271.122%2C7.587-17.555-.374-156.152%2C0-217.219S-3496.2%2C6.274-3484.208%2C4.4c5.6-.875%2C24.479%2C1.877%2C46.694%2C4.629%2C25.346%2C3.14%2C55.034%2C6.28%2C74.292%2C4.034%2C36.134-4.215%2C78.512-20.889%2C143.788-8.663s51.106%2C168.611%2C44.465%2C202.77c-6.194%2C31.853-8.012%2C275.386-1.538%2C372.2%2C6.552%2C32.337%2C5.046%2C105.691-16.829%2C127.4-10.81%2C10.73-42.458%2C13.887-75.974%2C13.887C-3307.875%2C720.666-3348.909%2C716.485-3363.49%2C714.849Z%22%20transform%3D%22translate(3515%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  }
  .history .history_list li.y2019,
  .history .history_list li.y2026 {
    padding-top: 120px;
  }
  .history .history_list .box_inner {
    grid-template-columns: 43% auto;
  }
  .history .history_list .box_inner .img {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .history .history_list .box_inner .overview {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .history .history_list .box_inner .summary {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: center;
  }
  .history .history_list .box_inner .summary::before {
    left: -0.7em;
    bottom: -0.25em;
    height: 2.5em;
    transform: rotate(-35deg);
  }
}
@media screen and (max-width: 599px) {
  .history .inner {
    padding-top: 70px;
  }
  .history .history_list li {
    padding: 50px 6% 40px;
  }
  .history .history_list li + li {
    margin-top: 70px;
  }
  .history .history_list li.y2019,
  .history .history_list li.y2026 {
    padding-top: 75px;
  }
  .history .history_list h2 {
    font-size: 16px;
  }
  .history .history_list .box_inner .overview {
    line-height: 2.0;
  }
  .history .history_list .box_inner .summary {
    font-size: 16px;
  }
}

/* ------------------------------
mission
------------------------------ */
.mission h2 {
  margin-bottom: 0.8em;
  color: #1c2569;
  font-size: 30px;
  font-weight: normal;
}
.mission .mission_box {
  margin-bottom: 70px;
}
.mission .mission_box .img {
  text-align: center;
}
.mission .mission_box .img img {
  width: 100%;
  max-width: 500px;
}
.mission .strong {
  margin-bottom: 1.2em;
  color: #ea5520;
  font-size: 30px;
  text-align: center;
}
.mission .strong span {
  background: linear-gradient(transparent 40%, rgba(254, 243, 2, 0.3) 40%);
}
@media screen and (min-width: 700px) {
  .mission .mission_box {
    display: grid;
    grid-template-columns: 47% 50%;
    column-gap: 3%;
    align-items: center;
  }
  .mission .mission_box h2 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .mission .mission_box .img {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .mission .mission_box p {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 699px) {
  .mission h2 {
    text-align: center;
  }
  .mission .mission_box p {
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 599px) {
  .mission h2 {
    font-size: 20px;
    font-weight: bold;
  }
  .mission .mission_box {
    margin-bottom: 30px;
  }
  .mission .strong {
    font-size: 20px;
    font-weight: bold;
  }
}
