@charset "UTF-8";
/*************************
共通class
************************ */
.mov-list li {
  opacity: 0;
}

.mov-down {
  opacity: 0;
}

.asset-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  background: #e67444;
  border-radius: 1rem;
  padding: 3.8rem 5.8rem;
}
@media screen and (max-width: 749.98px) {
  .asset-btn {
    padding: 2.2rem 1.6rem;
  }
}

.asset-btn::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 12.35rem;
  height: 9.3rem;
  background: url(../img/asset/icon_talk.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-btn::before {
    width: 4rem;
    height: 3rem;
  }
}

.asset-btn-primary {
  width: 100%;
  color: #fff;
  font-size: 4.4rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-align: center;
  line-height: 0.8;
}
@media screen and (max-width: 749.98px) {
  .asset-btn-primary {
    font-size: 1.7rem;
    line-height: 1.1;
  }
}

.asset-btn-primary span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  font-style: normal;
}
@media screen and (max-width: 749.98px) {
  .asset-btn-primary span {
    font-size: 0.9rem;
  }
}

.asset-btn-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 11.3rem;
  height: 11.3rem;
}
@media screen and (max-width: 749.98px) {
  .asset-btn-arrow {
    width: 6rem;
    height: 6rem;
  }
}

.asset-btn-arrow img {
  position: relative;
  z-index: 1;
  width: 2.8rem;
  height: auto;
}

@media screen and (max-width: 749.98px) {
  .asset-btn-arrow img {
    width: 1.2rem;
  }
}

.asset-btn-arrow .arrow-circle-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 749.98px) {
  .arrow-circle-svg {
  }
}

.asset-btn-arrow .arrow-circle-fill {
  fill: #fff;
}
@media screen and (max-width: 749.98px) {
  .arrow-circle-fill {
  }
}

.asset-btn-arrow .arrow-circle-mask-path {
  fill: none;
  stroke: #fff;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}
@media screen and (max-width: 749.98px) {
  .arrow-circle-mask-path {
  }
}

.asset-btn.start .arrow-circle-mask-path {
  animation: asset-circle-line 1.6s 0s forwards;
}
@media screen and (max-width: 749.98px) {
  .start {
  }
}

@keyframes asset-circle-line {
  0% {
    stroke-dashoffset: 3000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.asset-section-top {
  margin-bottom: 7rem;
}
@media screen and (max-width: 749.98px) {
  .asset-section-top {
    margin-bottom: 4.4rem;
  }
}

.asset-section-ttl {
  margin: 0 auto 1rem;
  padding: 0.8rem 3rem;
  width: fit-content;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.6;
  border: 2px solid #707070;
  border-radius: 3rem;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-section-ttl {
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 2rem;
  }
}

.asset-section-catch {
  font-size: 4.4rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-section-catch {
    font-size: 2.2rem;
    line-height: 1.6;
  }
}

.asset-section-top:has(.asset-section-note) .asset-section-catch {
  margin-bottom: 1.4rem;
}

.asset-section-note {
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-section-note {
    font-size: 1.4rem;
  }
}

.asset-point {
  padding: 3rem 4rem 5rem;
  background: #fff;
  border-radius: 3rem;
}
@media screen and (max-width: 749.98px) {
  .asset-point {
    padding: 3.6rem 1.6rem 4.8rem;
  }
}

.asset-point-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  margin: 0 auto 1.6rem;
  padding: 0 3.5rem 0 2.5rem;
  width: fit-content;
  font-family: "Caprasimo", sans-serif;
  background: #2f2f2f;
  color: #ffec58;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  border-radius: 10rem;
}
@media screen and (max-width: 749.98px) {
  .asset-point-top {
    margin-bottom: 2.6rem;
  }
}

.asset-point-top::before {
  content: "";
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  background: url(../img/asset/icon_light.png) center center / contain no-repeat;
}

.asset-point-txt {
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-point-txt {
    font-size: 2rem;
    text-align: left;
    line-height: 1.6;
  }
}

.asset-point:has(.asset-point-note) .asset-point-txt {
  margin-bottom: 1rem;
}
@media screen and (max-width: 749.98px) {
  .asset-point:has(.asset-point-note) .asset-point-txt {
    margin-bottom: 2rem;
  }
}

.asset-point-note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-point-note {
    text-align: left;
    letter-spacing: 0.08em;
  }
}

/* ************************
main
************************ */
@keyframes fadeOut {
  0% {
    background-color: rgba(42, 171, 159, 0.2);
  }
  100% {
    background-color: #fff;
  }
}
.swiper {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 749.98px) {
  .swiper {
  }
}

.swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 749.98px) {
  .swiper-slide {
  }
}

/* ************************
asset-mv
************************ */
.asset-mv.mvbox {
  padding-top: 0;
}

.asset-mv {
  height: 100svh;
  min-height: 72rem;
  .sec1-mv-top-main {
    height: 100%;
  }

  .slick-list {
    height: 100%;
  }

  .slick-track {
    height: 100%;
  }

  .sec1-mv-top {
    position: relative;
    height: 100%;
  }

  .sec1-mv-top::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.25;
  }

  .sec1-mv-top-main-item {
    height: 100%;
  }

  .sec1-mv-top-main-item img {
    width: 100%;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-mv {
    .sec1-mv-top-main-item img {
      object-position: 62%;
    }
  }
}

.asset-mv-content {
  position: absolute;
  left: 9rem;
  z-index: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content {
    top: 8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 32.5rem;
  }
}

.asset-mv-content-inner {
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-inner {
  }
}

.asset-mv-content-catch {
  margin-bottom: 1.6rem;
  padding: 1rem 1.8rem;
  width: fit-content;
  background: #2f2f2f;
  color: #ffec58;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-catch {
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
}

.asset-mv-content-ttl {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 6.5rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-ttl {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.asset-mv-content-ttl small {
  font-size: 5rem;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-ttl small {
    display: inline-block;
    font-size: 3rem;
    margin-top: 0.6rem;
  }
}

.asset-mv-content-ttl span {
  display: inline-block;
  padding: 0.6rem;
  background: #fff;
  color: #2f2f2f;
  line-height: 1.2;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-ttl span {
    font-size: 3rem;
  }
}

.asset-mv-content-info {
  display: flex;
  gap: 3.5rem;
  margin-bottom: 10rem;
  padding: 2.4rem;
  width: fit-content;
  background: #ffffff30;
  backdrop-filter: blur(15px);
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-info {
    flex-wrap: wrap;
    gap: 2.2rem;
    margin-bottom: 6rem;
    padding: 1rem;
    width: 25.4rem;
  }
}

.asset-mv-content-info-item {
  position: relative;

  color: #fff;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-info-item {
    width: 45%;
  }
}

.asset-mv-content-info-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.75rem;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-info-item::after {
    right: -1.1rem;
  }
}

@media screen and (max-width: 749.98px) {
  .asset-mv-content-info-item:nth-of-type(even)::after {
    display: none;
  }
}

.asset-mv-content-info-item:last-of-type::after {
  display: none;
}

.asset-mv-content-info-item-txt {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-info-item-txt {
    font-size: 1.1rem;
  }
}

.asset-mv-content-info-item-txt span {
  padding: 0 0.4rem;
  color: #ffec58;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-info-item-txt span {
    padding: 0 0.2rem;
    font-size: 3.1rem;
  }
}

.-bottom {
}
@media screen and (max-width: 749.98px) {
  .-bottom {
  }
}

.asset-mv-content-btn {
  padding: 1.4rem 3.8rem;
  width: 40rem;

  &.asset-btn::before {
    width: 5.7rem;
    height: 5rem;
  }

  .asset-btn-primary {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1;
  }

  .asset-btn-primary span {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.06em;
  }

  .asset-btn-arrow {
    width: 5.7rem;
    height: 5.7rem;
  }

  .asset-btn-arrow img {
    position: relative;
    z-index: 1;
    width: 1.4rem;
    height: auto;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-mv-content-btn {
    padding: 2rem 3rem;
    width: 100%;

    &.asset-btn::before {
      width: 3rem;
      height: 2.4rem;
    }

    .asset-btn-primary {
      font-size: 1.7rem;
      line-height: 1;
    }

    .asset-btn-primary span {
      font-size: 0.9rem;
    }

    .asset-btn-arrow {
      width: 3.7rem;
      height: 3.7rem;
    }

    .asset-btn-arrow img {
      width: 1.2rem;
    }
  }
}

/* ************************
intro
************************ */
.asset-intro {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-intro {
    padding-bottom: 8rem;
  }
}

.assetbox {
}
@media screen and (max-width: 749.98px) {
  .assetbox {
  }
}

.asset-intro-box {
  position: relative;
  margin: 0 auto 5rem;
  padding: 4.5rem 0;
  width: 85rem;
  background: #fff;
  border: 3px solid #33679d;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-box {
    margin-bottom: 4.2rem;
    padding: 3.2rem 1.6rem 2.3rem;
    width: 100%;
  }
}

.asset-intro-box::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 3.2rem solid transparent;
  border-right: 3.2rem solid transparent;
  border-top: 2rem solid #33679d;
}

.asset-intro-list {
  margin: 0 auto;
  width: fit-content;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-list {
  }
}

.asset-intro-list-item {
  display: flex;
  gap: 1.8rem;
  margin-bottom: 2.2rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-list-item {
    gap: 1.1rem;
    margin-bottom: 1.7rem;
    font-size: 1.3rem;
    line-height: 1.7;
  }
}

.asset-intro-list-item:last-of-type {
  margin-bottom: 0;
}

.asset-intro-list-item::before {
  content: "";
  transform: translateY(1rem);
  display: block;
  width: 1.6rem;
  height: 1.3rem;
  background: url(../img/asset/icon_check.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-list-item::before {
    transform: translateY(0.6rem);
    width: 1rem;
    height: 0.8rem;
  }
}

.asset-intro-graph {
  position: relative;
  padding-bottom: 5rem;
  width: 100%;
  height: fit-content;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph {
  }
}

.asset-intro-graph::before {
  position: absolute;
  z-index: -1;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 55rem;
  background: #e5e3d4;
  border-radius: 2rem;
}

@media screen and (max-width: 749.98px) {
  .asset-intro-graph::before {
    width: 100vw;
    height: 50.4rem;
    margin: 0 calc(50% - 50vw);
  }
}

.asset-intro-graph::after {
  position: absolute;
  left: 50%;
  bottom: -5rem;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 5.7rem;
  height: 6.4rem;
  background: url(../img/asset/arrow_triangular.svg) center center / contain no-repeat;
}

.asset-intro-graph-inner {
  margin: 0 auto;
  width: 101.6rem;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-inner {
    width: 100%;
  }
}

.asset-intro-graph-ttl {
  margin-bottom: 2rem;
  color: #18487a;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-ttl {
    margin-bottom: 2.4rem;
    font-size: 1.4rem;
  }
}

.asset-intro-graph-container {
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-container {
    margin-bottom: 2.4rem;
  }
}

.asset-intro-graph-profit {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 1.7rem 0;
  background: #18487a;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-profit {
    margin-bottom: 1.8rem;
    padding: 1.2rem 0;
    font-size: 1.4rem;
  }
}

.asset-intro-graph-profit::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.7rem;
  left: 0;
  width: 0.5rem;
  height: 2.7rem;
  background: url(../img/asset/line_dashed.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-profit::before {
    bottom: -2rem;
    width: 0.5rem;
    height: 2rem;
  }
}

.asset-intro-graph-profit::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -5rem;
  right: -0.15rem;
  width: 41.2rem;
  height: 5.6rem;
  background: url(../img/asset/arrow_dashed_line.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-profit::after {
    bottom: -3.6rem;
    right: -0.15rem;
    width: 13.6rem;
    height: 4.1rem;
    background: url(../img/asset/arrow_dashed_line-sp.svg) center center / contain no-repeat;
  }
}

.asset-intro-graph-tax {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-tax {
  }
}

.asset-intro-graph-tax-rest,
.asset-intro-graph-tax-payment {
  width: 62%;
  padding: 2rem 0 2.6rem;
  background: #33679d;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-tax-rest,
  .asset-intro-graph-tax-payment {
    padding: 1.5rem 0 1.8rem;
    font-size: 1.2rem;
  }
}

.asset-intro-graph-tax-rest span,
.asset-intro-graph-tax-payment span {
  padding-left: 0.4rem;
  font-size: 5.5rem;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-tax-rest span,
  .asset-intro-graph-tax-payment span {
    padding: 0 0.3rem;
    font-size: 2.9rem;
  }
}

.asset-intro-graph-tax-payment {
  position: relative;
  width: 38%;
  background: #e67444;
  color: #ffec58;
}

.asset-intro-graph-tax-payment::after {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  margin: 0 auto;
  width: 20rem;
  height: 4px;
  background: #ffec58;
  transform: translate(-50%, 0.4rem);
}
@media screen and (max-width: 749.98px) {
  .asset-intro-graph-tax-payment::after {
    width: 11.4rem;
    transform: translate(-50%, 0.4rem);
  }
}

.asset-intro-bottom-txt {
  color: #e67444;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.65;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-intro-bottom-txt {
    font-size: 2.1rem;
  }
}

/* ************************
about
************************ */
.asset-about {
  background: #37404d;
  .asset-section-top {
    color: #fff;
  }

  .asset-section-ttl {
    border-color: #fff;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-about {
  }
}

.asset-about-list {
  display: flex;
  gap: 3.2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-about-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}

.asset-about-list-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 749.98px) {
  .asset-about-list-item {
  }
}

.asset-about-list-item-container {
  padding: 4.2rem 2rem 3rem;
}
@media screen and (max-width: 749.98px) {
  .asset-about-list-item-container {
    padding: 4.2rem 1.6rem 3rem;
  }
}

.asset-about-list-item-ttl {
  margin-bottom: 1.5rem;
  color: #33679d;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 749.98px) {
  .asset-about-list-item-ttl {
    margin-bottom: 1.8rem;
    font-size: 2.5rem;
  }
}

.asset-about-list-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}

.asset-about-list-item-txt span {
  padding: 0.2rem 0;
  background: #ffec58;
}

.asset-about-list-item-pic {
  margin-top: auto;
  width: 100%;
  height: 16rem;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-about-list-item-pic {
    height: 18rem;
  }
}

/* ************************
management
************************ */
.asset-management {
  .asset-point {
    background: #33679d;
    color: #fff;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-management {
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-management-list {
  margin-bottom: 4rem;
}
@media screen and (max-width: 749.98px) {
  .asset-management-list {
    margin-bottom: 2.8rem;
  }
}

.asset-management-list-item {
  position: relative;
  display: flex;
  gap: 8.4rem;
  margin-bottom: 2rem;
  padding: 3.6rem 8rem;
  background: #fff;
  border-radius: 3rem 0 3rem 0;
}
@media screen and (max-width: 749.98px) {
  .asset-management-list-item {
    flex-direction: column;
    gap: 2.6rem;
    margin-bottom: 1.8rem;
    padding: 3rem 1.6rem 3.6rem;
  }
}

.asset-management-list-item:last-of-type {
  margin-bottom: 0;
}

.asset-management-list-item::after {
  position: absolute;
  bottom: -1.7rem;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0.9rem;
  height: 1.5rem;
  background: url(../img/asset/arrow_down.svg) center center / contain no-repeat;
}

.asset-management-list-item:last-of-type::after {
  display: none;
}

.asset-management-list-item-pic {
  flex-shrink: 0;
  width: 25.2rem;
  height: 16rem;
  overflow: hidden;
  border-radius: 3rem 0 3rem 0;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-management-list-item-pic {
    width: 100%;
  }
}

.asset-management-list-item-container {
}
@media screen and (max-width: 749.98px) {
  .asset-management-list-item-container {
  }
}

.asset-management-list-item-ttl {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  margin-bottom: 1.6rem;
  color: #33679d;
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 749.98px) {
  .asset-management-list-item-ttl {
    gap: 2rem;
    margin-bottom: 1.7rem;
    font-size: 2rem;
    line-height: 1.6;
  }
}

.asset-management-list-item-ttl span {
  flex-shrink: 0;
  font-family: "Caprasimo", sans-serif;
  color: #000;
  font-size: 6rem;
  letter-spacing: 0.05em;
  line-height: 1;
}

.asset-management-list-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 749.98px) {
  .asset-management-list-item-txt {
  }
}

/* ************************
simulation
************************ */
.asset-simulation {
  background: #e2dec5;
}

.asset-simulation-container {
  margin-bottom: 5.6rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-container {
    margin-bottom: 3.8rem;
  }
}

.asset-simulation-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-list {
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
  }
}

.asset-simulation-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  width: 34rem;
  padding: 4.4rem 2rem 4.6rem;
  background: #fff;
  border-radius: 2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item {
    padding: 2.8rem 1.6rem 3.6rem;
    width: 100%;
  }
}

.asset-simulation-item-box {
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-box {
  }
}

.asset-simulation-item-top {
  margin-bottom: 2rem;
  border-bottom: 1px solid #e67444;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-top {
    margin-bottom: 1.8rem;
  }
}

.asset-simulation-item-top-ttl {
  margin-bottom: 1.4rem;
  color: #e67444;
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-top-ttl {
    font-size: 2.9rem;
  }
}

.asset-simulation-item-top-ttl .-medium {
  padding-right: 0.4rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-top-ttl .-medium {
    padding-right: 1rem;
    font-size: 2.1rem;
  }
}

.asset-simulation-item-top-ttl .-small {
  padding-left: 0.4rem;
  color: #2f2f2f;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-top-ttl .-small {
    padding-left: 1rem;
    font-size: 1.3rem;
  }
}

.asset-simulation-item-top-basic {
  margin-bottom: 2rem;
  padding: 1rem 0;
  background: #f1f1f1;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-top-basic {
    margin-bottom: 1.8rem;
  }
}

.asset-simulation-item-top-basic span {
  padding-left: 1rem;
  font-size: 1.7rem;
  font-weight: 900;
}

.asset-simulation-item-medium {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-medium {
    justify-content: space-between;
  }
}

.asset-simulation-item-medium-box {
  flex-shrink: 0;
  flex: 1;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-medium-box {
    margin-bottom: 1rem;
  }
}

.asset-simulation-item-medium-txt {
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  background: #2f2f2f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  border-radius: 1.2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-medium-txt {
    margin-bottom: 0.6rem;
  }
}

.asset-simulation-item-medium-price {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-medium-price {
  }
}

.asset-simulation-item-medium-price span {
  padding-left: 0.7rem;
  font-size: 1.7rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.asset-simulation-item-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 3rem 1rem;
  background: #fff56d;
  border: 1px solid #e67444;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom {
    padding: 2rem 1.4rem;
  }
}

.asset-simulation-item-bottom-txt {
  color: #e67444;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom-txt {
  }
}

.asset-simulation-item-bottom-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  background: #e67444;
  border-radius: 50%;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom-plus {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.asset-simulation-item-bottom-plus::before,
.asset-simulation-item-bottom-plus::after {
  position: absolute;
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.3rem;
  background: #fff;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom-plus::before,
  .asset-simulation-item-bottom-plus::after {
    width: 1rem;
  }
}

.asset-simulation-item-bottom-plus::after {
  transform: rotateZ(90deg);
}

.asset-simulation-item-bottom-price {
  color: #e67444;
  font-size: 4.2rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 0.1;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom-price {
    font-size: 3.8rem;
  }
}

.asset-simulation-item-bottom-price span {
  font-size: 2.5rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-item-bottom-price span {
    font-size: 2.3rem;
  }
}

.asset-simulation-note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-note {
    font-size: 1.3rem;
    text-align-last: left;
  }
}

.asset-simulation-consultation {
  position: relative;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-consultation {
  }
}

.asset-simulation-consultation-txt {
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-consultation-txt {
    position: relative;
    font-size: 2.2rem;
  }
}

.asset-simulation-consultation-txt::before,
.asset-simulation-consultation-txt::after {
  content: "";
  display: inline-block;
  width: 3.6rem;
  height: 3px;
  background: #707070;
  transform: translateY(-1rem) rotate(-120deg);
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-consultation-txt::before,
  .asset-simulation-consultation-txt::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 4rem;
    transform: translateY(-50%) rotate(-120deg);
  }
}

.asset-simulation-consultation-txt::after {
  transform: translateY(-1rem) rotate(120deg);
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-consultation-txt::after {
    left: initial;
    right: 0;
    transform: translateY(-50%) rotate(120deg);
  }
}

.asset-simulation-consultation-btn {
  position: absolute;
  bottom: -24rem;
}
@media screen and (max-width: 749.98px) {
  .asset-simulation-consultation-btn {
    bottom: -14rem;
  }
}

/* ************************
simulation
************************ */
.asset-operating {
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-section-note {
}
.asset-operating-table-wrap {
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-table-wrap {
    margin-bottom: 4.8rem;
  }
}

/* 横スクロール領域（ネイティブのバーは隠して自作バーを使う） */
.asset-operating-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* ネイティブスクロールバーを非表示 */
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* IE / 旧Edge */
}
.asset-operating-table-scroll::-webkit-scrollbar {
  display: none;                  /* Safari / Chrome */
}

/* 自作スクロールバー：表の2rem下・高さ2rem・トラック白・つまみ#C9C9C9 */
.asset-operating-scrollbar {
  display: none;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-scrollbar {
    display: block;
    position: relative;
    margin-top: 2rem;
    height: 2rem;
    background: #fff;
    overflow: hidden;
  }
  .asset-operating-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;                     /* JSで算出 */
    background: #c9c9c9;
  }
}

.asset-operating-table {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  border-collapse: collapse;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-table {
    min-width: 64rem;
    margin-bottom: 0;
    font-size: 1.3rem;
  }
}

.asset-operating-table td,
.asset-operating-table th {
  padding: 2rem;
  background: #fff;
  font-weight: 400;
  border: 1px solid #707070;
  line-height: 1.2;
}

.asset-operating-table-head th {
  background: #81775d;
  color: #fff;
}

.asset-operating-table-bottom th,
.asset-operating-table-bottom td {
  background: #fffad4;
  font-weight: 900;
}

.asset-operating-table-footer th,
.asset-operating-table-footer td {
  background: #fff56d;
  color: #e67444;
  font-size: 2.4rem;
  font-weight: 900;
  vertical-align: middle;
}
@media screen and (max-width: 749.98px) {
.asset-operating-table-footer th,
.asset-operating-table-footer td {
  font-size: 1.6rem;
  line-height: 1.1;
}
}

.asset-operating-table-footer th small {
  font-size: 1rem;
  font-weight: 400;
  color: #2f2f2f;
}

.asset-operating-merit {
  padding: 4rem;
  width: 100%;
  background: #37404d;
  color: #fff;
}

@media screen and (max-width: 749.98px) {
  .asset-operating-merit {
    padding: 4rem 1.6rem;
  }
}

.asset-operating-merit-ttl {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (max-width: 749.98px) {
  .asset-operating-merit-ttl {
    margin-bottom: 4.2rem;
    line-height: 1.5;
  }
}

.asset-operating-merit-ttl span {
  font-size: 1.4rem;
  font-weight: 400;
}

@media screen and (max-width: 749.98px) {
  .asset-operating-merit-ttl span {
    font-size: 1.3rem;
  }
}

.asset-operating-merit-list {
  display: flex;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-list {
    display: block;
  }
}

.asset-operating-merit-item {
  padding: 1rem 1rem 1.8rem 4rem;
  width: calc(105% / 3);
  border-left: 1px solid #707070;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-item {
    padding: 3rem 0;
    width: 100%;
    border-left: none;
    border-top: 1px solid #707070;
  }
}

.asset-operating-merit-item:first-of-type {
  padding-left: 0;
  width: 30%;
  border-left: none;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-item:first-of-type {
    padding-top: 0;
    width: 100%;
    border-top: none;
  }
}

.asset-operating-merit-item:last-of-type {
  padding-right: 0;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-item:last-of-type {
    padding-bottom: 0;
  }
}

.asset-operating-merit-txt {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-txt {
    margin-bottom: 0;
    line-height: 1.5;
  }
}

.asset-operating-merit-price {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff56d;
}
@media screen and (max-width: 749.98px) {
  .asset-operating-merit-price {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.asset-operating-merit-price span {
  font-size: 1.4rem;
  font-weight: 400;
}

/* ************************
comparison
************************ */
.asset-cta {
  background: #E2DEC5;
}

/* ************************
comparison
************************ */
.asset-comparison {
  padding-top: 16rem;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison {
    padding-top: 13rem;
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-comparison-table {
  margin-bottom: 1rem;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table {
  }
}

.asset-comparison-table-list {
  display: flex;
  gap: 0.4rem;
  margin-left: auto;
  width: fit-content;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-list {
    gap: 0.3rem;
    justify-content: space-between;
    margin-bottom: 0.6rem;
    width: 100%;
  }
}

.asset-comparison-table-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rem;
  height: 6rem;
  background: #2f2f2f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-item {
    width: calc((100% - (0.3rem * 3)) / 4);
    height: 7.2rem;
    font-size: 1.2rem;
  }
}

.asset-comparison-table-item.-jtf {
  background: #e67444;
}

.-jtf {
}
@media screen and (max-width: 749.98px) {
  .-jtf {
  }
}

.view-sp {
}

.asset-comparison-table-content {
  margin-bottom: 0.11rem;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content {
    margin-bottom: 0.6rem;
  }
}

.asset-comparison-table-content-container {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  height: 8rem;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-container {
    display: block;
    height: auto;
  }
}

.asset-comparison-table-content-accordion {
  display: flex;
  align-items: center;
  padding-left: 6rem;
  padding-right: 1rem;
  width: 23.8rem;
  height: 100%;
  background: #f5f6f9;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-accordion {
    justify-content: space-between;
    padding: 1rem 1.6rem;
    width: 100%;
    font-weight: 700;
    cursor: pointer;
  }
}

.asset-comparison-table-content-list {
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-list {
  }
}

@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-plus {
    position: relative;
    right: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.asset-comparison-table-content-accordion.close .asset-comparison-table-content-plus::after {
  transform: rotateZ(0);
}

@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-plus::before,
  .asset-comparison-table-content-plus::after {
    position: absolute;
    content: "";
    display: block;
    width: 1.5rem;
    height: 1px;
    background: #2f2f2f;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-plus::after {
    transition: transform 0.3s ease;
    transform: rotateZ(270deg);
  }
}

.asset-comparison-table-content-box {
  display: flex;
  gap: 0 0.4rem;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-box {
    padding-top: 0.3rem;
    gap: 0.3rem;
  }
}

.asset-comparison-table-content-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0 !important;
  width: 20rem;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.4;
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-table-content-item {
    width: calc((100% - (0.3rem * 3)) / 4);
    height: 7rem;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.asset-comparison-table-content-item span {
  font-size: 0.9rem;
}

.asset-comparison-table-content-item.-jtf {
  background: #fffad4;
  color: #e67444;
}

.asset-comparison-note {
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-comparison-note {
  }
}

/* ************************
lineup
************************ */
.asset-lineup {
  background: #e2dec5;
  .now-display-main-item.-no3 {
    order: 1;
  }
  .now-display-main-item-reserve {
    display: none;
  }
  .now-display-main-item-tlt {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 2;
  }
  .now-display-main-item-spec {
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 2;
    border-top: 1px solid #c9c9c9;
  }
  @media screen and (max-width: 749.98px) {
    .now-display-main-item-spec {
      font-size: 1.1rem;
    }
  }
  .now-display-main-item-purpose {
    margin-bottom: 1.4rem;
    padding: 1rem 1.4rem;
    width: fit-content;
    background: #33679d;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.5;
    border-radius: 0.5rem;
  }

  .now-display-main-item-price {
    margin-bottom: 1rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: 0.1em;
  }
  .now-display-main-item-price .price {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 4rem;
  }
  .now-display-main-item-price .yen {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-lineup {
    .now-display-main-item-price .price {
      font-size: 2.6rem;
    }
    .now-display-main-item-price .yen {
      font-size: 1.5rem;
    }
  }
}

/* ************************
implementation
************************ */
.asset-implementation {
}
@media screen and (max-width: 749.98px) {
  .asset-implementation {
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-implementation-list {
  margin-bottom: 14rem;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-list {
    margin-bottom: 5.2rem;
  }
}

.asset-implementation-item {
  position: relative;
  display: flex;
  margin-bottom: 8rem;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item {
    display: block;
    margin-bottom: 0.8rem;
  }
}

.asset-implementation-item:last-of-type {
  margin-bottom: 0;
}

.asset-implementation-item:nth-of-type(even) {
  flex-direction: row-reverse;

  .asset-implementation-item-content {
    left: 0;
    right: initial;
  }
}

.asset-implementation-item-pic {
  flex-shrink: 0;
  width: 67.3rem;
  height: 42rem;
  overflow: hidden;
  border-radius: 1rem;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-pic {
    width: 100%;
    height: 20rem;
  }
}

.asset-implementation-item-content {
  position: absolute;
  right: 0;
  bottom: -2.4rem;
  z-index: 1;
  padding: 3.2rem 4rem 4.3rem;
  width: 50rem;
  background: #fefff5;
  border-radius: 0 1rem 1rem 1rem;
  box-shadow: 0 1rem 0 #c6be9c;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-content {
    position: relative;
    left: 0;
    bottom: 2rem;
    padding: 2.3rem 1.6rem;
    width: 100%;
  }
}

.asset-implementation-item-num {
  position: absolute;
  top: -4.4rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5rem;
  height: 4.4rem;
  background: #33679d;
  color: #fff;
  font-family: "Caprasimo", sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-num {
    top: -2.8rem;
    width: 8rem;
    height: 2.8rem;
    font-size: 1.4rem;
  }
}

.asset-implementation-item-tag {
  margin-bottom: 1.56rem;
  padding: 0.8rem 1.4rem;
  width: fit-content;
  background: #e2dec5;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  border-radius: 2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-tag {
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
}

.asset-implementation-item-income {
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1.4rem 1.8rem;
  display: flex;
  align-items: center;
  background: #f2f0e3;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-income {
    gap: 0.8rem;
    margin-bottom: 1.4rem;
    padding: 0.9rem 1.3rem;
  }
}

.asset-implementation-item-kind {
  padding: 1rem 1.8rem;
  width: fit-content;
  background: #33679d;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  border-radius: 3.6rem;
  line-height: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-kind {
    padding: 0.7rem 1.2rem;
    font-size: 1rem;
  }
}

.asset-implementation-item-income-price {
  color: #33679d;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 0.8;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-income-price {
    font-size: 2.2rem;
  }
}

.asset-implementation-item-income-price span {
  padding-left: 0.6rem;
  font-size: 2.2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-income-price span {
    font-size: 1.4rem;
  }
}

.asset-implementation-item-effect {
  display: flex;
  align-items: flex-end;
  gap: 1.4rem;
  margin-bottom: 2.2rem;
  padding-bottom: 2rem;
  border-bottom: 4px dotted #33679d;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect {
    gap: 1.8rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.8rem;
  }
}

.asset-implementation-item-effect-arrow {
  position: relative;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect-arrow {
    height: 2.6rem;
  }
}

.asset-implementation-item-effect-arrow::after {
  content: "";
  display: inline-block;
  width: 3.7rem;
  height: 4.1rem;
  background: url(../img/asset/arrow_basic.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect-arrow::after {
    width: 2.58rem;
    height: 2.6rem;
  }
}

.asset-implementation-item-effect-price {
  color: #33679d;
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 0.8;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect-price {
    font-size: 3.2rem;
  }
}

.asset-implementation-item-effect-price small {
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 400;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect-price small {
    padding-right: 0.4rem;
    font-size: 1.2rem;
  }
}

.asset-implementation-item-effect-price span {
  padding-left: 0.8rem;
  font-size: 3rem;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-effect-price span {
    font-size: 1.9rem;
  }
}

.asset-implementation-item-txt {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-item-txt {
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc((var(--implementation-slide-width) + var(--implementation-slide-gap)) * -5));
  }
}

.asset-implementation-slide {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-slide {
  }
}

.asset-implementation-slide-wrapper {
  --implementation-slide-width: 36rem;
  --implementation-slide-gap: 3.2rem;
  display: flex;
  gap: var(--implementation-slide-gap);
  animation: scroll 20s linear infinite;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-slide-wrapper {
    --implementation-slide-width: 29.6rem;
    --implementation-slide-gap: 2.4rem;
  }
}

.asset-implementation-slide-pic {
  flex-shrink: 0;
  width: var(--implementation-slide-width);
  height: 26rem;
  display: block;
}
@media screen and (max-width: 749.98px) {
  .asset-implementation-slide-pic {
    height: 21.4rem;
  }
}

.asset-implementation-slide-pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 1rem;
}

/* ************************
one-stop
************************ */
.asset-one-stop {
  background: #37404d;
  .asset-section-top {
    color: #fff;
  }

  .asset-section-ttl {
    border-color: #fff;
  }

  .asset-point-txt {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 2;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop {
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-one-stop-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-list {
    flex-direction: column;
    justify-content: center;
    gap: 8rem;
    margin-bottom: 4rem;
  }
}

.asset-one-stop-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 34rem;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item {
    width: 100%;
  }
}

.asset-one-stop-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -4.5rem;
  transform: translateY(-50%);
  display: block;
  width: 2.3rem;
  height: 5.2rem;
  background: url(../img/asset/arrow_mutual.png) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item::after {
    top: initial;
    right: 50%;
    bottom: -7rem;
    transform: translateX(50%) rotate(90deg);
    width: 2.3rem;
    height: 5.2rem;
  }
}

.asset-one-stop-item:last-of-type::after {
  display: none;
}

.asset-one-stop-item.-jtf {
  .asset-one-stop-item-ttl {
    background: #559869;
  }
  .asset-one-stop-item-content-list {
    color: #559869;
  }
  .asset-one-stop-item-content-list::before {
    background: #559869;
  }
}

.asset-one-stop-item.-visitor {
  width: 24rem;
  .asset-one-stop-item-ttl {
    width: 20rem;
    background: #81775d;
  }
  .asset-one-stop-item-content-list {
    color: #81775d;
  }
  .asset-one-stop-item-content-list::before {
    background: #81775d;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item.-visitor {
    width: 100%;
    .asset-one-stop-item-ttl {
      width: 30rem;
    }
  }
}

.asset-one-stop-item-icon {
  width: 14.8rem;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item-icon {
  }
}

.asset-one-stop-item-ttl {
  margin: 0 auto;
  width: 30rem;
  background: #33679d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  border-radius: 1rem 1rem 0 0;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item-ttl {
  }
}

.asset-one-stop-item-container {
  display: flex;
  justify-content: center;
  margin-bottom: 4.8rem;
  padding: 4.4rem 0;
  width: 100%;
  background: #fefff5;
  border-radius: 1rem;
  box-shadow: 0 1rem 0 #c6be9c;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item-container {
    margin-bottom: 0;
    padding: 3.4rem 1.6rem;
  }
}

.asset-one-stop-item-content {
  width: fit-content;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item-content {
  }
}

.asset-one-stop-item-content-list {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  color: #33679d;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
}
@media screen and (max-width: 749.98px) {
  .asset-one-stop-item-content-list {
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    line-height: 1.35;
  }
}

.asset-one-stop-item-content-list::before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: #33679d;
}

.asset-one-stop-item-content-list.-none::before {
  display: none;
}

.asset-one-stop-item-content-list:last-of-type {
  margin-bottom: 0;
}

/* ************************
asset-risk
************************ */
.asset-strategy {
  background: #e2dec5;
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-strategy-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-list {
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
  }
}

.mov-list {
}

.asset-strategy-item {
  display: flex;
  flex-direction: column;
  padding: 3.8rem 2rem 3rem;
  width: 24rem;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-item {
    padding: 3rem 1.6rem 3.6rem;
    width: 100%;
  }
}

.asset-strategy-item-num {
  margin-bottom: 1rem;
  width: 100%;
  background: #33679d;
  color: #fff56d;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  border-radius: 1.2rem;
  text-align: center;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-item-num {
    margin-bottom: 1.4rem;
    font-size: 1.3rem;
    line-height: 1.6;
  }
}

.asset-strategy-item-ttl {
  margin-bottom: 1rem;
  min-height: calc(2.6rem * 1.5 * 2);
  color: #33679d;
  font-size: 2.6rem;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-item-ttl {
    margin-bottom: 1.4rem;
    min-height: 0;
    font-size: 2.4rem;
  }
}

.asset-strategy-item-txt {
  margin-bottom: 3.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-item-txt {
    margin-bottom: 2.8rem;
  }
}

.asset-strategy-item-pic {
  margin: auto auto 0;
  width: fit-content;
  max-width: 100%;
  height: 7rem;
}
@media screen and (max-width: 749.98px) {
  .asset-strategy-item-pic {
    height: 6.4rem;
  }
}

.asset-strategy-item-pic img {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ************************
asset-risk
************************ */
.asset-risk {
}
@media screen and (max-width: 749.98px) {
  .asset-risk {
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-section-note {
}

.asset-risk-list {
}
@media screen and (max-width: 749.98px) {
  .asset-risk-list {
  }
}

.asset-risk-item {
  margin-bottom: 1.6rem;
  padding: 4.4rem 12.8rem;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 749.98px) {
  .asset-risk-item {
    padding: 4rem 1.6rem;
  }
}

.asset-risk-item:last-of-type {
  margin-bottom: 0;
}

.asset-risk-item-ttl {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 3rem;
  color: #33679d;
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 749.98px) {
  .asset-risk-item-ttl {
    gap: 1rem;
    margin-bottom: 2.4rem;
    font-size: 2rem;
  }
}

.asset-risk-item-ttl::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 3.2rem;
  background: url(../img/asset/icon_caution.svg) center center / contain no-repeat;
}
@media screen and (max-width: 749.98px) {
  .asset-risk-item-ttl::before {
    width: 2.8rem;
    height: 2.4rem;
  }
}

.asset-risk-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 749.98px) {
  .asset-risk-item-txt {
  }
}

.asset-risk-item-txt span {
  background: #ffec58;
}

/* ************************
asset-faq
************************ */
.asset-faq {
  background: #e2dec5;
}

.asset-faq-list-item {
  padding: 3rem 0;
  border-bottom: 1px solid #81775d;
}
.asset-faq-list-item dt {
  padding-left: 10rem;
  min-height: 4.2rem;
  font-size: 2.2rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dt {
    padding-left: 5.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.asset-faq-list-item dt:before {
  content: "Q";
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 100%;
  background-color: #e67444;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  padding-top: 0.2rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: calc((100% - 5.6rem) / 2);
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dt:before {
    width: 4.2rem;
    height: 4.2rem;
    padding-top: 0;
    font-size: 2rem;
    top: 0.4rem;
    left: 0;
  }
}
.asset-faq-list-item dt span {
  width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dt span {
    padding-right: 5rem;
  }
}
.asset-faq-list-item dt span:before,
.asset-faq-list-item dt span:after {
  content: "";
  display: block;
  width: 3.2rem;
  height: 1px;
  background-color: #2f2f2f;
  position: absolute;
  top: 50%;
  right: 1rem;
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dt span:before,
  .asset-faq-list-item dt span:after {
    right: 0;
    width: 2rem;
  }
}
.asset-faq-list-item dt span:after {
  transform: rotateZ(270deg);
  transition: all 0.3s ease 0s;
}
.asset-faq-list-item dt.close span:after {
  transform: rotateZ(0deg);
}
.asset-faq-list-item dd {
  padding-top: 2rem;
  padding-left: 10rem;
  padding-right: 16rem;
  font-size: 1.4rem;
  position: relative;
  font-weight: 400;
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dd {
    padding-left: 5.2rem;
    padding-right: 1rem;
    font-size: 1.3rem;
    line-height: 1.6;
  }
}
.asset-faq-list-item dd:before {
  content: "A";
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 100%;
  background-color: #559869;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: calc((100% - 5.6rem) / 2);
  top: 2rem;
}
@media screen and (max-width: 749.98px) {
  .asset-faq-list-item dd:before {
    width: 4.2rem;
    height: 4.2rem;
    padding-top: 0;
    font-size: 2rem;
    top: 2rem;
    left: 0;
  }
}

/* ************************
asset-reason
************************ */
.asset-reason {
  background: #37404d;
  .asset-section-top {
    color: #fff;
  }

  .asset-section-ttl {
    border-color: #fff;
  }
}
@media screen and (max-width: 749.98px) {
  .asset-reason {
  }
}

.assetbox {
}

.sctbox {
}

.asset-section-top {
}

.asset-section-ttl {
}

.asset-section-catch {
}

.asset-reason-list {
}
@media screen and (max-width: 749.98px) {
  .asset-reason-list {
  }
}

.asset-reason-item {
  display: flex;
  align-items: center;
  gap: 6.4rem;
  margin-bottom: 3.2rem;
  padding: 0 6.4rem 0 0;
  background: #fefff5;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item {
    display: block;
    margin-bottom: 1.6rem;
    padding: 0;
  }
}

.asset-reason-item:nth-of-type(even) {
  flex-direction: row-reverse;
  padding: 0 0 0 6.4rem;
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item:nth-of-type(even) {
    padding: 0;
  }
}

.asset-reason-item:last-of-type {
  margin-bottom: 0;
}

.asset-reason-item-pic {
  flex-shrink: 0;
  width: 40rem;
  height: 21rem;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
  }
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item-pic {
    width: 100%;
    height: 17rem;
  }
}

.asset-reason-item-content {
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item-content {
    padding: 2.4rem 1.6rem 3rem;
  }
}

.asset-reason-item-ttl {
  margin-bottom: 1.4rem;
  color: #33679d;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item-ttl {
    margin-bottom: 1.2rem;
    font-size: 2.2rem;
    line-height: 1.5;
  }
}

.asset-reason-item-ttl span {
  color: #e67444;
}

.asset-reason-item-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 749.98px) {
  .asset-reason-item-txt {
  }
}
/*************************
asset-bottom
************************ */
.asset-bottom {
  position: relative;
}

.asset-bottom-btn {
  position: absolute;
  z-index: 10;
}

@media screen and (max-width: 749.98px) {
  .asset-bottom-btn {
    bottom: -11rem;
    width: 32.5rem;
  }
}

/*************************
来店予約(右サイド) 無料相談ボタン
************************ */
@media screen and (max-width: 749.98px) {
  #page-asset {
    .rightfix a {
      height: 5rem;
    }
    .rightfix span {
      font-size: 1.2rem;
    }
  }
}

.rightfix a.consul {
  background-color: #e67444;
}

.rightfix a.consul span {
  color: #fff;
}

.rightfix a.consul span:after {
  background-image: url(../img/asset/icon_talk.svg);
}

@media screen and (max-width: 749.98px) {
  .rightfix a {
    width: calc(100% / 3);
  }
}

#page-asset #footer {
  padding-top: 16rem;
  border-radius: 6rem 6rem 0 0;
}
@media screen and (max-width: 749.98px) {
  #page-asset #footer {
    padding-top: 10rem;
  }
}