@charset "UTF-8";
.top-mv img {
  width: 100%;
}

.top-message__txt {
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 2.8;
  margin: 0 auto min(calc(70 / 1268 * 100vw), 70px);
}
@media screen and (max-width: 767px) {
  .top-message__txt {
    font-size: calc(14 / 375 * 100vw);
    line-height: 2.2;
    margin: 0 2.6666666667vw 10.6666666667vw;
  }
}
.top-message__lead {
  font-size: min(calc(20 / 1268 * 100vw), 1.25rem);
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 0 auto min(calc(70 / 1268 * 100vw), 70px);
}
@media screen and (max-width: 767px) {
  .top-message__lead {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin: 0 auto 10.6666666667vw;
  }
}
.top-message__logo {
  display: block;
  width: min(calc(650 / 1268 * 100vw), 650px);
  margin: 0 auto min(calc(79 / 1268 * 100vw), 79px);
}
@media screen and (max-width: 767px) {
  .top-message__logo {
    width: 86.6666666667vw;
    margin: 0 auto 15.0666666667vw;
  }
}
.top-message__btn {
  width: min(calc(366 / 1268 * 100vw), 366px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top-message__btn {
    width: 86.6666666667vw;
  }
}
.top-message__btn-caption {
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 0 auto min(calc(16 / 1268 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .top-message__btn-caption {
    font-size: calc(16 / 375 * 100vw);
    letter-spacing: 0.04em;
    margin: 0 auto 4.2666666667vw;
  }
}

.top-fund__links {
  display: flex;
  gap: min(calc(20 / 1268 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .top-fund__links {
    padding-inline: 2.6666666667vw;
    flex-direction: column;
    gap: 6.4vw;
  }
}
.top-fund__link {
  display: flex;
  width: min(calc(500 / 1268 * 100vw), 500px);
  padding: min(calc(18 / 1268 * 100vw), 18px) 0 min(calc(14 / 1268 * 100vw), 14px);
  flex-direction: column;
  align-items: center;
  color: #333;
  font-size: min(calc(17 / 1268 * 100vw), 1.0625rem);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  border: 2px solid #004831;
  border-top: 6px solid #004831;
}
@media screen and (max-width: 767px) {
  .top-fund__link {
    width: 100%;
    padding: 4.2666666667vw 0 3.2vw;
    font-size: calc(17 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .top-fund__link .c-txt--small {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.7;
  }
}
.top-fund__code {
  margin-left: min(calc(5 / 1268 * 100vw), 5px);
  font-size: min(calc(18 / 1268 * 100vw), 1.125rem);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .top-fund__code {
    margin-left: 1.3333333333vw;
    font-size: calc(16 / 375 * 100vw);
  }
}
.top-fund__btn {
  margin: auto;
}

.top-feature__title {
  text-align: center;
}

.top-learn {
  background-color: #E0FFF5;
}
.top-learn__img {
  position: relative;
  border-bottom: 5px solid #004831;
  background: url("../../images/img_learn-banner.webp") no-repeat center;
  background-size: cover;
  height: min(calc(300 / 1268 * 100vw), 300px);
  padding: min(calc(71 / 1268 * 100vw), 71px) min(calc(147 / 1268 * 100vw), 147px) 0;
}
@media screen and (max-width: 767px) {
  .top-learn__img {
    background: url("../../images/img_learn-banner_sp.webp") no-repeat center;
    background-size: cover;
    height: 49.6vw;
    padding: 12.8vw 3.4666666667vw 0;
  }
}
.top-learn__img-icon {
  position: relative;
  z-index: 2;
  height: min(calc(160 / 1268 * 100vw), 160px);
  width: min(calc(160 / 1268 * 100vw), 160px);
}
@media screen and (max-width: 767px) {
  .top-learn__img-icon {
    height: 25.6vw;
    width: 25.6vw;
  }
}
.top-learn__img-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #C4D700;
  color: #004831;
  font-size: min(calc(50 / 1268 * 100vw), 3.125rem);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.12em;
  line-height: 1;
  height: min(calc(86 / 1268 * 100vw), 86px);
  width: min(calc(595 / 1268 * 100vw), 595px);
  padding: min(calc(18 / 1268 * 100vw), 18px) 0;
  margin: auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top-learn__img-title {
    right: auto;
    left: 20.8vw;
    font-size: calc(32 / 375 * 100vw);
    height: 18.1333333333vw;
    width: 67.7333333333vw;
    padding: 4.8vw 0;
    margin: auto 0;
  }
}
.top-learn__txt {
  margin: min(calc(32 / 1268 * 100vw), 32px) 0;
  font-size: min(calc(16 / 1268 * 100vw), 1rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .top-learn__txt {
    margin: 6.4vw 0;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.7;
  }
}
.top-learn .c-btn {
  margin: auto;
}

.top-pickup {
  background-color: #075B40;
}
.top-pickup .splide {
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-pickup .splide {
    width: 66.4vw;
    margin: 0 auto;
  }
}
.top-pickup .splide:not(.is-overflow) .splide__arrows, .top-pickup .splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.top-pickup .splide:not(.is-initialized) {
  visibility: visible;
}
.top-pickup .splide.is-initialized:not(.is-active) .splide__list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .top-pickup .splide__list {
    justify-content: center;
    gap: min(calc(40 / 1268 * 100vw), 40px);
  }
}
.top-pickup .splide__list {
  /* is-cloneを持たない3番目の要素が存在する場合は、gapをjs側指定に任せ justify-contentをflex-startにする */
}
.top-pickup .splide__list:has(> .splide__slide:nth-child(3 of .splide__slide:not(.is-clone))) {
  gap: 0;
}
@media screen and (min-width: 768px) {
  .top-pickup .splide__list:has(> .splide__slide:nth-child(3 of .splide__slide:not(.is-clone))) {
    justify-content: flex-start;
  }
}
.top-pickup .splide {
  margin-bottom: min(calc(56 / 1268 * 100vw), 56px);
}
@media screen and (max-width: 767px) {
  .top-pickup .splide {
    margin-bottom: 9.6vw;
  }
}
.top-pickup .splide__slide {
  width: calc(50% - min(calc(20 / 1268 * 100vw), 20px)) !important;
}
@media screen and (max-width: 767px) {
  .top-pickup .splide__slide {
    width: 100% !important;
  }
}
.top-pickup .splide__slide img {
  width: min(calc(490 / 1268 * 100vw), 490px);
  height: auto;
}
@media screen and (max-width: 767px) {
  .top-pickup .splide__slide img {
    width: 100%;
  }
}
.top-pickup__carousel {
  display: grid;
  place-items: center;
  place-content: center;
  width: fit-content;
  margin: min(calc(36 / 1268 * 100vw), 36px) auto 0;
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel {
    margin: 6.4vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .top-pickup__carousel {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__arrows {
    position: absolute;
    top: 13.0666666667vw;
    left: 0;
    height: 8.5333333333vw;
    width: 66.4vw;
  }
}
.top-pickup__carousel .splide__arrow {
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  width: min(calc(22 / 1268 * 100vw), 22px);
  height: min(calc(22 / 1268 * 100vw), 22px);
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__arrow {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}
.top-pickup__carousel .splide__arrow svg {
  fill: #FFFFFF;
}
.top-pickup__carousel .splide__arrow.splide__arrow--prev {
  left: max(calc(-40 / 1268 * 100vw), -40px);
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__arrow.splide__arrow--prev {
    left: -6.2053333333vw;
  }
}
.top-pickup__carousel .splide__arrow.splide__arrow--next {
  right: max(calc(-40 / 1268 * 100vw), -40px);
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__arrow.splide__arrow--next {
    right: -6.2053333333vw;
  }
}
.top-pickup__carousel .splide__pagination {
  position: static;
  grid-area: 1/1;
  column-gap: min(calc(25 / 1268 * 100vw), 25px);
  row-gap: min(calc(25 / 1268 * 100vw), 25px);
  max-width: min(calc(820 / 1268 * 100vw), 820px);
  padding: 0;
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__pagination {
    column-gap: 6.6666666667vw;
    row-gap: 6.6666666667vw;
    max-width: 74.6666666667vw;
  }
}
.top-pickup__carousel .splide__pagination li {
  display: flex;
}
.top-pickup__carousel .splide__pagination__page {
  opacity: 1;
  border: 1px solid #FFFFFF;
  background: none;
  width: min(calc(14 / 1268 * 100vw), 14px);
  height: min(calc(14 / 1268 * 100vw), 14px);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .top-pickup__carousel .splide__pagination__page {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.top-pickup__carousel .splide__pagination__page.is-active {
  transform: none;
  background: #FFFFFF;
}
.top-pickup .c-btn {
  margin: auto;
}