@charset "UTF-8";
main {
  background-color: #f5f6f6;
}

.p-features {
  position: relative;
  overflow: hidden;
}

.p-features-ttl {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: center;
  text-align: center;
}
.p-features-ttl__en {
  font-family: "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 3.2rem;
  color: #2baf2b;
  letter-spacing: 0.16em;
}
@media (min-width: 1024px) {
  .p-features-ttl__en {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
.p-features-ttl__ja {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-ttl__ja {
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 4rem;
    letter-spacing: 0.16em;
  }
}

.p-features-message {
  position: relative;
  padding: 6.4rem 0;
}
@media (min-width: 1024px) {
  .p-features-message {
    padding: 8rem 0;
  }
}
.p-features-message .c-deco {
  top: 27.9rem;
}
@media (min-width: 1024px) {
  .p-features-message .c-deco {
    top: 28.6rem;
  }
}
.p-features-message__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}
@media (min-width: 1024px) {
  .p-features-message__inner {
    gap: 9.6rem;
  }
}
.p-features-message__catch {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.2;
  letter-spacing: 0.6em;
  writing-mode: vertical-rl;
}
@media (min-width: 1024px) {
  .p-features-message__catch {
    font-size: 3.6rem;
    line-height: 2.14;
    letter-spacing: 0.56em;
  }
}
.p-features-message__txt {
  font-size: 1.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-message__txt {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.8rem;
    letter-spacing: 0.16em;
  }
}

.p-features-head {
  position: relative;
  z-index: 1;
  padding: 5.6rem 0;
}
@media (min-width: 1024px) {
  .p-features-head {
    padding: 8rem 0;
  }
}

.p-features-sec {
  position: relative;
  padding: 9.6rem 0;
  scroll-margin-top: 6.4rem;
}
@media (min-width: 1024px) {
  .p-features-sec {
    padding: 8rem 0;
    scroll-margin-top: 10.2rem;
  }
}
.p-features-sec--01 {
  padding-top: 6.4rem;
}
@media (min-width: 1024px) {
  .p-features-sec--01 {
    padding-top: 0;
    scroll-margin-top: 14.2rem;
  }
}
@media (min-width: 1024px) {
  .p-features-sec--03 {
    padding-top: 12rem;
    padding-bottom: 0;
  }
}
.p-features-sec__inner {
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .p-features-sec--03 .p-features-sec__inner {
    max-width: 1120px;
  }
}
.p-features-sec__deco--01a {
  top: -13.3rem;
}
@media (min-width: 1024px) {
  .p-features-sec__deco--01a {
    top: 89.2rem;
  }
}
.p-features-sec__deco--01b {
  top: 115rem;
}
.p-features-sec__deco--02a {
  top: -13.4rem;
}
.p-features-sec__deco--02b {
  top: 249rem;
}
@media (min-width: 1024px) {
  .p-features-sec__deco--02b {
    top: 118.4rem;
  }
}
.p-features-sec__deco--02c {
  top: 333.2rem;
}
.p-features-sec__deco--03a {
  top: -12rem;
}
.p-features-sec__deco--03b {
  top: 105.1rem;
}
@media (min-width: 1024px) {
  .p-features-sec__deco--03b {
    top: 46.3rem;
  }
}
.p-features-sec__ttl {
  padding-top: 0.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-sec__ttl {
    padding-top: 1.2rem;
    font-size: 4rem;
    line-height: 6.4rem;
  }
}
.p-features-sec__ttl sup {
  font-size: 0.6em;
  line-height: 0;
}
.p-features-sec--02 .p-features-sec__ttl {
  padding-top: 1rem;
}
@media (min-width: 1024px) {
  .p-features-sec--02 .p-features-sec__ttl {
    padding-top: 1.2rem;
  }
}
.p-features-sec__txt {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-sec__txt {
    margin-top: 3.2rem;
    font-size: 1.6rem;
    font-weight: normal;
  }
}
.p-features-sec--01 .p-features-sec__txt {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .p-features-sec--01 .p-features-sec__txt {
    margin-top: 3.2rem;
  }
}
.p-features-sec__txt--narrow {
  text-align: justify;
}
@media (min-width: 1024px) {
  .p-features-sec__txt--narrow {
    max-width: 820px;
    text-align: left;
  }
}
.p-features-sec__btn {
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .p-features-sec__btn {
    margin-top: 5.6rem;
  }
}
.p-features-sec__btn-link {
  width: 24rem;
}
@media (min-width: 1024px) {
  .p-features-sec__btn-link {
    width: 34.2rem;
    height: 6.4rem;
  }
}

.p-features-plants {
  margin-inline: calc(var(--container-padding) * -1);
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .p-features-plants {
    margin-inline: 0;
    margin-top: 6.4rem;
  }
}
.p-features-plants__list {
  display: flex;
  padding-inline: var(--container-padding);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}
@media (min-width: 1024px) {
  .p-features-plants__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem;
    padding-inline: 0;
    overflow-x: visible;
    scroll-snap-type: none;
  }
}
.p-features-plants--ready {
  overflow: hidden;
}
.p-features-plants--ready .p-features-plants__list {
  padding-inline: 0;
  overflow-x: visible;
  touch-action: pan-y pinch-zoom;
  scroll-snap-type: none;
}
.p-features-plants__ctrl {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.p-features-plants__ctrl .c-carousel-ctrl {
  gap: 0.8rem;
}

.p-features-plants__ctrl .c-carousel-ctrl__dot::before,
.p-features-products__ctrl .c-carousel-ctrl__dot::before {
  width: 0.8rem;
  height: 0.8rem;
}

.p-features-plant {
  position: relative;
  flex: 0 0 34.2rem;
  height: 22rem;
  margin-right: 1.2rem;
  overflow: hidden;
  scroll-snap-align: center;
  background-color: #fff;
  border-radius: 2.4rem;
}
@media (min-width: 1024px) {
  .p-features-plant {
    height: 30rem;
    margin-right: 0;
  }
}
.p-features-plant::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to bottom, transparent 63.4%, rgba(13, 18, 26, 0.47));
}
.p-features-plant__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-features-plant__name {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0.6rem 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #fff;
  background-color: #1e7a1e;
  border-radius: 0 0 1.2rem;
}
@media (min-width: 1024px) {
  .p-features-plant__name {
    padding: 0.8rem 1.6rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    border-radius: 0 0 1.6rem;
  }
}
.p-features-plant__meta {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  padding: 1.6rem 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6rem;
  color: #fff;
}
@media (min-width: 1024px) {
  .p-features-plant__meta {
    gap: 2rem;
    padding: 1.6rem 4rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
  }
}
.p-features-plant__meta-item {
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
}
.p-features-plant__icon {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  fill: currentcolor;
}
@media (min-width: 1024px) {
  .p-features-plant__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.p-features-plant__sep {
  line-height: 2rem;
}
@media (min-width: 1024px) {
  .p-features-plant__sep {
    font-size: 2rem;
    line-height: 3.6rem;
  }
}

.p-features-glass {
  padding: 3.2rem 2.4rem;
  margin-top: 4rem;
  background-color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 3.2rem;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(16px);
}
@media (min-width: 1024px) {
  .p-features-glass {
    padding: 5.6rem 4rem;
    border-radius: 2.4rem;
  }
}
.p-features-glass--tech {
  padding-bottom: 4.8rem;
  border-radius: 2.4rem;
}
@media (min-width: 1024px) {
  .p-features-glass--tech {
    padding: 5.6rem 8rem;
    margin-top: 9.6rem;
  }
}
.p-features-glass--ouen {
  box-shadow: 4px 4px 16px rgba(13, 18, 26, 0.0784313725);
}
@media (min-width: 1024px) {
  .p-features-glass--ouen {
    padding: 5.6rem 4.8rem;
    margin-top: 5.6rem;
  }
}
.p-features-glass__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-glass__ttl {
    font-size: 3.2rem;
    line-height: 5.6rem;
  }
}
.p-features-glass__txt {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-glass__txt {
    margin-top: 3.2rem;
    font-size: 1.6rem;
    font-weight: normal;
  }
}
.p-features-glass--tech .p-features-glass__txt {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .p-features-glass--tech .p-features-glass__txt {
    margin-top: 3.2rem;
  }
}
.p-features-glass__txt--justify {
  text-align: justify;
}
@media (min-width: 1024px) {
  .p-features-glass__txt--justify {
    text-align: left;
  }
}

.p-features-steps {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  margin-top: 3.2rem;
}
@media (min-width: 1024px) {
  .p-features-steps {
    flex-direction: row;
    gap: 5.3rem;
    align-items: stretch;
    justify-content: center;
    margin-top: 4.8rem;
  }
}

.p-features-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: center;
  width: 24rem;
  min-height: 26.7rem;
  padding: 2rem;
  text-align: center;
  background-color: #e7f5e7;
  border-radius: 1.6rem;
}
@media (min-width: 1024px) {
  .p-features-step {
    flex: 0 1 20rem;
    gap: 1.6rem;
    width: auto;
    min-width: 0;
    min-height: 26rem;
    padding: 2.4rem 2rem;
  }
}
.p-features-step:not(:last-child)::after {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 50%;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #2baf2b;
  content: "↓"/"";
  translate: -50% 0;
}
@media (min-width: 1024px) {
  .p-features-step:not(:last-child)::after {
    top: 50%;
    left: calc(100% + 2.65rem);
    font-size: 2.4rem;
    content: "→"/"";
    translate: -50% -50%;
  }
}
.p-features-step__num {
  padding-bottom: 0.8rem;
  font-family: "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #2baf2b;
  border-bottom: 1px solid #32b432;
}
.p-features-step__ttl {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2rem;
}
.p-features-step__img {
  max-width: 100%;
  height: auto;
  margin-top: auto;
}
.p-features-step__img--01 {
  width: 19.53rem;
  margin-bottom: 0.18rem;
}
@media (min-width: 1024px) {
  .p-features-step__img--01 {
    width: 17.3rem;
    margin-bottom: -0.43rem;
  }
}
.p-features-step__img--02 {
  width: 18.99rem;
  margin-bottom: 1.29rem;
}
@media (min-width: 1024px) {
  .p-features-step__img--02 {
    width: 16.83rem;
    margin-bottom: 0.56rem;
  }
}
.p-features-step__img--03 {
  width: 20rem;
  margin-bottom: 3.13rem;
}
@media (min-width: 1024px) {
  .p-features-step__img--03 {
    width: 17.72rem;
    margin-bottom: 0.23rem;
  }
}
.p-features-step__img--04 {
  width: 19.31rem;
  margin-bottom: 2.92rem;
}
@media (min-width: 1024px) {
  .p-features-step__img--04 {
    width: 17.11rem;
    margin-bottom: 0.5rem;
  }
}

.p-features-dengen {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .p-features-dengen {
    margin-top: 5.6rem;
  }
}
.p-features-dengen__band {
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #2baf2b;
  border-radius: 0.4rem;
}
@media (min-width: 1024px) {
  .p-features-dengen__band {
    font-size: 2rem;
    line-height: 3.6rem;
    border-radius: 9999px;
  }
}
.p-features-dengen__body {
  display: flex;
  flex-direction: column;
  margin-top: 2.4rem;
}
@media (min-width: 1024px) {
  .p-features-dengen__body {
    flex-flow: row wrap;
    gap: 4rem 4.8rem;
    justify-content: center;
  }
}
.p-features-dengen__group {
  padding-bottom: 5.6rem;
}
@media (min-width: 1024px) {
  .p-features-dengen__group {
    padding-bottom: 0;
  }
}
.p-features-dengen__group--other {
  padding-top: 5.6rem;
  padding-bottom: 0;
  border-top: 1px solid rgba(13, 18, 26, 0.0784313725);
}
@media (min-width: 1024px) {
  .p-features-dengen__group--other {
    width: 34.1rem;
    padding-top: 0;
    border-top: none;
  }
}
@media (min-width: 1024px) {
  .p-features-dengen__group--other .p-features-dengen__group-ttl {
    margin-inline: -1rem;
  }
}
.p-features-dengen__group-ttl {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: rgba(13, 18, 26, 0.7411764706);
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-dengen__group-ttl {
    font-size: 2rem;
    line-height: 3.8rem;
    white-space: nowrap;
  }
}
.p-features-dengen__charts {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .p-features-dengen__charts {
    flex-direction: row;
    gap: 6.1rem;
    align-items: flex-start;
    margin-top: 1rem;
  }
}
.p-features-dengen__chart {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  align-items: center;
}
@media (min-width: 1024px) {
  .p-features-dengen__chart--keikaku {
    gap: 1.5rem;
  }
}
.p-features-dengen__chart--tasha {
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .p-features-dengen__chart--tasha {
    margin-top: 3.2rem;
  }
}
.p-features-dengen__label {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.8rem;
  color: #2baf2b;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-dengen__label {
    font-size: 1.8rem;
    line-height: 3.4rem;
  }
}
.p-features-dengen__img {
  width: 34.2rem;
  height: auto;
}
.p-features-dengen__chart--keikaku .p-features-dengen__img {
  width: 31.8rem;
}

.p-features-note {
  margin-top: 2.4rem;
}
.p-features-note__body {
  padding: 1.6rem;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.05em;
  background-color: rgba(13, 18, 26, 0.0392156863);
  border-radius: 0.8rem;
}
.p-features-note__body p + p {
  margin-top: 2rem;
}
.p-features-note__toggle {
  display: flex;
  gap: 1.2rem;
  align-items: flex-start;
  width: 100%;
  padding: 1.6rem;
  text-align: left;
  cursor: pointer;
  background-color: rgba(13, 18, 26, 0.0392156863);
  border: none;
  border-radius: 1.6rem;
}
.p-features-note__icon {
  position: relative;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
}
.p-features-note__icon svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  color: #fff;
  background-color: #2baf2b;
  border-radius: 50%;
}
.p-features-note__icon--minus {
  display: none;
}
.p-features-note__toggle[aria-expanded=true] .p-features-note__icon--plus {
  display: none;
}
.p-features-note__toggle[aria-expanded=true] .p-features-note__icon--minus {
  display: block;
}
.p-features-note__summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.6980392157);
  letter-spacing: 0.05em;
  -webkit-box-orient: vertical;
}
.p-features-note__toggle[aria-expanded=true] .p-features-note__summary {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}
.p-features-note__para {
  display: block;
}
.p-features-note__para + .p-features-note__para {
  margin-top: 1.6rem;
}

.p-features-policies {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3.2rem;
}
@media (min-width: 1024px) {
  .p-features-policies {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
    margin-top: 4rem;
  }
}

.p-features-policy {
  --policy-color: #259525;
  position: relative;
  padding: 0 2.4rem 4rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 2.4rem;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1019607843);
}
.p-features-policy::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1.6rem;
  content: "";
  background-color: var(--policy-color);
}
.p-features-policy--people {
  --policy-color: #8fd100;
}
.p-features-policy--transparency {
  --policy-color: #186018;
}
.p-features-policy__head {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 4rem 0 2rem;
  border-bottom: 1px solid rgba(13, 18, 26, 0.0784313725);
}
@media (min-width: 1024px) {
  .p-features-policy__head {
    justify-content: center;
  }
}
.p-features-policy__icon {
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
}
.p-features-policy__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-policy__ttl {
    font-size: 2.4rem;
    line-height: 4rem;
  }
}
.p-features-policy__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-top: 2rem;
}
@media (min-width: 1024px) {
  .p-features-policy__list {
    padding: 2rem 2rem 0;
  }
}
.p-features-policy__item-ttl {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
.p-features-policy__item-ttl::before {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: #2baf2b;
}
.p-features-policy__item-txt {
  padding-left: 1.2rem;
  margin-top: 0.6rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: justify;
  letter-spacing: 0.05em;
}

.p-features-ouen {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .p-features-ouen {
    display: grid;
    grid-template-areas: "main img" "note img";
    grid-template-columns: minmax(0, 57.1rem) 26.1rem;
    -moz-column-gap: 5.6rem;
         column-gap: 5.6rem;
  }
}
.p-features-ouen__main {
  grid-area: main;
}
.p-features-ouen__ttl {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-ouen__ttl {
    font-size: 2rem;
    line-height: 3.6rem;
  }
}
.p-features-ouen__ttl::before {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-color: #ed980d;
}
.p-features-ouen__txt {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-ouen__txt {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    font-weight: normal;
  }
}
.p-features-ouen__img {
  grid-area: img;
  align-self: start;
  width: 20rem;
  height: auto;
  margin: 2.4rem auto 0;
}
@media (min-width: 1024px) {
  .p-features-ouen__img {
    width: 26.1rem;
    margin: 0;
  }
}
.p-features-ouen__note {
  grid-area: note;
  margin-top: 2.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  color: rgba(13, 18, 26, 0.6117647059);
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-ouen__note {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.8rem;
  }
}

.p-features-products {
  margin-top: 3.2rem;
}
@media (min-width: 1024px) {
  .p-features-products {
    margin-top: 4rem;
  }
}
.p-features-products__band {
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #ed980d;
  border-radius: 0.8rem;
}
@media (min-width: 1024px) {
  .p-features-products__band {
    padding: 0 1.6rem;
    font-size: 2rem;
    line-height: 3.6rem;
    border-radius: 9999px;
  }
}
.p-features-products__txt {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-products__txt {
    padding-inline: 2rem;
    margin-top: 3.2rem;
    font-size: 1.6rem;
    font-weight: normal;
  }
}
.p-features-products__carousel {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .p-features-products__carousel {
    margin-top: 3.2rem;
  }
}
.p-features-products__list {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}
@media (min-width: 1024px) {
  .p-features-products__list {
    gap: 0.8rem;
    justify-content: center;
    overflow-x: visible;
    scroll-snap-type: none;
  }
}
.p-features-products__carousel--ready {
  overflow: hidden;
}
.p-features-products__carousel--ready .p-features-products__list {
  overflow-x: visible;
  touch-action: pan-y pinch-zoom;
  scroll-snap-type: none;
}
.p-features-products__ctrl {
  display: flex;
  justify-content: center;
}
.p-features-products__ctrl .c-carousel-ctrl {
  gap: 1.2rem;
}

.p-features-product {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: 1.6rem;
  align-items: center;
  padding-block: 3.2rem;
  scroll-snap-align: center;
}
@media (min-width: 1024px) {
  .p-features-product {
    flex: 0 1 29.8rem;
    gap: 1.1rem;
    min-width: 0;
    padding-block: 0;
    scroll-snap-align: none;
  }
}
.p-features-product__img {
  width: 20rem;
  height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .p-features-product__img {
    width: 23rem;
    height: 23rem;
  }
}
.p-features-product__caption {
  font-size: 1.2rem;
  line-height: 2rem;
  color: rgba(13, 18, 26, 0.7411764706);
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-product__caption {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.p-features-cta {
  position: relative;
  z-index: 1;
  padding-bottom: 6.4rem;
}
@media (min-width: 1024px) {
  .p-features-cta {
    padding: 8rem 0 16rem;
  }
}
.p-features-cta__box {
  padding: 3.2rem;
  margin-inline: 0.4rem;
  color: #fff;
  text-align: center;
  background-color: #32b432;
  background-image: url("/assets/img/pages/personal/features/cta-deco-sp.svg");
  background-position: center;
  background-size: cover;
  border-radius: 3.2rem;
}
@media (min-width: 1024px) {
  .p-features-cta__box {
    max-width: 1112px;
    padding: 8rem;
    margin-inline: auto;
    background-image: url("/assets/img/pages/personal/features/cta-deco-pc.svg");
    border-radius: 2.4rem;
  }
}
.p-features-cta__ttl {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-cta__ttl {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
}
.p-features-cta__txt {
  margin-top: 2.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
  .p-features-cta__txt {
    margin-top: 3.2rem;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 3.2rem;
  }
}
.p-features-cta__ttl + .p-features-cta__txt {
  margin-top: 2.4rem;
}
@media (min-width: 1024px) {
  .p-features-cta__ttl + .p-features-cta__txt {
    margin-top: 4.8rem;
  }
}
.p-features-cta__btns {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 2.4rem;
}
@media (min-width: 1024px) {
  .p-features-cta__btns {
    flex-direction: row;
    gap: 2.4rem;
    justify-content: center;
    margin-top: 4.8rem;
  }
}
.p-features-cta__btn {
  width: 100%;
}
@media (min-width: 1024px) {
  .p-features-cta__btn {
    width: 34.2rem;
  }
}