@charset "UTF-8";
/*----------------------------------------------------------
section01
------------------------------------------------------------*/
.section01__img {
  aspect-ratio: 1280/800;
  border-radius: 40px;
  box-shadow: 15px 15px 0px #000;
  margin-inline: auto;
  max-width: 1280px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section01__img {
    border-radius: 20px;
    box-shadow: 7px 7px 0px #000;
    margin-top: 30px;
  }
}
.section01__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}
.section01__ttl {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .section01__ttl {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
}
.section01__ttl h2 {
  flex-shrink: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .section01__ttl h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 576px) {
  .section01__ttl h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1490px) {
  .section01__ttl .h2-01 {
    display: none;
  }
}
@media screen and (min-width: 1491px) {
  .section01__ttl .h2-02 {
    display: none;
  }
}
.section01__ttl--02 {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .section01__ttl--02 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 576px) {
  .section01__ttl--02 {
    margin-top: 50px;
  }
}
.section01__txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  max-width: 998px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section01__txt {
    font-size: 16px;
    line-height: 2;
    margin-top: 30px;
  }
}

/*----------------------------------------------------------
section02
------------------------------------------------------------*/
.section02 {
  margin-top: 240px;
}
@media screen and (max-width: 1080px) {
  .section02 {
    margin-top: 80px;
  }
}
.section02__flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 1720px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .section02__flex {
    align-items: center;
    flex-direction: column;
    gap: 50px;
  }
}
.section02__item {
  width: 47%;
}
@media screen and (max-width: 1080px) {
  .section02__item {
    width: 100%;
  }
}
.section02__ttl {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .section02__ttl {
    gap: 12px;
  }
}
.section02__ttl h3 {
  flex-shrink: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .section02__ttl h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  .section02__ttl h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 576px) {
  .section02__ttl h3 {
    font-size: 18px;
  }
}
.section02 .img {
  aspect-ratio: 810/506;
  border-radius: 40px;
  box-shadow: 15px 15px 0px #000;
  margin-inline: auto;
  margin-top: 45px;
  max-width: 810px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section02 .img {
    border-radius: 20px;
    box-shadow: 7px 7px 0px #000;
    margin-top: 30px;
    margin-top: 30px;
  }
}
.section02 .img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}
.section02__txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  max-width: 998px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section02__txt {
    font-size: 16px;
    line-height: 2;
    margin-top: 30px;
  }
}

/*----------------------------------------------------------
section03
------------------------------------------------------------*/
.section03 {
  margin-top: 240px;
  /* 各行のスタイル */
  /* セルのスタイル */
}
@media screen and (max-width: 1080px) {
  .section03 {
    margin-top: 80px;
  }
}
.section03__flex {
  align-items: center;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  margin-inline: auto;
  margin-top: 100px;
  max-width: 1650px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .section03__flex {
    align-items: center;
    flex-direction: column;
    gap: 80px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .section03__flex {
    gap: 50px;
    margin-top: 50px;
  }
}
.section03__table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 95px;
  max-width: 770px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .section03__table {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .section03__table {
    margin-top: 30px;
  }
}
.section03 h3 {
  flex-shrink: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .section03 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  .section03 h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 576px) {
  .section03 h3 {
    font-size: 17px;
  }
}
.section03 .section03__table--01 .tr:nth-child(odd) {
  background-color: #f0f0f0;
}
.section03 .section03__table--01 .tr:nth-child(even) {
  background-color: #ffffff;
}
.section03 .section03__table--02 .tr:nth-child(odd) {
  background-color: #ffeee6;
}
.section03 .section03__table--02 .tr:nth-child(even) {
  background-color: #ffffff;
}
.section03 .tr {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 55px;
  padding-bottom: 13px;
  padding-top: 11px;
}
.section03 .td {
  line-height: 1.3;
  text-align: left;
}
.section03 .td:first-child {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.075em;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .section03 .td:first-child {
    font-size: 14px;
    padding-left: 10px;
  }
}
.section03 .td:nth-child(2) {
  flex-shrink: 0;
  font-weight: bold;
  letter-spacing: 0.075em;
  padding-right: 30px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .section03 .td:nth-child(2) {
    padding-right: 10px;
  }
}
.section03 .red {
  color: #bf272d;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .section03 .red {
    font-size: 18px;
  }
}
.section03 .red02 {
  color: #eb1c24;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .section03 .red02 {
    font-size: 18px;
  }
}
.section03 .gy {
  color: #4d4d4d;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .section03 .gy {
    font-size: 14px;
  }
}
.section03 .bk {
  color: #000;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .section03 .bk {
    font-size: 18px;
  }
}

/*----------------------------------------------------------
section04
------------------------------------------------------------*/
.section04 {
  margin-top: 140px;
}
@media screen and (max-width: 1080px) {
  .section04 {
    margin-top: 80px;
  }
}
.section04 .txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-left: auto;
  margin-right: auto;
  max-width: 998px;
  text-align: justify;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section04 .txt {
    font-size: 16px;
    line-height: 2;
  }
}
.section04 .txt02 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  max-width: 998px;
  text-align: justify;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section04 .txt02 {
    font-size: 16px;
    line-height: 2;
    margin-top: 40px;
  }
}
.section04__ttls p {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section04__ttls p {
    font-size: 16px;
  }
}
.section04__ttl {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .section04__ttl {
    align-items: center;
    margin-top: 20px;
  }
}
.section04__ttl h2 {
  flex-shrink: 0;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .section04__ttl h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .section04__ttl h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 576px) {
  .section04__ttl h2 {
    font-size: 22px;
  }
}
.section04 .section01__ttl {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .section04 .section01__ttl {
    margin-top: 80px;
  }
}
@media screen and (max-width: 576px) {
  .section04 .section01__ttl {
    margin-top: 50px;
  }
}
.section04 .section01__ttl h3 {
  flex-shrink: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .section04 .section01__ttl h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 576px) {
  .section04 .section01__ttl h3 {
    font-size: 20px;
  }
}
.section04 .imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-inline: auto;
  margin-top: 80px;
  max-width: 1370px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .section04 .imgs {
    gap: 20px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .section04 .imgs {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .section04 .imgs {
    gap: 10px;
  }
}
.section04 .imgs .img {
  max-width: calc((100% - 30px * 3) / 4);
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .section04 .imgs .img {
    max-width: calc((100% - 20px * 1) / 2);
  }
}
@media screen and (max-width: 576px) {
  .section04 .imgs .img {
    max-width: calc((100% - 10px * 1) / 2);
  }
}
/*# sourceMappingURL=sourcemaps/finance.css.map */
@media screen and (max-width: 768px){
.page-main-wrap__inner{
  width: 80%;
  margin-left:auto;
   margin-right:auto;
}
}
@media screen and (max-width: 576px){
.page-main-wrap__inner{
  width: 100%;
}
}