@charset "UTF-8";
@media (min-width: 768px) {
  .pcbr {
    display: block;
  }
  .spbr {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .spbr {
    display: block;
  }
  .pcbr {
    display: none;
  }
}
.points {
  background-image: linear-gradient(180deg, #fff 0%, #D9DFE9 100%);
  padding-bottom: 174px;
  padding-top: 60px;
}
@media (max-width: 767.98px) {
  .points {
    padding-bottom: 36.476426799vw;
    padding-top: 20px;
  }
}
.points-heading {
  width: fit-content;
  margin-inline: auto;
  position: relative;
  display: flex;
  gap: 3em;
  font-size: 3.2rem;
  line-height: 1.3;
  padding-inline: 3em;
}
@media (max-width: 767.98px) {
  .points-heading {
    padding-inline: 0;
    font-size: 2.2rem;
  }
}
.points-heading::before, .points-heading::after {
  content: "";
  display: block;
  width: 1px;
  background-color: currentColor;
  align-self: stretch;
  scale: 120%;
}
@media (max-width: 767.98px) {
  .points-heading::before, .points-heading::after {
    display: none;
  }
}
.points-heading::before {
  rotate: -43deg;
}
.points-heading::after {
  rotate: 43deg;
}
.points-heading .heading-inner {
  text-align: center;
}
.points-heading-highlight {
  color: #0F1ED2;
}
.points-heading-large {
  font-size: 6.4rem;
}
@media (max-width: 767.98px) {
  .points-heading-large {
    font-size: 3.6rem;
  }
}
.points-grid {
  display: flex;
  gap: 66px;
}
@media (max-width: 767.98px) {
  .points-grid {
    flex-direction: column;
    width: 87.841191067vw;
    margin: 0 auto;
    gap: 12.4069478908vw;
  }
}
.points-item-image {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
}
.points-item-image img {
  max-width: 225px;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
.points-item-heading {
  margin-bottom: 14px;
  text-align: center;
  font-size: 2.4rem;
}
@media (max-width: 767.98px) {
  .points-item-text {
    font-size: 1.6rem;
  }
}

.lifecycle {
  background-color: #fff;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  margin-top: -64px;
  padding-top: 64px;
}
@media (max-width: 767.98px) {
  .lifecycle {
    border-top-left-radius: 12.4069478908vw;
    border-top-right-radius: 12.4069478908vw;
    margin-top: -15.3846153846vw;
    padding-top: 15.3846153846vw;
  }
}
.lifecycle .str-inner {
  max-width: 1250px;
}
.lifecycle-heading {
  width: fit-content;
  margin-inline: auto;
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 3.2rem;
  font-weight: bold;
  margin-block: 0 60px;
}
@media (max-width: 767.98px) {
  .lifecycle-heading {
    font-size: 2.4rem;
    align-items: flex-start;
    margin-block: 0 13.6476426799vw;
    text-indent: 0.5em; /* 大見出しデザイン通りにするときは消す */
  }
  :where(.lifecycle-heading) .heading-inner {
    margin-left: -0.5em;
    /* 大見出しデザイン通りにするときは消す */
  }
}
.lifecycle-heading::before {
  content: "";
  display: block;
  background-image: url(../images/icon_shine.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
}
@media (max-width: 767.98px) {
  .lifecycle-heading::before {
    width: min(7.4441687345vw, 30px);
    height: min(7.4441687345vw, 30px);
    margin: min(1.9851116625vw, 8px) 0 0 0.5em;
    /* 大見出しデザイン通りにするときは.5emを消す */
  }
}
@media (max-width: 767.98px) {
  .lifecycle-grid {
    position: relative;
    z-index: 1;
    margin-bottom: 13.8957816377vw;
  }
  .lifecycle-grid::before {
    content: "";
    position: absolute;
    left: calc(50% - 0.2481389578vw);
    top: 0;
    bottom: 0;
    width: 0.4962779156vw;
    background-color: #0F1ED2;
  }
}
@media (max-width: 767.98px) {
  :where(.lifecycle-item):not(:first-of-type) .lifecycle-item-heading {
    margin-top: 9.9255583127vw;
  }
}
.lifecycle-item-heading {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
}
@media (max-width: 767.98px) {
  .lifecycle-item-heading {
    flex-direction: column;
    gap: initial;
    position: relative;
    background: #fff;
    z-index: 1;
  }
}
.lifecycle-item-heading-number {
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 2.6rem;
  font-weight: bold;
  position: relative;
  color: #fff;
}
.lifecycle-item-heading-number::before {
  content: "";
  background-color: rgba(15, 30, 210, 0.3);
  border-radius: 50%;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.lifecycle-item-heading-number::after {
  content: "";
  background-color: #0F1ED2;
  border-radius: 50%;
  position: absolute;
  inset: 7px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .lifecycle-item-heading-number {
    font-size: 1.8rem;
    width: 13.6476426799vw;
    height: 13.6476426799vw;
  }
  .lifecycle-item-heading-number::after {
    inset: 1.2406947891vw;
  }
}
.lifecycle-item-heading-text {
  font-size: 2.6rem;
}
.lifecycle-item-body {
  padding-left: 108px;
  padding-block: 11px 46px;
}
@media (max-width: 767.98px) {
  .lifecycle-item-body {
    overflow-x: scroll;
    padding: 7.9404466501vw 0 0;
    font-size: 1.4rem;
  }
}
.lifecycle-item-body:not(.is-last) {
  position: relative;
}
.lifecycle-item-body:not(.is-last)::before {
  content: "";
  position: absolute;
  left: 39px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #0F1ED2;
}
@media (max-width: 767.98px) {
  .lifecycle-item-body:not(.is-last)::before {
    display: none;
  }
}
.lifecycle-table-wrapper {
  border: solid 1px #BBBBBB;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .lifecycle-table-wrapper {
    position: relative;
    z-index: 2;
    width: 272.952853598vw;
  }
}
.lifecycle-table {
  width: 100%;
  border-spacing: 0;
}
.lifecycle-table th, .lifecycle-table td {
  padding-inline: 16px;
  padding-block: 10px;
}
.lifecycle-table th:not(:last-child), .lifecycle-table td:not(:last-child) {
  border-right: solid 1px #BBBBBB;
}
@media (max-width: 767.98px) {
  .lifecycle-table th, .lifecycle-table td {
    padding-inline: 3.9702233251vw;
    padding-block: 1.9851116625vw;
  }
}
.lifecycle-table thead th {
  background-color: #E4E9F0;
  padding-inline: 10px;
  padding-block: 20px;
  border-bottom: solid 1px #BBBBBB;
}
@media (max-width: 767.98px) {
  .lifecycle-table thead th {
    padding-inline: 1.9851116625vw;
    padding-block: 2.9776674938vw;
  }
}
.lifecycle-table tbody th {
  background-color: #F3F4FD;
  text-align: left;
  min-width: 390px;
}
@media (max-width: 767.98px) {
  .lifecycle-table tbody th {
    max-width: 96.5260545906vw;
  }
}
.lifecycle-table tbody tr:not(:last-child) th, .lifecycle-table tbody tr:not(:last-child) td {
  border-bottom: solid 1px #BBBBBB;
}
.lifecycle-table td {
  background-color: #fff;
  font-weight: bold;
}
.lifecycle-table td:last-of-type {
  padding-inline: 12px;
  min-width: 300px;
}
@media (max-width: 767.98px) {
  .lifecycle-table td:last-of-type {
    padding-inline: 2.9776674938vw;
    min-width: 84.3672456576vw;
  }
}
.lifecycle-table .is-supported {
  text-align: center;
  vertical-align: middle;
  color: #0F1ED2;
}
.lifecycle-table-cel-h {
  width: 33.8%;
}
.lifecycle-table-cel-d-s {
  width: 13.4%;
}
.lifecycle-link-list li a {
  text-decoration: none;
}
.lifecycle-link-list li a:hover {
  text-decoration: underline;
}
.lifecycle-link-list li a::after {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid transparent;
  border-color: #000 transparent transparent #000;
  transform: rotate(135deg);
  margin-left: 5px;
}
.lifecycle-link-list li + li {
  margin-top: 4px;
}
@media (max-width: 767.98px) {
  .lifecycle-link-list li + li {
    margin-top: initial;
  }
}

.scroll-hint-shadow-wrap::before,
.scroll-hint-shadow-wrap::after {
  display: none;
}

.scroll-hint-icon {
  z-index: 10;
}/*# sourceMappingURL=style.css.map */