@charset "UTF-8";
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  src: url("../fonts/NotoSansCJKjp-Regular.woff") format("woff");
  src: url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
  src: url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype");
}
.font-test1 {
  padding-block: 10vw;
  background-color: #fff1ef;
}
.font-test1 h1 {
  padding-bottom: 10vw;
  font-size: 30px;
  color: red;
}
.font-test1 p {
  font-family: "Noto Serif JP", serif !important;
  font-size: 21px;
}
.font-test1 span {
  font-family: "NotoSansCJKjp", sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.font-test2 {
  padding-block: 10vw;
  position: relative;
}
.font-test2::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background-image: url("../images/benefit/fv/fv-img-text.png");
  background-position: center bottom 25%;
  background-repeat: no-repeat;
  background-size: contain;
}

html {
  font-size: 16px;
}

body {
  padding: 0;
  color: #7b6559;
}

.benefit-inner {
  padding-inline: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
}
@media screen and (min-width: 768px) {
  .benefit-inner {
    padding-inline: 0;
  }
}

.br-sp-only {
  display: inline;
}
@media screen and (min-width: 768px) {
  .br-sp-only {
    display: none;
  }
}

.br-tb-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .br-tb-only {
    display: inline;
  }
}

.br-sptb-only {
  display: inline;
}
@media screen and (min-width: 1024px) {
  .br-sptb-only {
    display: none;
  }
}

.br-sppc-only {
  display: inline;
}
@media screen and (min-width: 768px) {
  .br-sppc-only {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .br-sppc-only {
    display: inline;
  }
}

.br-pc-only {
  display: none;
}
@media screen and (min-width: 1024px) {
  .br-pc-only {
    display: inline;
  }
}

.color-red {
  color: #c55e5b;
}

.benefit-indent {
  padding-left: 1rem;
  text-indent: -1rem;
}

.benefit-section {
  padding-top: clamp(2.5rem, 2.0384615385rem + 1.9692307692vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 2.0384615385rem + 1.9692307692vw, 4.5rem);
}

.benefit__title {
  font-size: 5.3333333333vw;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 200;
}
@media screen and (min-width: 375px) {
  .benefit__title {
    font-size: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
  }
}

.u-text-align-center-sptb {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-text-align-center-sptb {
    text-align: center;
  }
}

.u-text-align-center-sp {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-text-align-center-sp {
    text-align: left;
  }
}

.u-text-align-center-tb {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .u-text-align-center-tb {
    text-align: center;
  }
}

.u-sp-only {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-sp-only {
    display: none;
  }
}

.u-tb-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-tb-only {
    display: block;
  }
}

.benefit-feature__textsmall {
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 375px) {
  .benefit-feature__textsmall {
    font-size: clamp(1rem, 0.0458015267rem + 4.0712468193vw, 2rem);
  }
}
@media screen and (min-width: 768px) {
  .benefit-feature__textsmall {
    font-size: inherit;
  }
}

.benefit-flow__textsmall {
  font-size: clamp(1rem, 0.0458015267rem + 4.0712468193vw, 2rem);
  display: block;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .benefit-flow__textsmall {
    font-size: clamp(0.5625rem, -0.0803571429rem + 1.3392857143vw, 1.125rem);
  }
}

.benefit {
  margin-top: clamp(4.6875rem, -1.5625rem + 33.3333333333vw, 6.25rem);
}
@media screen and (min-width: 768px) {
  .benefit {
    margin-top: clamp(4.5rem, 4.3334035383rem + 2.3588879528vw, 6.25rem);
  }
}
@media screen and (min-width: 1440px) {
  .benefit {
    margin-top: 6rem;
  }
}

.benefit-fv {
  position: relative;
  background-color: #fffbfb;
}

.benefit-fv__image img {
  width: 100%;
  height: auto;
  display: block;
}

.benefit-fv__lead {
  padding-inline: 6.4vw;
  padding-block: 8vw;
  background-color: #fff1ef;
}
@media screen and (min-width: 768px) {
  .benefit-fv__lead {
    position: absolute;
    top: 32.7083333333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 750px;
    width: 52.0833333333vw;
    height: auto;
    padding-block: 0 3.8888888889vw;
    padding-inline: 0;
    background-color: transparent;
  }
}

.benefit-fv__description {
  padding-block: clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem);
  margin-inline: auto;
  max-width: 741px;
  font-size: 12px;
  line-height: 1.7;
}
.benefit-fv__description p {
  text-align: center;
  white-space: nowrap;
}
.benefit-fv__description p + p {
  margin-top: clamp(0.9375rem, 0.8274647887rem + 0.4694835681vw, 1.25rem);
}
@media screen and (min-width: 375px) {
  .benefit-fv__description {
    font-size: clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .benefit-fv__description {
    font-size: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
  }
}

.benefit-fv-inner {
  padding-inline: clamp(1rem, -0.4312977099rem + 6.106870229vw, 2.5rem);
}
@media screen and (min-width: 768px) {
  .benefit-fv-inner {
    padding-inline: 0;
  }
}

.benefit-cta {
  background-color: #fcdbd6;
}

.benefit-cta__inner {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.6vw;
}
@media screen and (min-width: 768px) {
  .benefit-cta__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 866px;
  }
}

.benefit-cta-line-button {
  width: 83.7333333333vw;
}
.benefit-cta-line-button img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .benefit-cta-line-button {
    width: clamp(12.5rem, -0.9285714286rem + 27.9761904762vw, 24.25rem);
  }
}

.benefit-whyNow {
  background-color: #fffbfb;
}

.whyNow__inner {
  padding-inline: 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .whyNow__inner {
    padding-inline: 56px;
    max-width: 1072px;
    margin-inline: auto;
  }
}

.whyNow__body {
  margin-top: clamp(2.4375rem, 1.8653169014rem + 2.441314554vw, 4.0625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.375rem, 1.3186619718rem + 4.5070422535vw, 5.375rem);
}

.whyNow__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.0666666667vw;
}
@media screen and (min-width: 768px) {
  .whyNow__heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: clamp(1.375rem, 1.3089788732rem + 0.2816901408vw, 1.5625rem);
  }
}

.whyNow__heading-number {
  width: clamp(3.125rem, 2.6848591549rem + 1.8779342723vw, 4.375rem);
}

.whyNow__heading-title {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1.25rem, 0.8538732394rem + 1.6901408451vw, 2.375rem);
  font-weight: 200;
}

.whyNow__description {
  margin-top: clamp(1.25rem, 1.2059859155rem + 0.1877934272vw, 1.375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.25rem, 1.1839788732rem + 0.2816901408vw, 1.4375rem);
}
@media screen and (min-width: 768px) {
  .whyNow__description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .whyNow__description-image {
    width: 41.6666666667%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.whyNow__description-text {
  font-family: "NotoSansCJKjp", sans-serif;
  font-size: clamp(0.9375rem, 0.4007633588rem + 2.2900763359vw, 1.5rem);
  font-weight: 400;
  letter-spacing: 0.025em;
}
.whyNow__description-text p + p {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .whyNow__description-text {
    width: 53.125%;
    font-size: clamp(0.75rem, 0.4642857143rem + 0.5952380952vw, 1rem);
  }
}

.benefit-feature {
  position: relative;
}
.benefit-feature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/benefit/feature/feature-image-sp.jpg");
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .benefit-feature::before {
    background-image: url("../images/benefit/feature/feature-image-tb.jpg");
  }
}

@media screen and (min-width: 768px) {
  .benefit-feature-inner {
    padding-inline: 24px;
  }
}

.benefit-feature__title {
  font-size: clamp(1.5625rem, 1.2323943662rem + 1.4084507042vw, 2.5rem);
}

.benefit-feature__wrapper {
  max-width: 838px;
  margin-inline: auto;
}

.benefit-feature__lists {
  margin-top: clamp(1.375rem, 0.6707746479rem + 3.0046948357vw, 3.375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
}

.benefit-feature__list-item {
  padding-block: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  padding-inline: clamp(1.5rem, 1.0158450704rem + 2.0657276995vw, 2.875rem);
  background-color: #ffffff;
  border-radius: clamp(0.25rem, 0.161971831rem + 0.3755868545vw, 0.5rem);
  font-family: "NotoSansCJKjp", sans-serif;
}

.benefit-feature__list-item-heading {
  font-size: 4.8vw;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 375px) {
  .benefit-feature__list-item-heading {
    font-size: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
  }
}
@media screen and (min-width: 768px) {
  .benefit-feature__list-item-heading {
    font-size: clamp(1.375rem, 0.9464285714rem + 0.8928571429vw, 1.75rem);
  }
}

.benefit-feature__list-item-contents {
  margin-top: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.911971831rem + 0.3755868545vw, 1.25rem);
}

.benefit-feature__list-text {
  font-size: 3.7333333333vw;
  font-weight: 300;
}
@media screen and (min-width: 375px) {
  .benefit-feature__list-text {
    font-size: clamp(1rem, 0.7142857143rem + 0.5952380952vw, 1.25rem);
  }
}

.benefit-flow {
  padding-block: clamp(2.5rem, 1.8397887324rem + 2.8169014085vw, 4.375rem);
}

.benefit-flow-inner {
  padding-inline: 21.3333333333vw;
}
@media screen and (min-width: 768px) {
  .benefit-flow-inner {
    padding-inline: 24px;
  }
}

.benefit-flow__subtitle {
  text-align: center;
  margin-inline: auto;
  margin-top: clamp(0.375rem, 0.286971831rem + 0.3755868545vw, 0.625rem);
  font-size: clamp(0.6875rem, 0.4454225352rem + 1.0328638498vw, 1.375rem);
}

.benefit-flow__wrapper {
  margin-top: clamp(1.875rem, 1.1047535211rem + 3.2863849765vw, 4.0625rem);
}
@media screen and (min-width: 768px) {
  .benefit-flow__wrapper {
    max-width: 814px;
    margin-inline: auto;
  }
}

.benefit-flow__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, 0.6338028169rem + 2.6291079812vw, 3rem);
}
@media screen and (min-width: 768px) {
  .benefit-flow__lists {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.benefit-flow__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .benefit-flow__list-item {
    width: 24.57002457%;
  }
}

.benefit-flow__description {
  font-family: "NotoSansCJKjp", sans-serif;
  margin-top: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
}
@media screen and (min-width: 768px) {
  .benefit-flow__description {
    margin-top: clamp(0.4375rem, 0.0089285714rem + 0.8928571429vw, 0.8125rem);
  }
}

.benefit-flow__list-item-heading {
  text-align: center;
  font-size: clamp(1.375rem, 0.0629770992rem + 5.5979643766vw, 2.75rem);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .benefit-flow__list-item-heading {
    font-size: clamp(0.875rem, -0.125rem + 2.0833333333vw, 1.75rem);
  }
}

.benefit-flow__list-text {
  margin-top: clamp(1.1875rem, 0.054389313rem + 4.834605598vw, 2.375rem);
  text-align: center;
  font-size: clamp(1.1875rem, 0.054389313rem + 4.834605598vw, 2.375rem);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .benefit-flow__list-text {
    margin-top: clamp(0.5625rem, -0.0089285714rem + 1.1904761905vw, 1.0625rem);
    font-size: clamp(0.5625rem, -0.0803571429rem + 1.3392857143vw, 1.125rem);
  }
}

.benefit-flow__arrow {
  margin-inline: auto;
  width: clamp(3rem, 0.1374045802rem + 12.213740458vw, 6rem);
}
@media screen and (min-width: 768px) {
  .benefit-flow__arrow {
    margin-top: 14%;
    width: clamp(0.8125rem, -0.1160714286rem + 1.9345238095vw, 1.625rem);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.benefit-FAQ {
  background-color: #fcdbd6;
}

.benefit-FAQ-inner {
  padding-inline: 4vw;
}
@media screen and (min-width: 768px) {
  .benefit-FAQ-inner {
    padding-inline: 0;
    max-width: 1100px;
    margin-inline: auto;
  }
}

.benefit-FAQ__title h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.benefit-FAQ__wrapper {
  background-color: #ffffff;
  padding-inline: clamp(1.25rem, 0.4797535211rem + 3.2863849765vw, 3.4375rem);
  padding-top: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem);
  padding-bottom: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  margin-top: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
}
@media screen and (min-width: 768px) {
  .benefit-FAQ__wrapper {
    padding-top: clamp(1.25rem, -0.1785714286rem + 2.9761904762vw, 2.5rem);
  }
}

.benefit-FAQ__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
}
@media screen and (min-width: 768px) {
  .benefit-FAQ__lists {
    margin-top: clamp(1.3125rem, -0.1875rem + 3.125vw, 2.625rem);
  }
}

.benefit-FAQ__list-item {
  background-color: #fcdbd6;
}

.benefit-FAQ__accordion {
  border-radius: clamp(0.3125rem, 0.2024647887rem + 0.4694835681vw, 0.625rem);
}
.benefit-FAQ__accordion summary {
  list-style: none;
}
.benefit-FAQ__accordion summary::-webkit-details-marker {
  display: none; /* Chrome, SafariなどWebKit系で非表示 */
}

.benefit-FAQ__Question {
  padding-block: clamp(0.75rem, 0.3978873239rem + 1.5023474178vw, 1.75rem);
  padding-inline: clamp(0.5625rem, 0.1003521127rem + 1.9718309859vw, 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.benefit-FAQ__Question.is-open img {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .benefit-FAQ__Question {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.benefit-FAQ__Question-headingIcon {
  margin-top: clamp(-0.25rem, -0.1179577465rem + -0.5633802817vw, -0.625rem);
  font-size: clamp(1.1875rem, 0.7693661972rem + 1.7840375587vw, 2.375rem);
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

.benefit-FAQ__Question-text {
  margin-left: clamp(0.4375rem, 0.0193661972rem + 1.7840375587vw, 1.625rem);
  font-size: clamp(1rem, 0.735915493rem + 1.1267605634vw, 1.75rem);
  font-weight: 700;
  display: inline-block;
}

.benefit-FAQ__Question-arrowIcon {
  width: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
  height: clamp(0.5rem, 0.323943662rem + 0.7511737089vw, 1rem);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.benefit-FAQ__content {
  background-color: #fff5f3;
  border-radius: 0 0 clamp(0.3125rem, 0.2024647887rem + 0.4694835681vw, 0.625rem) clamp(0.3125rem, 0.2024647887rem + 0.4694835681vw, 0.625rem);
}

.benefit-FAQ__answer {
  padding-block: clamp(0.75rem, 0.3978873239rem + 1.5023474178vw, 1.75rem);
  padding-left: clamp(0.5625rem, 0.1003521127rem + 1.9718309859vw, 1.875rem);
  padding-right: clamp(1.875rem, 1.3028169014rem + 2.441314554vw, 3.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.benefit-FAQ__answer-headingIcon {
  margin-top: clamp(-0.25rem, -0.161971831rem + -0.3755868545vw, -0.5rem);
  font-size: clamp(1.1875rem, 1.0334507042rem + 0.6572769953vw, 1.625rem);
  font-weight: 300;
  color: #c55e5b;
}

.benefit-FAQ__answer-text {
  margin-left: clamp(0.4375rem, -0.1346830986rem + 2.441314554vw, 2.0625rem);
  font-size: clamp(0.875rem, 0.7429577465rem + 0.5633802817vw, 1.25rem);
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .benefit-FAQ__answer-text {
    line-height: 1.8;
  }
}

.benefit-greeting {
  position: relative;
}
.benefit-greeting::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/benefit/greeting/greeting-image-sp.jpg");
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .benefit-greeting::before {
    background-image: url("../images/benefit/greeting/greeting-image-tb.jpg");
  }
}

.benefit-greeting-inner {
  padding-inline: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .benefit-greeting-inner {
    padding-inline: 0;
  }
}

.benefit-greeting__title {
  font-size: clamp(1.375rem, 0.9788732394rem + 1.6901408451vw, 2.5rem);
}

.benefit-greeting__wrapper {
  margin-top: clamp(2.5rem, 1.5977112676rem + 3.8497652582vw, 5.0625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.375rem, 0.108778626rem + 9.6692111959vw, 4.75rem);
}
@media screen and (min-width: 768px) {
  .benefit-greeting__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
}
@media screen and (min-width: 1600px) {
  .benefit-greeting__wrapper {
    gap: clamp(1.25rem, -1.25rem + 2.5vw, 1.875rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .benefit-greeting__image {
    width: 43.2638888889vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 1600px) {
  .benefit-greeting__image {
    width: auto;
  }
}

.benefit-greeting__text {
  font-size: clamp(1rem, 0.735915493rem + 1.1267605634vw, 1.75rem);
  font-family: "Noto Serif JP", serif;
}
.benefit-greeting__text p {
  text-align: center;
  white-space: nowrap;
}
.benefit-greeting__text p + p {
  margin-top: clamp(1.25rem, 1.073943662rem + 0.7511737089vw, 1.75rem);
}
@media screen and (min-width: 768px) {
  .benefit-greeting__text {
    margin-left: clamp(0.625rem, 0.2678571429rem + 0.744047619vw, 0.9375rem);
    width: 40.0694444444vw;
  }
  .benefit-greeting__text p {
    text-align: left;
    white-space: wrap;
  }
}