@charset "UTF-8";
.benefits-h2 {
  font-size: 4.5rem;
  margin-top: 100px;
  margin-bottom: 60px;
  font-weight: 500;
}
.benefits-wrapper {
  position: relative;
}
.benefits-wrapper.risk .benefits-box > ul > li::before {
  color: #F06D79;
}
.benefits-wrapper.rich .benefits-box > ul > li::before {
  color: #43C46F;
}
.benefits-box {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 40px;
  padding: 60px;
  position: relative;
  z-index: 5;
}
.benefits-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px 0;
}
.benefits-box > ul > li {
  font-size: 2rem;
  position: relative;
  padding-left: 1.2em;
}
.benefits-box > ul > li::before {
  content: "■";
  color: #8D9AFF;
  margin-right: 5px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.benefits-pic {
  position: relative;
  width: min(660px, 50.3816793893vw);
  margin-left: auto;
}
.benefits-pic:has(img:nth-of-type(n+2)) {
  width: 100%;
}
.benefits-pic img {
  position: relative;
  display: block;
}
.benefits-comment {
  position: relative;
}
.benefits-comment > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.benefits-comment > li:nth-of-type(n+2) {
  margin-top: 20px;
}
.benefits-comment > li > img {
  width: 128px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.benefits-comment > li > p {
  font-size: 1.8rem;
  width: 100%;
  margin: auto 0;
}
@media screen and (max-width: 767.98px) {
  .benefits-h2 {
    font-size: 1.8rem;
    margin: 30px 0 30px;
  }
  .benefits-wrapper {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .benefits-box {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .benefits-box > ul > li {
    font-size: 1.4rem;
  }
  .benefits-pic {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img {
    width: 61.3333333333vw;
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img:nth-of-type(1) {
    margin-left: auto;
    z-index: 2;
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img:nth-of-type(2) {
    margin-top: -10.6666666667vw;
  }
  .benefits-comment {
    margin-top: 40px;
  }
  .benefits-comment > li:nth-of-type(n+2) {
    margin-top: 30px;
  }
  .benefits-comment > li > img {
    width: 65px;
  }
  .benefits-comment > li > p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 767.99px), print {
  .benefits-wrapper.life .benefits-box {
    width: min(95%, 730px);
  }
  .benefits-wrapper.life .benefits-pic {
    margin-top: max(-240px, -18.320610687vw);
  }
  .benefits-wrapper.life .benefits-comment {
    margin-top: max(-150px, -11.4503816794vw);
  }
  .benefits-wrapper.risk .benefits-box {
    width: min(95%, 840px);
  }
  .benefits-wrapper.risk .benefits-comment {
    margin-left: auto;
    margin-top: max(-150px, -11.4503816794vw);
  }
  .benefits-wrapper.rich .benefits-box {
    width: min(95%, 730px);
  }
  .benefits-wrapper.rich .benefits-pic {
    margin-top: max(-180px, -13.7404580153vw);
  }
  .benefits-wrapper.rich .benefits-comment {
    margin-top: max(-190px, -14.5038167939vw);
  }
  .benefits-pic:has(img:nth-of-type(n+2)) {
    margin-top: max(-200px, -15.2671755725vw);
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img {
    width: min(660px, 50.3816793893vw);
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img:nth-of-type(1) {
    margin-left: auto;
    z-index: 2;
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img:nth-of-type(2) {
    margin-top: max(-240px, -18.320610687vw);
  }
  .benefits-comment {
    width: min(560px, 42.7480916031vw);
  }
}
@media screen and (min-width: 767.99px) and (max-width: 1440px) {
  .benefits-wrapper.life .benefits-pic {
    margin-top: -20.8333333333vw;
  }
  .benefits-wrapper.rich .benefits-pic {
    margin-top: -13.8888888889vw;
  }
  .benefits-box {
    padding: 40px;
  }
  .benefits-pic .benefits-pic {
    width: min(90%, 660px);
  }
  .benefits-pic:has(img:nth-of-type(n+2)) {
    width: 95%;
    margin-left: auto;
    margin-top: max(-100px, -7.6335877863vw);
  }
  .benefits-pic:has(img:nth-of-type(n+2)) img:nth-of-type(2) {
    margin-top: max(-320px, -24.427480916vw);
  }
  .benefits-comment {
    width: 100%;
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 767.99px) and (max-width: 980px) {
  .benefits-box > ul > li {
    font-size: 1.8rem;
  }
}