html:has(dialog[open]) {
  overflow: hidden;
}

:root {
  --mv-blur: 13px;
  @media (width <= 800px) {
    --mv-blur: 8px;
  }
}

@keyframes mvFadeIn {
  from { opacity: 0; filter: blur(var(--mv-blur)); }
  to   { opacity: 1; filter: blur(0px); }
}

#content {
  .main-visual {
    h1 {
      padding: 32px 24px 31px 26px;
      padding-top: clamp(0px, calc(46.92px - 3.846vw), 10px);
      text-align: center;
      animation: mvFadeIn 1.46s ease-out both;
      animation-delay: 0.24s;
      @media (width <= 800px) {
        padding: calc(11/375*100%) 15px 12px;
      }
      img {
        max-width: 954px;
      }
    }
    p {
      padding: 30px 39px 0;
      text-align: center;
      animation: mvFadeIn 1.1s ease-out both;
      animation-delay: 0.6s;
      @media (width <= 800px) {
        padding: 12px 13.5px 0;
        line-height: 1;
      }
      img {
        max-width: 924px;
      }
    }
    .main-image {
      animation: mvFadeIn 1.1s ease-out both;
      animation-delay: 0.6s;
      margin: 0 24px 0 26px;
      height: var(--main-image-height-override, calc(100svh - var(--main-visual-h1-height, 0px) - 23px));
      max-height: var(--main-image-max-height);
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/mv.jpg') 1x,
        url('../../img/seikatsuchishin2026/index/mv@2x.jpg') 2x
      );
      background-size: cover;
      background-position: top center;
      @media (width <= 800px) {
        margin: 0 12.5px;
        background-image: image-set(
          url('../../img/seikatsuchishin2026/index/mv-sp.jpg') 1x,
          url('../../img/seikatsuchishin2026/index/mv-sp@2x.jpg') 2x
        );
        height: auto;
        max-height: none;
        aspect-ratio: 350 / 364;
      }
    }
  }
  .intro {
    max-width: 573px;
    margin: 60px auto 49px;
    padding: 0 25px;
    color: #81838B;
    @media (width <= 800px) {
      margin: 40px auto 36px;
    }
    h2 {
      margin-bottom: 29px;
      font-size: 23px;
      letter-spacing: 0.08em;
      line-height: 1.8;
      @media (width <= 800px) {
        margin-bottom: 23px;
        font-size: 17px;
      }
    }
    > p {
      br {
        @media (width <= 800px) {
          display: none;
        }
      }
    }
    p {
      font-size: 14px;
      text-align: left;
      letter-spacing: 0.08em;
      @media (width <= 800px) {
        font-size: 14px;
        text-align: justify;
        letter-spacing: 0.05em;
      }
      + p {
        margin-top: 28px;
        @media (width <= 800px) {
          margin-top: 18px;
        }
      }
    }
    button {
      display: block;
      margin: 35px auto 0;
      padding: 13px 22px 12px 32px;
      border: 1px solid #AEAEAE;
      border-radius: 100px;
      outline: none;
      -webkit-tap-highlight-color: transparent;
      color: #81838B;
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: 0.08em;
      @media (width <= 800px) {
        margin: 28px auto 0
      }
      &::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 15px;
        background-color: currentColor;
        -webkit-mask-image: url('../../img/seikatsuchishin2026/index/plus.svg');
        mask-image: url('../../img/seikatsuchishin2026/index/plus.svg');
        -webkit-mask-size: contain;
        mask-size: contain;
      }
    }
    #def-backdrop {
      display: none;
      position: fixed;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 2;
    }
    #def-dialog {
      position: fixed;
      top: 50%;
      left: 50%;
      width: calc(700/ 1220 * 100%);
      max-width: 700px;
      min-width: 511px;
      max-height: 90vh;
      border: none;
      background: none;
      overflow-y: auto;
      scrollbar-gutter: stable;
      z-index: 3;
      transform: translate(calc(-50% + 110px), -50%);
      @media (width >= 1600px) {
        left: 560px;
        transform: translate(0, -50%);
      }
      @media (width <= 800px) {
        width: calc(340 / 375 * 100%);
        max-width: 480px;
        min-width: unset;
        max-height: calc(80vh - 103px);
        transform: translate(-50%, calc(-50% + 51.5px));
      }
      div {
        width: 100%;
        padding: 50px 50px 42px;
        background-image: image-set(
          url('../../img/seikatsuchishin2026/index/def_bg.jpg') 1x,
          url('../../img/seikatsuchishin2026/index/def_bg@2x.jpg') 2x
        );
        background-position: right top;
        color: #fff;
        @media(width <= 1136px) {
          background-position: left -50px top;
        }
        @media(width <= 800px) {
          padding: 20px 16px 34px 22px;
          background-image: image-set(
            url('../../img/seikatsuchishin2026/index/def_bg-sp.jpg') 1x,
            url('../../img/seikatsuchishin2026/index/def_bg-sp@2x.jpg') 2x
          );
          background-position: center top -39px;
        }
        @media (width <= 430px) {
          background-position: center top;

        }
        h1 {
          display: inline-block;
          margin-bottom: 25px;
          font-size: 22px;
          padding: 5px 5px 5px 4px;
          border: 1px solid #fff;
          line-height: 1;
          @media(width <= 800px) {
            margin-bottom: 23px;
            font-size: 21px;
          }
        }
        p {
          font-size: 16px;
          letter-spacing: 0.05em;
          @media(width <= 800px) {
            font-size: 15px;
            line-height: 1.8;
            letter-spacing: 0.08em;
          }
          + p:has(span) {
            margin-top: 18px;
          }
          + p {
            margin-top: 32px;
            @media(width <= 800px) {
              margin-top: 27px;
            }
          }
          &:has(span){
            + p {
              margin-top: 18px;
              @media(width <= 800px) {
                margin-top: 20px;
              }
            }
          }
          span {
            color: #000;
            background: #ffffffb3;
            font-size: 24px;
            line-height: 1.65;
            padding: 3px 4px 3px 6px;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;

            @media(width <= 800px) {
              font-size: 22px;
              line-height: 1.7;
            }
          }
          .br-440 {
            display: none;
            @media (width <= 440px) {
              display: inline;
            }
          }
        }
        button {
          margin: 36px auto 0;
          border-color: #fff;
          border-width: 2px;
          letter-spacing: 0;
          line-height: 1;
          color: #fff;

          @media(width <= 800px) {
            margin: 28px auto 0;
            padding: 13px 20px 12px 35px;
            font-size: 16px;
          }
          &::after {
            content: inherit;
          }
          svg {
            margin-left: 20px;
          }
        }
      }
    }
  }
  .summary {
    background: #AFAEB3;
    aspect-ratio: 50/9;
    @media (width < 950px) {
      aspect-ratio: 375 / 116;
    }
    a {
      display: block;
      width: 100%;
      height: 100%;
    }
    .summary-content{
      container-type: inline-size;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: right;
      height: 100%;
      margin: 0 auto;
      @media (width < 950px) {
        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background-color: rgba(0, 0, 0, 0.15);
          pointer-events: none;
          z-index: 0;
        }
      }
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/definition_bg.png') 1x,
        url('../../img/seikatsuchishin2026/index/definition_bg@2x.png') 2x
      );
      background-repeat: no-repeat;
      background-position: left calc(66/1000*100%) bottom;
      background-size: contain;
      @media (width < 950px) {
        background-image: image-set(
          url('../../img/seikatsuchishin2026/index/definition_bg-sp.png') 1x,
          url('../../img/seikatsuchishin2026/index/definition_bg-sp@2x.png') 2x
        );
        background-position: center bottom;
      }
      .button {
        position: relative;
        z-index: 1;
        width: calc(324 / 1000 * 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: clamp(44.52px, -12.795px + 5.9703vw, 82.73px);
        border-radius: 5px;
        background: #fff;
        color: #666;
        font-size: clamp(14.3px, -3.64px + 1.8688vw, 26.26px);
        font-feature-settings: 'palt';
        letter-spacing: 0.08em;
        line-height: 1;
        aspect-ratio: 324 / 74;
        @media (width < 950px) {
          width: calc(241 / 375 * 100cqw);
          height: calc(46 / 375 * 100cqw);
          gap: calc(10 / 375 * 100cqw);
          margin: 0 auto;
          font-size: calc(15 / 375 * 100cqw);
        }

        svg {
          width: clamp(13.3px, -4.07px + 1.8094vw, 24.88px);
          height: auto;
          margin-left: 14px;
          @media (width < 950px) {
            width: 16px;
            margin-left: 0;
          }
        }
      }
    }
  }
  .part {
    padding: clamp(23px, calc(2.8947vw - 2.32px), 44px);
    background: linear-gradient(180deg, #FFEDD1 0%, #EABED0 100%);
    @media (width <= 800px) {
      padding: 32px 20px;

    }
  }
  .part-item {
    container-type: inline-size;
    position: relative;
    display: flex;
    border-radius: 8px;
    aspect-ratio: 468 / 205;
    background-size: cover;
    + .part-item {
      margin-top: clamp(11px, calc(1.5789vw - 4.26px), 21px);
      @media (width < 950px) {
        margin-top: 20px;
      }
    }
    .button {
      position: absolute;
      bottom: clamp(18.5px, calc(2.5132vw - 5.66px), 34.55px);
      right: clamp(18.5px, calc(2.5132vw - 5.66px), 34.55px);
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(111 / 936 * 100%);
      background: #fff;
      border: 1px solid #7F7F7F;
      border-radius: 100px;
      transition: 0.5s;
      aspect-ratio: 111/48;
      span {
        display: none;
      }
      .arrow-pc {
        display: flex;
      }
      svg {
        width: clamp(33px, calc(4.4737vw - 9.58px), 62px);
        height: auto;
      }
      svg path {
        fill: #7F7F7F;
      }
    }
    a {
      width: 100%;
      height: 100%;
      &:hover {
        opacity: 1;
        .button {
          background: #F54F94;
          border: 1px solid #F54F94;
          svg path {
            fill: #fff;
          }
          @media (width < 950px) {
            border: none;
            span {
              color: #fff;
            }
        }
        }
      }
    }
    .part-summary {
      position: absolute;
      display: flex;
      align-items: start;
    }
    .text {
      position: relative;
      color: #fff;
      &::before {
        content: '';
        position: absolute;
        display: block;
        height: auto;
        background-size: cover;
        background-position: center;
      }
      h1 {
        margin-bottom: clamp(12px, calc(2.3684vw - 12.89px), 25px);
        font-size: clamp(28.06px, calc(3.8211vw - 8.62px), 52.52px);
        letter-spacing: 0.08em;
        line-height: 1.5;
      }
      p {
        font-size: clamp(12px, calc(1.4974vw - 3.27px), 20.69px);
        letter-spacing: 0.079em;
        line-height: 2.1;
      }
    }
    @media (width < 950px) {
      aspect-ratio: 335 / 392;
      background-color: #81807E;
      background-size: 100%;
      background-position: top center;
      .part-summary {
        flex-direction: column;
        padding: calc(25 / 335 * 100cqw) calc(20 / 335 * 100cqw);
        gap: 0;
        img {
          height: auto;
          margin-top: 0;
          margin-left: calc(6 / 335 * 100cqw);
          margin-bottom: calc(29 / 335 * 100cqw);
        }
      }
      .text {
        h1 {
          font-size: calc(24 / 335 * 100cqw);
          letter-spacing: 0.11em;
          margin-bottom: calc(33 / 335 * 100cqw);
        }
        p {
          font-size: calc(13 / 335 * 100cqw);
          width: auto;
          line-height: 1.9;
        }
      }
      .button {
        bottom: calc(24 / 335 * 100cqw);
        left: 0;
        right: 0;
        width: calc(295 / 335 * 100cqw);
        height: calc(40 / 335 * 100cqw);
        margin: 0 auto;
        border: none;
        aspect-ratio: unset;
        span {
          display: inline;
          font-size: calc(15 / 335 * 100cqw);
          letter-spacing: 0.08em;
          color: #7F7F7F;
        }
        .arrow-pc {
          display: none;
        }
        .arrow-sp {
          position: absolute;
          right: calc(17 / 335 * 100cqw);
          top: 50%;
          margin-top: calc(2 / 335 * 100cqw);
          transform: translateY(-50%);
        }
        svg {
          width:  calc(8 / 335 * 100cqw);
        }
      }
    }
  }
  .part1 {
    background-image: image-set(
      url('../../img/seikatsuchishin2026/index/part1_bg.jpg') 1x,
      url('../../img/seikatsuchishin2026/index/part1_bg@2x.jpg') 2x
    );
    @media (width < 950px) {
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/part1_bg-sp.jpg') 1x,
        url('../../img/seikatsuchishin2026/index/part1_bg-sp@2x.jpg') 2x
      );
    }
    .part-summary {
      width: calc(100% - 5.8%);
      top: 18%;
      left: 5.8%;
      gap: 3.8%;
      img {
        width: calc(80 / 936 * 100%);
        margin-top: 1.3%;
      }
    }
    .text {
      p {
        width: clamp(207.52px, calc(28.2474vw - 63.62px), 388.34px);
      }
    }
    @media (width < 950px) {
      .part-summary {
        width: 100%;
        top: 0;
        left: 0;
        gap: 0;
        img {
          width: calc(40 / 335 *100cqw);
          margin-bottom: calc(68 / 335 * 100cqw);
        }
      }
      .text p {
        width: auto;
      }
    }
  }
  .part2 {
    background-image: image-set(
      url('../../img/seikatsuchishin2026/index/part2_bg.jpg') 1x,
      url('../../img/seikatsuchishin2026/index/part2_bg@2x.jpg') 2x
    );
    @media (width < 950px) {
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/part2_bg-sp.jpg') 1x,
        url('../../img/seikatsuchishin2026/index/part2_bg-sp@2x.jpg') 2x
      );
    }
    .part-summary {
      width: calc(100% - 40%);
      top: 18%;
      left: 40%;
      gap: 6.1%;
      img {
        margin-top: 1.4%;
        width: calc(151 / 936 * 100%);
      }
    }
    .text {
      p {
        width: clamp(216.39px, 29.4553vw - 66.354px, 404.93px);
      }
    }
    @media (width < 950px) {
      .part-summary {
        width: 100%;
        top: 0;
        left: 0;
        gap: 0;
        img {
          width: calc(45 / 335 *100cqw);
          margin-top: 0;
        }
      }
      .text p {
        width: auto;
      }
    }
  }
  .part3 {
    background-image: image-set(
      url('../../img/seikatsuchishin2026/index/part3_bg.jpg') 1x,
      url('../../img/seikatsuchishin2026/index/part3_bg@2x.jpg') 2x
    );
    @media (width < 950px) {
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/part3_bg-sp.jpg') 1x,
        url('../../img/seikatsuchishin2026/index/part3_bg-sp@2x.jpg') 2x
      );
    }
    .part-summary {
      width: calc(100% - 4.6%);
      top: 18%;
      left: 4.6%;
      gap: 3.6%;
      img {
        width: calc(94 / 936 * 100%);
        margin-top: 1.1%;
      }
    }
    .text {
      p {
        width: clamp(207.52px, calc(28.2474vw - 63.62px), 388.34px);
      }
    }
    @media (width < 950px) {
      .part-summary {
        width: 100%;
        top: 0;
        left: 0;
        gap: 0;
        img {
          width: calc(46 / 335 *100cqw);
          margin-top: 0;
        }
      }
      .text p {
        width: auto;
      }
    }
  }
  .data {
    container-type: inline-size;
    position: relative;
    background: #6E6C6E;
    .button {
      position: absolute;
      bottom: clamp(38.5px, calc(5.1316vw - 12.61px), 69.5px);
      right: clamp(40px, calc(5.5263vw - 10.42px), 78px);
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(111 / 1000 * 100%);
      background: #fff;
      border: 1px solid #7F7F7F;
      border-radius: 100px;
      transition: 0.5s;
      aspect-ratio: 111 / 48;
      .arrow-sp {
        display: none;
      }
      span {
        display: inline-flex;
      }
      svg {
        width: clamp(33px, calc(4.4737vw - 9.58px), 62px);
        height: auto;
      }
      svg path {
        fill: #7F7F7F;
      }
      @media (width < 950px) {
        bottom: calc(20 / 375 * 100cqw);
        right: calc(27 / 375 * 100cqw);
        width: calc(30 / 375 * 100cqw);
        border: none;
        aspect-ratio: 1 / 1;
        .arrow-pc {
          display: none;
        }
        .arrow-sp {
          display: inline-flex;
          position: absolute;
          right: 47%;
          top: 50%;
          transform: translate(50%, -50%);
          svg {
            width: calc(8 / 375 * 100cqw);
          }
        }
      }
    }

    a:hover {
      opacity: 1;
      .button {
        background: #F54F94;
        border: 1px solid #F54F94;
        svg path {
          fill: #fff;
        }
      }
    }
    .data-content {
      display: flex;
      align-items: center;
      justify-content: right;
      background-image: image-set(
        url('../../img/seikatsuchishin2026/index/data_bg.jpg') 1x,
        url('../../img/seikatsuchishin2026/index/data_bg@2x.jpg') 2x
      );
      background-repeat: no-repeat;
      background-size: contain;
      aspect-ratio: 1000/253;
      @media (width < 950px) {
        align-items: flex-start;
        padding-top: calc(36 / 375 * 100cqw);
        padding-right: calc(24 / 375 * 100cqw);
        background-image: image-set(
          url('../../img/seikatsuchishin2026/index/data_bg-sp.jpg') 1x,
          url('../../img/seikatsuchishin2026/index/data_bg-sp@2x.jpg') 2x
        );
        aspect-ratio: 375/188;
      }
    }
    .text {
      width: calc(311 / 1000 * 100%);
      margin-right: clamp(176px, calc(24.2105vw - 58.37px), 329px);
      color: #fff;
      font-feature-settings: 'palt';
      @media (width < 950px) {
        width: calc(142 / 375 * 100cqw);
        margin-right: 0;
      }
      h1 {
        margin-bottom: clamp(18px, calc(2.3684vw - 4.89px), 33px);
        font-size: clamp(26.64px, calc(3.6184vw - 8.14px), 49.75px);
        letter-spacing: 0.11em;
        line-height: 1.5;
        @media (width < 950px) {
          margin-bottom: calc(17 / 375 * 100cqw);
          font-size: calc(19 / 375 * 100cqw);
          line-height: 1;
        }
      }
      ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: clamp(12px, calc(1.5789vw - 3.26px), 22px);
        row-gap: clamp(13px, calc(1.8421vw - 4.47px), 25px);
        @media (width < 950px) {
          row-gap: calc(8 / 375 * 100cqw);
        }
      }
      li {
        font-size: clamp(11.1px, calc(1.5079vw - 3.40px), 20.73px);
        letter-spacing: 0.08em;
        line-height: 1;
        @media (width < 950px) {
          font-size: calc(11 / 375 * 100cqw);
          line-height: 1.6;
        }
      }
    }
  }
  #topics {
    padding-bottom: calc(72 / 1002 * 100%);
    background: #EFEFEF;
    @media (width < 960px) {
      padding-bottom: calc(51 / 375 * 100%);
    }
    > h1 {
      width: fit-content;
      margin: 0 auto calc(52 / 937 * 100cqw);
      margin-bottom: clamp(37px, 5.7895vw - 17.6316px, 75px);
      padding-top: calc(4 / 937 * 100cqw);
      padding-bottom: calc(2 / 937 * 100cqw);
      padding-left: calc(5 / 937 * 100cqw);
      padding-right: calc(2 / 937 * 100cqw);
      background: #858585;
      color: #fff;
      font-size: clamp(19.84px, 2.6816vw - 5.8553px, 37.05px);
      font-feature-settings: 'palt';
      text-align: center;
      letter-spacing: 0.08em;
      line-height: 1;
      @media (width < 960px) {
        margin: 0 auto calc(40 / 346 * 100cqw);
        padding-top: calc(4 / 346 * 100cqw);
        padding-bottom: calc(1 / 346 * 100cqw);
        padding-left: calc(4 / 346 * 100cqw);
        padding-right: calc(2 / 346 * 100cqw);
        font-size: calc(23.66 / 346 * 100cqw);
      }
    }
  }
  .work-list {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: image-set(
      url('../../img/seikatsuchishin2026/index/work-list_bg.jpg') 1x,
      url('../../img/seikatsuchishin2026/index/work-list_bg@2x.jpg') 2x
    );
    background-size: contain;
    aspect-ratio: 167/94;
    @media (width < 960px) {
      background-image: none;
      aspect-ratio: auto;
      background-size: cover;
    }
    .content {
      container-type: inline-size;
      position: absolute;
      left: clamp(29px, 2.3684vw + 5.1053px, 43px);
      bottom: clamp(20px, 2.6316vw - 4.1053px, 38px);
      width: calc(600/1002*100%);
      min-width: 562px;

      > p {
        margin-top: clamp(12px, 2.3684vw - 11.8947px, 26px);
        letter-spacing: 0.08em;
      }
      @media (width < 960px) {
        position: initial;
        width: auto;
        min-width: unset;

      }
    }
    table {
      width: 100%;
      margin-top: calc(24/600*100cqw);
      margin-bottom: calc(17/600*100cqw);
      border-spacing: 0;
      tr:nth-child(2) td {
        padding-top: clamp(8px, 1.0526vw - 2.8421px, 14px);
        @media (width < 960px) {
          padding: 0;
        }
      }
      @media (width < 960px) {
        margin: 0;
        tr:first-child {
          display: none;
        }
        tr {
          display: block;
          line-height: calc(14 / 375 * 100cqw);
          margin-bottom: calc(16 / 375 * 100cqw);
        }
        td {
          display: inline;
          line-height: 0;
          font-feature-settings: normal;
        }
        td:nth-child(1)::after {
          content: "｜";
          margin-right: -6px;
        }
        td:nth-child(2)::after {
          content: "\A";
          white-space: pre;
        }
        td:nth-child(3)::after {
          content: "\3000";
          margin-right: -6px;
        }
        td:nth-child(4)::after {
          content: "\A";
          white-space: pre;
        }
        td:nth-child(5)::after {
          content: "｜";
          margin-right: -6px;
        }
      }
    }
    td,th {
      letter-spacing: 0;
      line-height: clamp(1.8em, 1.3043vw + 5.087px, 26px);
    }
    th {
      padding-bottom: clamp(7px, 0.5263vw + 4.5789px, 13px);
      border-bottom: 1px solid #fff;
      color: #fff;
      font-size: clamp(10px, 1.0974vw - 2.3882px, 15.17px);
      text-align: left;
      &:nth-child(1) {
        width: calc(101 / 600 * 100cqw);
      }
      &:nth-child(2) {
        width: calc(123 / 600 * 100cqw);
      }
      &:nth-child(3) {
        width: calc(43 / 600 * 100cqw);
      }
      &:nth-child(4) {
        width: calc(98 / 600 * 100cqw);
      }
      &:nth-child(5) {
        width: calc(68 / 600 * 100cqw);
      }
      &:nth-child(6) {
        width: calc(170 / 600 * 100cqw);
      }
    }
    p,td {
      color: #fff;
      font-size: max(10px,calc(10 / 600 * 100cqw));
      letter-spacing: 0;
      @media (width < 960px) {
        font-size: calc(9/375*100cqw);

      }
    }
    p {
      letter-spacing: 0.08em;
      @media (width < 960px) {
        font-size: calc(10/375*100cqw);
      }
    }
    .artist-profile {
      @media (width < 960px) {
        background: #87BBAF;
        padding: calc(29.5 / 375 * 100cqw) calc(21.5 / 375 * 100cqw) calc(21.5 / 375 * 100cqw);
      }
      p {
        width: clamp(300px, 40.625vw - 90px, 560px);
        line-height: 1.7;
        letter-spacing: 0.1em;
        text-align: left;
        @media (width < 960px) {
          width: auto;
          font-size: calc(11/375*100cqw);
        }
        + p {
          margin-top: calc(17/600*100cqw);
          @media (width < 960px) {
            margin-top: calc(19 / 375 * 100cqw);
            letter-spacing: 0.08em;
          }
        }
      }
    }

    @media (width < 960px) {
      .list {
        background-image:  image-set(
          url('../../img/seikatsuchishin2026/index/work-list_bg-sp.jpg') 1x,
          url('../../img/seikatsuchishin2026/index/work-list_bg-sp@2x.jpg') 2x
        );
        background-size: contain;
        padding: calc(18 / 375 * 100cqw) calc(20 / 375 * 100cqw) calc(18 / 375 * 100cqw);
      }
    }
  }
}