/* Scss Document */
/* Scss Document */
.kv_bg {
  background: url("../images/financial/kv-financial.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 640px) {
  .kv_bg {
    height: 300px;
    background-position: 78% bottom;
  }
}

.breadcrumb-space {
  padding-top: 2rem;
}
@media only screen and (max-width: 640px) {
  .breadcrumb-space {
    padding-top: calc(20 / 640 * 100vw);
  }
}

@media only screen and (max-width: 640px) {
  .page_ttl_en-small {
    font-size: calc(20 / 640 * 100vw);
  }
}

.intro .content {
  padding-top: 8.8rem;
}
@media only screen and (max-width: 640px) {
  .intro .content {
    padding-top: calc(60 / 640 * 100vw);
  }
}

.intro__ttl {
  color: #004ca2;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 2px;
}
@media only screen and (max-width: 640px) {
  .intro__ttl {
    font-size: calc(42 / 640 * 100vw);
    letter-spacing: 1.2px;
  }
}

.intro__txt {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP";
  font-weight: 500;
  margin-top: 3.8rem;
}
@media only screen and (max-width: 640px) {
  .intro__txt {
    font-size: calc(24 / 640 * 100vw);
    margin-top: calc(30 / 640 * 100vw);
    text-align: left;
  }
}

.c-content .content {
  padding-top: 8.4rem;
}
@media only screen and (max-width: 640px) {
  .c-content .content {
    padding-top: calc(60 / 640 * 100vw);
  }
}

.c-content__ttl {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3.6px;
}
@media only screen and (max-width: 640px) {
  .c-content__ttl {
    font-size: calc(38 / 640 * 100vw);
    text-align: left;
  }
}

.c-content__wrapper {
  display: flex;
  margin-top: 6rem;
  gap: 5.5rem;
}
@media only screen and (max-width: 640px) {
  .c-content__wrapper {
    flex-direction: column;
    margin-top: calc(40 / 640 * 100vw);
    gap: calc(30 / 640 * 100vw);
  }
}

.c-content__wrapper--reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 640px) {
  .c-content__wrapper--reverse {
    flex-direction: column;
  }
}

.c-content__img {
  width: 48.2456140351%;
}
@media only screen and (max-width: 640px) {
  .c-content__img {
    width: 100%;
  }
}

.c-content__body {
  flex: 1;
}

.c-content__subttl {
  color: #000;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.2px;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 640px) {
  .c-content__subttl {
    font-size: calc(30 / 640 * 100vw);
    margin-bottom: calc(20 / 640 * 100vw);
  }
}

.c-content__txt {
  color: #000;
  font-family: "Noto Sans JP";
  font-weight: 500;
}

.financial__button {
  margin-top: 4.5rem;
}

.c_button_wrap-white {
  display: block;
  width: 432px;
  height: 61.2px;
  margin: 0;
}
@media only screen and (max-width: 640px) {
  .c_button_wrap-white {
    margin: 0 auto;
    width: 93%;
  }
}
.c_button_wrap-white::after {
  transform: translateY(-50%) rotate(45deg);
  right: 28px;
  left: auto;
  top: 50%;
}

.c_button-white {
  line-height: 61.2px;
}
@media only screen and (max-width: 640px) {
  .c_button-white {
    font-size: 1.6rem;
  }
}

.c-content--last .content {
  padding-bottom: 13rem;
}
@media only screen and (max-width: 640px) {
  .c-content--last .content {
    padding-bottom: calc(80 / 640 * 100vw);
  }
}/*# sourceMappingURL=financial.css.map */