#content {
  background: #F9F7FC;
  .sp-br {
    @media (width >= 960px) {
      display: none;
    }
  }
  .pc-br {
    @media (width < 960px) {
      display: none;

    }
  }
  .part-intro {
    display: flex;
    align-items: center;
    height: 821px;
    background-image: image-set(
      url('../../img/seikatsuchishin2026/part1/part1_mv.jpg') 1x,
      url('../../img/seikatsuchishin2026/part1/part1_mv@2x.jpg') 2x
    );
    background-position: center;
    color: #fff;
    @media (width < 1220px) {
      background-position: center left 47.6%;
    }
    @media (width < 960px) {
      height: auto;
      background-image: image-set(
        url('../../img/seikatsuchishin2026/part1/part1_mv-sp.jpg') 1x,
        url('../../img/seikatsuchishin2026/part1/part1_mv-sp@2x.jpg') 2x
      );
      background-color: #81807E;
      background-position: top center;
    }
    .intro-text {
      width: 100%;
      max-width: 1002px;
      margin: 0 auto;
      padding-top: 16px;
      padding-left: 67px;
      @media (width < 960px) {
        max-width: 650px;
        padding: 34px 25px 36px;
      }
      h1 {
        margin-bottom: 33px;
        font-size: 36px;
        letter-spacing: 0.11em;
        line-height: 1.5;
        @media (width < 960px) {
          margin-bottom: 36px;
          font-size: 26.87px;
        }
      }
      p {
        font-size: 13px;
        letter-spacing: 0.08em;
        line-height: 2.15;
        text-align: left;
        @media (width < 960px) {
          text-align: justify;
          font-size: 14px;
          line-height: 2;
        }
        .emphasis {
          display: block;
          margin-top: 2px;
          font-size: 22px;
          letter-spacing: 0.08em;
          line-height: 1.65;
          @media (width < 960px) {
            margin-top: 28px;
            font-size: 14px;
            line-height: 2;
          }
        }
        + p{
          margin-top: 21px;
          @media (width < 960px) {
            margin-top: 28px;
          }
        }
      }
      a {
        display: inline-block;
        margin-top: 25px;
        color: #fff;
        @media (width < 960px) {
          width: 100%;
          text-align: center;
        }
        svg {
          margin-left: 16px;
        }
      }
      br {
        @media (width < 960px) {
          display: none;
        }
      }
      .part-num {
        width: 114px;
        margin: 0 0 25px;
        @media (width < 960px) {
          width: 50px;
          margin: 0 0 76px 8px;
        }
        img {
          width: 100%;
          vertical-align: bottom;
        }
      }
    }
  }
  .part-section {
    .section-inner {
      container-type: inline-size;
      position: relative;
      h1 {
        font-size: 32px;
        font-family: var(--font-yugothic-e);
        line-height: 1.65;
        letter-spacing: 0.1em;
        @media (width <= 800px) {
          font-size: 28px;
          letter-spacing: 0.08em;
        }
        span {
          color: var(--part1-purple);
        }
        + p {
          margin-top: 27px;
        }
        + h2 {
          margin-top: 30px;
        }
      }
      h2 {
        color: var(--part1-purple);
        font-size: 22px;
        font-family: var(--font-yugothic-e);
        line-height: 1.7;
        letter-spacing: 0.08em;
        + p {
          margin-top: 20px;
        }
      }
      h3 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 1.7;
        letter-spacing: 0.08em;
        @media (width <= 800px) {
          margin-bottom: 4px;
          font-size: 18px;
          line-height: 1.8;
        }
      }
      p + p {
        margin-top: 32px;
      }
      p + h2 {
        margin-top: 30px;
      }
      p + .graph-wrapper {
        margin-top: 28px;
      }

      + .section-inner {
        margin-top: 99px;
        @media (width <= 800px) {
          margin-top: 79px;
        }
      }

      .graph-wrapper {
        padding: 40px;
        background: #fff;

        @container (width < 530px) {
          width: calc(100% + 50px);
          margin-left: -25px;
          padding: 30px 24.5px!important;
        }
        small {
          display: inline-block;
          color: var(--small-gray);
          font-size: 10px;
          letter-spacing: 0.08em;
          line-height: 1.3;
          @container (width < 530px) {
            display: flex;
            justify-content: center;
            line-height: 1.6;
          }
        }
        &.wide {
          padding: 40px 35px!important;
          @container (width < 530px) {
            padding: 30px 24.5px 29px!important;
          }
          small {
            padding: 0 5px;
            @container (width < 530px) {
              padding: 0;
            }
          }
          .inner > div {
            flex: 1;
          }
        }
        + p {
          margin-top: 28px;
        }
        .inner {
          display: flex;
          justify-content: center;
          gap: 30px;
          @container (width < 530px) {
            flex-direction: column;
            align-items: center;
          }
          h1 {
            margin: 1px 0 -6px;
            font-size: 16px;
            font-family: var(--font-yugothic);
            text-align: center;
            letter-spacing: 0.08em;
            line-height: 1.6;
            @media (width < 530px) {
              font-size: 15px;
            }
          }
          img {
            @container (width < 530px) {
              width: 270px;
              margin: 0 auto;
              &.sp-wide {
                width: 100%;
              }
            }
          }
          > div {
            display: flex;
            flex-direction: column;
            gap: 20px;
            @container (width < 530px) {
              gap: 21px;
            }
          }
          + small {
            margin-top: 7px;
            @container (width < 530px) {
              margin-top: 9px;
            }
            + small {
              margin-top: 4px;
              @container (width < 530px) {
                margin-top: 7px;
              }
            }
          }
          .single {
            max-width: 250px;
            margin-bottom: 14px;
            @container (width < 530px) {
              max-width: unset;
              margin-bottom: 10px;
            }
          }
        }
      }
    }
    .accordion-area {
      position: absolute;
      bottom: 0;
      width: 100cqw;
      height: 118px;
      background: linear-gradient(180deg, rgba(249, 247, 252, 0.00) 0%, #F9F7FC 50%);
      text-align: center;
    }
    .accordion-trigger {
      position: relative;
      width: 250px;
      margin-top: 71px;
      padding: 9px 0 10px;
      border: solid 2px var(--part1-purple);
      border-radius: 100px;
      background: #fff;
      color: var(--part1-purple);
      letter-spacing: 0.05em;
      line-height: 1.5;
      svg {
        position: absolute;
        right: 17px;
        margin-top: 8px;
        transition: transform 0.3s ease;
      }
      &.is-open svg {
        transform: rotate(180deg);
      }
    }
    .accordion-panel.is-open {
      margin-bottom: 0;
      padding-bottom: 78px;
      ~ .accordion-area {
        bottom: -1px;
        background: none;
      }
    }
  }
  .section-01 {
    max-width: 650px;
    margin: 60px auto 0;
    padding: 0 25px 100px;
    @media (width <= 960px) {
      margin: 44px auto 0;
      padding: 0 25px 81px;

    }
    > h3 {
      margin-bottom: 31px;
      padding: 0 9px;
      background: var(--part1-purple);
      color: #fff;
      font-size: 13px;
      line-height: 2.1;
    }
  }
  .section-02 {
    background: #fff;
    padding-bottom: 100px;
    @media (width < 960px) {
      padding-bottom: 80px;
    }
    .section-inner {
      max-width: 750px;
      margin: 0 auto;
      padding: 0 20px;
      @media (width < 960px) {
        padding: 0;
      }
    }
    .accordion-panel {
      margin-bottom: 0;
      padding: 0px 55px;
      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
      background: #F8F5FA;
      @media (width < 960px) {
        padding: 0px 24px;
      }
      >h1 {
        margin-top: 31px;
        .marker {
          color: inherit;
          background: #C8C9CB;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
          padding: 3px 0 5px;
        }
        @media (width < 960px) {
          margin-top: 28px;
        }
      }
      h2 {
        margin-top: 21px;
      }
      >h2 + p {
        margin-top: 21px;
      }
      >h3 {
        width: calc(100% + 110px);
        margin-left: -55px;
        padding: 4px 10px 2px;
        background: var(--part1-purple);
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.08rem;
        @media (width < 960px) {
          width: calc(100% + 48px);
          margin-left: -24px;
          padding: 3px 25px 2px;
        }
      }

    }
    .accordion-area{
      height: 170px;
      .accordion-trigger {
        margin-top: 93px;
        &.is-open {
          margin-top: 72px;
        }
      }
    }
    .accordion-trigger
    .section-inner + .section-inner {
      margin-top: 60px;
    }
    .accordion-panel.is-open {
      padding-bottom: 128px;
      h2 {
        margin-top: 28px;
      }
      .panel-section + .panel-section {
        margin-top: 53px;
        @media (width < 960px) {
          margin-top: 41px;
        }
      }
      .graph-wrapper {
        padding: 40px 40px 35px;
        .inner > div {
          gap: 0;
        }
        h1 {
          margin: 3px 0 16px;
          text-align: center;
          font-size: 16px;
          letter-spacing: 0.08em;
          @media (width < 960px) {
            margin: 0px 0 12px;
            font-size: 15px;

          }
        }
        small {
          margin-top: 21px;
        }
        small.margin-reset {
          margin-top: 12px;
        }
      }
      .interview {
        background: #fff;
        @media (width < 960px) {
          width: calc(100% + 50px);
          margin-left: -25px;
        }
        > p {
          margin: 28px 0 0;
          padding: 0px 40px 34px;
          @media (width < 960px) {
            padding: 0px 25px 34px;
          }
        }
        .interview-info {
          display: flex;
          justify-content: space-between;
          @media (width < 960px) {
            flex-direction: column;
          }
          .text {
            display: flex;
            flex-direction: column;
            gap: 17px;
            padding: 31px 0 0 40px;
            @media (width < 960px) {
              padding: 35px 25px 16px;
              gap: 11px;
            }
          }

          h1 {
            color: var(--part1-purple);
            font-size: 22px;
            @media (width < 960px) {
              line-height: 1.7;
            }
          }
          p {
            margin-top: 0;
            font-size: 14px;
            letter-spacing: 0.08em;
          }
          .img {
            max-width: 270px;
            @media (width < 960px) {
              max-width: unset;
            }
          }
        }
      }
      .data-link {
        position: relative;
        padding: 40px 61px 0px;
        background: #fff;
        z-index: 1;
        @container (width < 530px) {
          width: calc(100% + 50px);
          margin-left: -25px;
          padding: 34px 25px 0px;
          a {
            width: calc(300 / 375 * 100cqw);
            display: flex;
            margin: 0 auto;
          }
        }
        h1 {
          margin: 0 0 -5px;
          text-align: center;
          font-size: 22px;
          line-height: 1.7;
          letter-spacing: 0.08em;
          @container (width < 530px) {
            margin: 0 0 -12px;
            font-size: 18px;
            line-height: 1.8;
          }
        }
        p {
          font-size: 14px;
          line-height: 1.8;
          letter-spacing: 0.08em;
        }
        .data-img {
          margin-top: 21px;
        }
        .expansion-img {
          position: absolute;
          right: 35px;
          bottom: 16px;
          width: 69px;
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
          @container (width < 530px) {
            right: 27px;
            bottom: 20px;
            width: 60px;
          }
        }
      }
    }
    .section-inner + .section-inner {
      margin-top: 60px;
      @media (width < 960px) {
        margin-top: 50px;
      }
    }
  }
  .video-section {
    .video-section-inner {
      position: relative;
      overflow: hidden;
    }
    .video-detail {
      .video-detail-inner {
        padding-bottom: 50px;
        background: #fff;
        @media (width < 960px) {
          padding-bottom: 77px;
        }
        .title {
          padding: 38px 25px 33px;
          background: var(--part1-purple);
          text-align: center;
          @media (width < 960px) {
            padding: 14px 25px 11px;
          }
        }
        h1 {
          margin-bottom: 8px;
          color: #fff;
          font-size: 28px;
          font-family: var(--font-yugothic-e);
          text-align: center;
          line-height: 1.8;
          letter-spacing:0.08em;
          @media (width < 960px) {
            margin-bottom: -2px;
            font-size: 22px;
            line-height: 1.6;
          }
          span {
            display: block;
            margin-bottom: 3px;
            font-size: 12px;
            letter-spacing: 0.08em;
            @media (width < 960px) {
              margin-bottom: 7px;
            }
          }
        }
        small {
          color: #fff;
          font-size: 12px;
          letter-spacing: 0.08em;
          @media (width < 960px) {
            font-size: 10px;
          }
        }
        .content {
          max-width: 870px;
          margin: 0 auto;
          padding: 50px 25px 0;
          text-align: center;
          @media (width < 960px) {
            padding: 28px 25px 0;
          }
          p {
            max-width: 600px;
            margin: 0 auto;
            + .video-container {
              margin-top: 52px;
              @media (width < 960px) {
                margin-top: 29px;
              }
            }
          }
          .video-container {
            + p {
              margin-top: 51px;
              @media (width < 960px) {
                margin-top: 27px;
              }
            }
            small {
              display: block;
              margin-top: 15px;
              color: var(--small-gray);
              font-size: 10px;
              text-align: right;
              letter-spacing: 0.08em;
              @media (width < 960px) {
                margin-top: 4px;
              }
            }
            img {
              vertical-align: bottom;
            }
            video {
              width: 100%;
              vertical-align: bottom;
            }
          }
          .video-thumbnail {
            position: relative;
            + p {
              margin-top: 52px;
            }
          }
          .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 88px;
            @media (width <960px) {
              width: 66px;
            }
          }
          .img {

            max-width: 634px;
            margin: 53px auto 0;
            @media (width < 960px) {
              margin: 24px auto 0;
              padding: 0 4px;
            }
            + p {
              margin-top: 52px;
              @media (width < 960px) {
                margin-top: 29px;
              }
            }
          }
        }
      }
      .video-close-btn {
        position: relative;
        display: block;
        margin: 52px auto 0;
        padding: 17px 95px;
        border-radius: 100px;
        background: var(--part1-purple);
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.04em;
        line-height: 1.5;
        @media (width < 960px) {
          margin: 91px auto 0;
          padding: 9px 66px;
          font-size: 20px;
        }
        svg {
          position: absolute;
          right: 26px;
          width: 18px;
          height: auto;
          margin-top: 10px;
          transform: rotate(180deg);
          @media (width < 960px) {
            right: 19px;
            width: 17px;
            margin-top: 8px;

          }
        }
      }
    }
    .bunner-thumb {
      height: 300px;
      display: flex;
      align-items: center;
      background: var(--part1-purple);
      @media (width < 960px) {
        height: auto;
        flex-wrap: wrap;
        .thumb-video {
          flex: 0 0 50%;
          height: 200px;
          order: 1;
        }
        .thumb-text {
          flex: 0 0 100%;
          order: 2;
          padding: 16px 20px 25px;
        }
        > div {
          flex: 0 0 50%;
        }
      }
      .thumb-video {
        flex: 0 0 calc(320 / 1002 * 100%);
        height: 100%;
        @media (width < 960px) {
          flex: 0 0 calc(187.5 / 375 * 100%);
        }
        video {
          width: 100%;
          height: 100%;
          object-fit: cover;
          overflow: hidden;
          pointer-events: none;
          vertical-align: bottom;
        }

      }
      > div {
        flex: 1;
        text-align: center;
      }
      .thumb-text {
        p {
          color: #fff;
          font-size: min(2.295vw, 28px);
          font-family: var(--font-yugothic-e);
          text-align: center;
          line-height: 1.8;
          letter-spacing:0.08em;
          @media (width < 960px) {
            font-size: 22px;
            line-height: 1.7;
          }
        }
        span {
          display: block;
          margin-bottom: 3px;
          font-size: 12px;
          letter-spacing: 0.08em;
          @media (width < 960px) {
            margin-bottom: 6px;
          }
        }
        button {
          position: relative;
          margin-top: 32px;
          padding: min(1.393vw, 17px) min(8.361vw, 102px);
          border-radius: 100px;
          background: #fff;
          color: var(--part1-purple);
          font-size: min(1.803vw, 22px);
          line-height: 1.5;
          letter-spacing: 0.04em;
          @media (width < 960px) {
            margin-top: 17px;
            padding: 6px 71.5px 5px;
            font-size: 20px;
            line-height: 1.8;
          }
          svg {
            position: absolute;
            right: 22px;
            width: 18px;
            height: auto;
            margin-top: 10px;
            @media (width < 960px) {
              right: 15px;
            }
          }
        }
      }
    }
  }
  .column-section {
    .column-section-inner {
      position: relative;
    }
    .column-thumb{
      padding: 53px 25px 56px;
      background: #F6FAED;
      background-image: image-set(
        url('../../img/seikatsuchishin2026/part1/column_bg.png') 1x,
        url('../../img/seikatsuchishin2026/part1/column_bg@2x.png') 2x
      );
      background-size: 1382px;
      background-position: top 27px center;
      @media (width < 960px) {
        padding: 41px 15px 50px;
        background-image: image-set(
          url('../../img/seikatsuchishin2026/part1/column_bg-sp.png') 1x,
          url('../../img/seikatsuchishin2026/part1/column_bg-sp@2x.png') 2x
        );
        background-size: 100%;
        background-position: top -13px center;
      }
    }
    .column-thumb-inner {
      position: relative;
      width: 100%;
      max-width: 722px;
      margin: 0 auto;
      padding: 38px 0 67px;
      background: #fff;
      border: solid 2px #6EBE62;
      border-radius: 44px;
      @media (width < 960px) {
        container-type: inline-size;
        max-width: 600px;
        border-radius: 10px;
        padding: 28px 0 38px;
      }
      &::before,
      &::after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
      }
      &::before {
        left: calc(23 / 722 * 100%);
        width: calc(101 / 722 * 100%);
        background-image: image-set(
          url('../../img/seikatsuchishin2026/part1/man_01.png') 1x,
          url('../../img/seikatsuchishin2026/part1/man_01@2x.png') 2x
        );
        @media (width < 960px) {
          left: calc(7 / 345 * 100cqw);
          width: calc(38 / 345 * 100cqw);
          background-image: image-set(
            url('../../img/seikatsuchishin2026/part1/man_01-sp.png') 1x,
            url('../../img/seikatsuchishin2026/part1/man_01-sp@2x.png') 2x
          );
        }
      }
      &::after {
        right: calc(-18 / 722 * 100%);
        width: calc(165 / 722 * 100%);
        background-image: image-set(
          url('../../img/seikatsuchishin2026/part1/man_02.png') 1x,
          url('../../img/seikatsuchishin2026/part1/man_02@2x.png') 2x
        );
        @media (width < 960px) {
          right: calc(5 / 345 * 100cqw);
          width: calc(61 / 345 * 100cqw);
          background-image: image-set(
            url('../../img/seikatsuchishin2026/part1/man_02-sp.png') 1x,
            url('../../img/seikatsuchishin2026/part1/man_02-sp@2x.png') 2x
          );
        }
      }
      p {
        width: 100%;
        max-width: 410px;
        margin: 0 auto;
        @media (width < 960px) {
          max-width: 285px;
        }
        img {
          width: 100%;
        }
      }
      button {
        position: absolute;
        bottom: -31px;
        left: 50%;
        padding: 17px 102px;
        background: #6EBE62;
        border-radius: 100px;
        color: #fff;
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 0.04em;
        transform: translateX(-50%);
        @media (width < 960px) {
          bottom: -26px;
          padding: 13px 72px 15px;
          font-size: 20px;
          line-height: 1;
        }
        svg {
          position: absolute;
          right: 22px;
          width: 15px;
          height: auto;
          margin-top: 10px;
          @media (width < 960px) {
            right: 18px;
            margin-top: 4px;
          }
        }
      }
    }
    .column-detail-inner {
      padding: 50px 25px 43px;
      background: #F6FAED;
      background-image: image-set(
        url('../../img/seikatsuchishin2026/part1/column_bg.png') 1x,
        url('../../img/seikatsuchishin2026/part1/column_bg@2x.png') 2x
      );
      background-size: 1382px;
      background-position: top 27px center;
      @media (width < 960px) {
        padding: 41px 15px 43px;
        background-image: image-set(
          url('../../img/seikatsuchishin2026/part1/column_bg-sp.png') 1x,
          url('../../img/seikatsuchishin2026/part1/column_bg-sp@2x.png') 2x
        );
        background-position: top -13px center;
        background-size: 100%;
      }
      >div {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 722px;
        margin: 0 auto;
        padding: 65px 59px;
        background: #fff;
        border: solid 2px #6EBE62;
        border-radius: 44px;
        @media (width < 960px) {
          container-type: inline-size;
          border-radius: 10px;
          padding: 33px 23px;
        }
        > div {
          max-width: 550px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          gap: 10px;
          margin: 28px auto 0;
          @container (width <= 560px) {
            flex-direction: column;
            gap: 0;
            margin: 25px auto 0;
          }
          img {
            min-width: 0;
          }
        }
      }
      h1 {
        width: 100%;
        max-width: 411px;
        img {
          width: 100%;
          vertical-align: bottom;
        }
        + p {
          margin-top: 28px;
        }
      }
      p + h2 {
        margin-top: 29px;
      }
      h2 {
        font-size: 28px;
        font-family: var(--font-yugothic-e);
        line-height: 1.8;
        letter-spacing: 0.08em;
        span {
          display: block;
          font-size: 22px;
          line-height: 1.8;
          letter-spacing: 0.08em;
        }
        + p {
          margin-top: 27px;
        }
      }
      small {
        display: block;
        width: 600px;
        margin: 20px auto 0;
        color: var(--small-gray);
        font-size: 10px;
        line-height: 1.6;
        letter-spacing: 0.08em;
        @media (width < 960px) {
          width: auto;

        }
      }
      button {
        display: block;
        margin: 0 auto;
      }
      .column-close-btn {
        position: relative;
        display: block;
        margin: 28px auto 0;
        padding: 17px 95px;
        border-radius: 100px;
        background: #5CB94E;
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.04em;
        line-height: 1.5;
        @media (width < 960px) {
          margin: 28px auto 0;
          padding: 10px 66px;
          font-size: 20px;
        }
        svg {
          position: absolute;
          right: 26px;
          width: 18px;
          height: auto;
          margin-top: 10px;
          transform: rotate(180deg);
          @media (width < 690px) {
            right: 18px;
            width: 17px;
            margin-top: 8px;
          }
        }
      }
    }
  }

  .section-summury {
    margin-bottom: 100px;
    padding: 133px 25px;
    background-image: url('../../img/seikatsuchishin2026/part1/summury_bg.jpg');
    background-image: image-set(
      url('../../img/seikatsuchishin2026/part1/summury_bg.jpg') 1x,
      url('../../img/seikatsuchishin2026/part1/summury_bg@2x.jpg') 2x
    );
    background-size: cover;
    color: #fff;
    @media (width <= 800px) {
      margin-bottom: 80px;
      padding: 43px 25px 42px;
    }
    h1,p {
      max-width: 512px;
      margin: 0 auto;
    }
    h1 {
      margin-bottom: 30px;
      font-size: 28px;
      font-family: var(--font-yugothic-e);
      line-height: 1.8;
      letter-spacing: 0.08em;
      @media (width < 960px) {
        font-size: 33.04px;
      }
      span{
        display: block;
        font-size: 22px;
        letter-spacing: 0.08em;
        @media (width <= 800px) {
          margin-bottom: 11px;
          line-height: 1.7;
        }
      }
    }
  }
  .conclusion {
    max-width: 650px;
    margin: 0 auto;
    padding: 100px 25px;
    @media (width <= 800px) {
      padding: 40px 25px 64px;
    }
    img {
      max-width: 506px;
      margin-bottom: 43px;
      @media (width <= 800px) {
        margin-bottom: 30px;
      }
    }
    p {
      letter-spacing: 0.08em;
      @media (width <= 800px) {
        letter-spacing: 0.05em;
      }
    }
    small {
      display: inline-block;
      margin-top: 30px;
      font-size: 13px;
      @media (width <= 800px) {
        margin-top: 35px;
        font-size: 12px;
      }
    }
  }

  .next-part {
    margin-top: -2px;
    padding: 32px;
    background: linear-gradient(180deg, #EEE9F0 3.92%, #FDDFD7 102.18%);
    @media (width < 960px) {
      margin: 0;
      padding: 20px 17.5px;
    }
    a {
      position: relative;
      display: block;
      max-width: 936px;
      margin: 0 auto;
      border-radius: 8px;
      background-image: image-set(
        url('../../img/seikatsuchishin2026/part1/next-part_bg.jpg') 1x,
        url('../../img/seikatsuchishin2026/part1/next-part_bg@2x.jpg') 2x
      );
      background-size: cover;
      @media (width < 960px) {
        padding-bottom: 24px;
        background-image: image-set(
          url('../../img/seikatsuchishin2026/part1/next-part_bg-sp.jpg') 1x,
          url('../../img/seikatsuchishin2026/part1/next-part_bg-sp@2x.jpg') 2x
        );
        background-size: auto;
        background-position: top center;
        background-color: #81807E;
      }
      &:hover {
        opacity: 1;
        .button {
          background: #F54F94;
          border: 1px solid #F54F94;
          color: #fff;
          svg path {
            fill: #fff;
          }
        }
      }
      .intro-text {
        display: flex;
        gap: clamp(23px, -13.9231px + 3.8462vw, 33px);
        padding-top: clamp(42px, 7.308vw - 28.16px, 61px);
        padding-bottom: clamp(50px, 9.231vw - 38.62px, 74px);
        padding-left: clamp(39px, -1.6154px + 4.2308vw, 50px);
        color: #fff;
        @media (width < 960px) {
          flex-direction: column;
          gap: 0;
          max-width: 492px;
          margin: 0 auto;
          padding: 26px 21px 0px;
        }
        .text {
          flex: 1;
        }
        h1 {
          margin-bottom: 16px;
          font-size: clamp(27.44px, -11.5508px + 4.0615vw, 38px);;
          line-height: 1.5;
          @media (width < 960px) {
            font-size: 24px;
            letter-spacing: 0.11em;
            margin-bottom: 33px;
          }
        }
        p {
          width: calc(336 / 763 * 100%);
          line-height: 2.1;
          letter-spacing: 0.08em;
          font-size: clamp(10.83px, -4.5669px + 1.6038vw, 15px);
          @media (width < 960px) {
            width: auto;
            font-size: 13px;
            line-height: 1.9;
            text-align: justify;
          }
        }
      }
      .part-num {
        width: clamp(64px, -32px + 10vw, 90px);
        margin-top: 8px;
        @media (width < 960px) {
          width:46px;
          margin: 0 0 26px 4px;
        }
      }
      .button {
        position: absolute;
        bottom: 29px;
        right: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        width: 231px;
        height: 66px;
        padding-left: 19px;
        background: #fff;
        border: 1px solid #7F7F7F;
        border-radius: 100px;
        color: #606060;
        font-size: 20px;
        letter-spacing: 0.03em;
        transition: 0.5s;
        .arrow-pc {
          display: flex;
        }
        .arrow-sp {
          display: none;
        }
        @media (width < 960px) {
          position: static;
          width: 130px;
          margin: 12px auto 0;
          padding-left: 0;
          height: 36px;
          font-size: 14px;
          padding-left: 8px;
          gap: 12px;
          border: none;
          color: #737373;
          .arrow-pc {
            display: none;
          }
          .arrow-sp {
            display: inline-flex;
            width: 7px;
          }
        }
        svg path {
          fill: #7F7F7F;
          transition: 0.5s;
        }
      }
    }
  }

}