@layer project {
  /* news
  ------------------------------- */
  .p-index-news__lead {
    font-weight: var(--font-weight-medium);
    text-align: center;
  }
  .p-index-news__note {
    display: flex;
    justify-content: center;
  }
  .p-index-news__note-item:not(:first-child) {
    margin-inline-start: 1em;
  }
  @media (max-width: 767.98px) {
    .p-index-news {
      margin-block-start: 20px;
    }
    .p-index-news__banner {
      padding-inline: 5px;
      text-align: center;
    }
    .p-index-news__logo {
      position: relative;
      inset-inline-start: -2px;
    }
    .p-index-news__inner {
      position: relative;
      margin-block-start: clamp(-300px, -37%, -130px);
    }
    .p-index-news__lead {
      font-size: 1rem;
      line-height: 1.56;
    }
    .p-index-news__note {
      margin-block-start: 8px;
    }
    .p-index-news__button-column {
      margin: 25px auto 0;
    }
    .p-index-news__store-button:not(:first-child) {
      margin-block-start: 13px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-news {
      margin-block-start: 66px;
    }
    .p-index-news__img-wrap {
      position: relative;
      box-sizing: initial;
      max-inline-size: 900px;
      padding-inline: 30px;
      margin: 61px auto 0;
    }
    .p-index-news__img-wrap::after {
      position: absolute;
      inset-block-start: -2px;
      inset-inline-end: 68px;
      z-index: -1;
      inline-size: 344px;
      block-size: 361px;
      content: "";
      background-image: url("/assets/index/img/pdt_news_01_pc_ava_l-jg.png");
      background-repeat: no-repeat;
      background-size: contain;
    }
    .p-index-news__inner {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-inline-size: 55%;
    }
    .p-index-news__lead {
      line-height: 1.875;
    }
    .p-index-news__lead,
    .p-index-news__note {
      margin-block-start: 10px;
    }
    .p-index-news__button-column {
      display: flex;
      justify-content: space-between;
      max-inline-size: 696px;
      margin: 39px auto 0;
    }
    .p-index-news__store-button {
      flex-basis: 50%;
      max-inline-size: 330px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-index-news__img-wrap {
      margin-block-start: 30px;
    }
    .p-index-news__img-wrap::after {
      inset-block-start: 8px;
      inset-inline-end: 68px;
      inline-size: 264px;
      block-size: 281px;
    }
    .p-index-news__logo {
      max-inline-size: 270px;
    }
    .p-index-news__button-column {
      margin-block-start: 40px;
    }
    .p-index-news__store-button:not(:first-child) {
      margin-inline-start: 18px;
    }
  }
  /* feature
  ------------------------------- */
  .p-index-feature {
    padding-block: 60px 80px;
    margin-block-start: 150px;
    background-color: var(--color-stratos);
  }
  .p-index-feature__top + .p-index-feature__detail {
    margin-block-start: 31px;
  }
  .p-index-feature__heading {
    position: relative;
    max-inline-size: 219px;
    margin-inline: auto;
  }
  .p-index-feature__heading::after {
    background-color: var(--color-white);
  }
  .p-index-feature__detail {
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 32);
    font-weight: var(--font-weight-black);
    line-height: 1.3125;
    color: var(--color-white);
    text-align: center;
    letter-spacing: 0.05em;
  }
  .p-index-feature__detail .text-column {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block-start: 10px;
  }
  .p-index-feature__detail + .p-index-feature__list {
    margin-block-start: 27px;
    color: var(--color-white);
    text-align: center;
  }
  .p-index-feature__list + .p-index-feature__block {
    margin-block-start: 50px;
  }
  .p-index-feature__list + .p-index-feature__block__list-figure-01 {
    margin-block-start: 9px;
  }
  .p-index-feature__block {
    position: relative;
    z-index: 0;
    padding: 42px 73px 72px;
    overflow: hidden;
    background-color: #ebf2f9;
  }
  .p-index-feature__block::before {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: 783px;
    content: "";
    background-image: url("/assets/index/img/bg_feature_01_pc_ava_tc.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-index-feature__block__heading-wrap {
    filter: drop-shadow(3px 2px 3px rgba(0, 18, 94, 0.3));
  }
  .p-index-feature__block__heading-wrap + .p-index-feature__list {
    margin-block-start: 6px;
    text-align: center;
  }
  .p-index-feature__block__heading {
    display: grid block;
    place-content: center;
    padding: 13px 30px;
    font-size: calc(var(--rem) * 23);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    background: linear-gradient(90deg, #c9b78e, #fffcf4 44%, #c9b78e);
    clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0 50%);
  }
  .p-index-feature__block__list-figure-01 {
    display: grid block;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
  }
  .p-index-feature__block__list-figure-01 > li {
    position: relative;
  }
  .p-index-feature__block__list-figure-01 > li:not(:last-child)::after,
  .p-index-feature__block__list-figure-01 > li:not(:last-child)::before {
    position: absolute;
    inset-block-start: calc(50% - 45px);
    inset-inline-end: -18px;
    inline-size: 15.4px;
    block-size: 2px;
    content: "";
    background-color: var(--color-stratos);
    transform-origin: calc(100% - 1px) 50%;
    translate: 0 -50%;
  }
  .p-index-feature__block__list-figure-01 > li:not(:last-child)::before {
    rotate: 52.15deg;
  }
  .p-index-feature__block__list-figure-01 > li:not(:last-child)::after {
    rotate: -52.15deg;
  }
  .p-index-feature__block__list-figure-01 + .p-index-feature__block__heading-secondary {
    margin-block-start: 54px;
  }
  .p-index-feature__block__figure-01 {
    max-inline-size: 229px;
  }
  .p-index-feature__block__figure-01 .p-index-feature__block__caption {
    margin-block-start: 8px;
  }
  .p-index-feature__block__caption {
    font-size: calc(var(--rem) * 18);
    font-weight: var(--font-weight-medium);
    line-height: 1.6666666667;
    letter-spacing: -0.01em;
  }
  .p-index-feature__block__heading-secondary {
    position: relative;
    inline-size: fit-content;
    margin-inline: auto;
    font-size: calc(var(--rem) * 23);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::after,
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::before {
    position: absolute;
    inset-block-end: -3px;
    block-size: 1.25em;
    content: "";
    border-inline-start: 1px solid var(--color-stratos);
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::before {
    inset-inline-start: -0.5em;
    rotate: -45deg;
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::after {
    inset-inline-end: -0.5em;
    rotate: 45deg;
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::after,
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::before {
    position: absolute;
    inset-block-end: -3px;
    block-size: 1.25em;
    content: "";
    border-inline-start: 1px solid var(--color-stratos);
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::before {
    inset-inline-start: -0.5em;
    rotate: -45deg;
  }
  .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::after {
    inset-inline-end: -0.5em;
    rotate: 45deg;
  }
  .p-index-feature__block__heading-secondary + .p-index-feature__block__list-figure-02 {
    margin-block-start: 23px;
  }
  .p-index-feature__block__heading-secondary + .p-index-feature__button {
    margin-block-start: 16px;
  }
  .p-index-feature__block__list-figure-02 {
    display: grid block;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
  }
  .p-index-feature__block__list-figure-02 .p-index-feature__block__caption {
    margin-block-start: 15px;
  }
  .p-index-feature__block__list-figure-02 + .p-index-feature__column {
    margin-block-start: 41px;
  }
  .p-index-feature__block__figure-02 + .p-index-feature__list {
    margin-block-start: 5px;
  }
  .p-index-feature__block__movie-container {
    aspect-ratio: 16/8.9283;
    padding-block-start: unset;
  }
  .p-index-feature__column {
    display: grid block;
    grid-template-columns: auto 299px;
    column-gap: 48px;
    align-items: center;
    justify-content: center;
  }
  .p-index-feature__column + .p-index-feature__block__heading-secondary {
    margin-block-start: 52px;
  }
  .p-index-feature__copy {
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 27.066);
    font-weight: var(--font-weight-semi-bold);
    line-height: 1.3124953817;
    text-align: center;
    letter-spacing: 0.049988916em;
  }
  .p-index-feature__copy .text-01 {
    font-size: calc(var(--rem) * 29.603);
    line-height: 1.2000135121;
    letter-spacing: 0.0499949329em;
  }
  .p-index-feature__copy .text-02 {
    font-size: calc(var(--rem) * 35.524);
    letter-spacing: 0.04999437em;
  }
  .p-index-feature__copy .text-03 {
    display: inline-block;
    margin-block-start: 4px;
  }
  .p-index-feature__copy + .p-index-feature__list {
    margin-block-start: 21px;
  }
  .p-index-feature__button__link {
    max-inline-size: 486px;
    block-size: 99px;
    font-size: calc(var(--rem) * 24);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    background-image: url("/assets/index/img/bg_btn_feature_ava_tc.png");
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(0 5px 8px rgba(71, 95, 110, 0.5));
  }
  .p-index-feature__button__link::after {
    inset-inline-end: 26px;
    inline-size: 14px;
    block-size: 14px;
  }
  .p-index-feature__button__link span {
    margin-inline-end: 0.5em;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-index-feature__detail {
      font-size: calc(var(--rem) * 24);
    }
    .p-index-feature__detail .text-01 {
      max-inline-size: 60%;
    }
    .p-index-feature__block {
      padding: 27px 15px 40px;
    }
    .p-index-feature__block::before {
      block-size: 540px;
    }
    .p-index-feature__block__heading {
      font-size: calc(var(--rem) * 17.5);
    }
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::after,
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::before {
      inset-block-start: calc(50% - 32px);
      inset-inline-end: -20px;
      inline-size: 11.4px;
    }
    .p-index-feature__block__caption {
      font-size: calc(var(--rem) * 14);
    }
    .p-index-feature__block__heading-secondary {
      font-size: calc(var(--rem) * 18);
    }
    .p-index-feature__column {
      grid-template-columns: auto 190px;
      column-gap: 20px;
    }
    .p-index-feature__copy,
    .p-index-feature__copy .text-01 {
      font-size: calc(var(--rem) * 20);
    }
    .p-index-feature__copy .text-02 {
      font-size: calc(var(--rem) * 24);
    }
    .p-index-feature__copy .text-03 {
      max-inline-size: 240px;
    }
    .p-index-feature__button__link {
      max-inline-size: 350px;
      block-size: 78px;
      font-size: calc(var(--rem) * 18);
    }
    .p-index-feature__button__link::after {
      inline-size: 10px;
      block-size: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .p-index-feature {
      padding-block: 60px 64.5px;
      margin-block-start: 80px;
    }
    .p-index-feature__top + .p-index-feature__detail {
      margin-block-start: 14.5px;
    }
    .p-index-feature__heading {
      max-inline-size: 156.5px;
    }
    .p-index-feature__detail {
      font-size: calc(var(--rem) * 17.5);
      line-height: 1.7142857143;
    }
    .p-index-feature__detail .text-01 {
      max-inline-size: 201.5px;
    }
    .p-index-feature__detail + .p-index-feature__list {
      margin-block-start: 10px;
    }
    .p-index-feature__list + .p-index-feature__block {
      margin-block-start: 26.5px;
    }
    .p-index-feature__list + .p-index-feature__block__list-figure-01 {
      margin-block-start: 4px;
    }
    .p-index-feature__block {
      padding: 27px 13.5px 40px;
    }
    .p-index-feature__block::before {
      inset-block-end: calc(var(--vw-small) * 120);
      inset-inline-start: 50%;
      inline-size: calc(var(--vw-small) * 571);
      block-size: calc(var(--vw-small) * 423);
      background-image: url("/assets/index/img/bg_feature_01_sp_ava_tc.png");
      translate: -50%;
    }
    .p-index-feature__block__heading-wrap {
      filter: drop-shadow(1.5px 1px 1.5px rgba(0, 18, 94, 0.3));
    }
    .p-index-feature__block__heading-wrap + .p-index-feature__list {
      margin-block-start: 6.5px;
    }
    .p-index-feature__block__heading {
      padding: 6px 15px 7.5px;
      font-size: calc(var(--rem) * 15);
      line-height: 1.3333333333;
      text-align: center;
    }
    .p-index-feature__block__list-figure-01 {
      grid-template-columns: 1fr;
      gap: 25.5px 0;
    }
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::after,
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::before {
      inset-block-start: unset;
      inset-block-end: -18px;
      inset-inline-start: 50%;
      inset-inline-end: unset;
      inline-size: 2px;
      block-size: 11px;
      transform-origin: 50% calc(100% - 1px);
      translate: -50%;
    }
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::before {
      rotate: 49.75deg;
    }
    .p-index-feature__block__list-figure-01 > li:not(:last-child)::after {
      rotate: -49.75deg;
    }
    .p-index-feature__block__figure-01 {
      max-inline-size: 100%;
    }
    .p-index-feature__block__figure-01 > img {
      inline-size: 100%;
    }
    .p-index-feature__block__figure-01 .p-index-feature__block__caption {
      margin-block-start: 10px;
    }
    .p-index-feature__block__caption {
      font-size: calc(var(--rem) * 14);
      line-height: 1.6071428571;
      text-align: center;
      letter-spacing: 0;
    }
    .p-index-feature__block__heading-secondary {
      font-size: calc(var(--rem) * 17.5);
      font-weight: var(--font-weight-medium);
      line-height: 1.4285714286;
      text-align: center;
    }
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::after,
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::before {
      inset-block-end: 0;
      block-size: 2.25em;
    }
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::before {
      inset-inline-start: -0.75em;
      rotate: -20deg;
    }
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-01::after {
      inset-inline-end: -0.75em;
      rotate: 20deg;
    }
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::after,
    .p-index-feature__block__heading-secondary.p-index-feature__block__heading-secondary-type-02::before {
      inset-block-end: 0;
    }
    .p-index-feature__block__heading-secondary + .p-index-feature__button {
      margin-block-start: 8px;
    }
    .p-index-feature__block__list-figure-02 {
      grid-template-columns: auto;
      gap: 25px 0;
    }
    .p-index-feature__block__list-figure-02 .p-index-feature__block__caption {
      margin-block-start: 14px;
    }
    .p-index-feature__block__list-figure-02 + .p-index-feature__column {
      margin-block-start: 53px;
    }
    .p-index-feature__block__figure-02 > img {
      inline-size: 100%;
    }
    .p-index-feature__block__figure-02 .p-index-feature__block__caption {
      font-size: calc(var(--rem) * 13);
    }
    .p-index-feature__block__figure-02 + .p-index-feature__list {
      margin-block-start: 3.5px;
    }
    .p-index-feature__block__movie-container {
      aspect-ratio: 16/9.66;
    }
    .p-index-feature__column {
      grid-template-columns: auto;
      gap: 22px 0;
    }
    .p-index-feature__column + .p-index-feature__block__heading-secondary {
      margin-block-start: 46.5px;
    }
    .p-index-feature__copy,
    .p-index-feature__copy .text-01 {
      font-size: calc(var(--rem) * 17.5);
      line-height: 1.7142857143;
      letter-spacing: normal;
    }
    .p-index-feature__copy .text-02 {
      font-size: calc(var(--rem) * 22.5);
      line-height: 1.3333333333;
      letter-spacing: normal;
    }
    .p-index-feature__copy .text-03 {
      max-inline-size: 215px;
    }
    .p-index-feature__copy + .p-index-feature__list {
      margin-block-start: 19px;
    }
    .p-index-feature__product {
      max-inline-size: calc(var(--vw-small) * 192);
      margin-inline: auto;
    }
    .p-index-feature__button__link {
      max-inline-size: 326px;
      block-size: 66.5px;
      font-size: calc(var(--rem) * 15);
      letter-spacing: 0.05em;
    }
    .p-index-feature__button__link::after {
      inset-inline-end: 10px;
      inline-size: 10px;
      block-size: 10px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-feature__block__list-figure-01 + .p-index-feature__block__heading-secondary {
      margin-block-start: 59.5px;
    }
    .p-index-feature__block__heading-secondary + .p-index-feature__block__list-figure-02 {
      margin-block-start: 10px;
    }
  }
  /* lineup
  ------------------------------- */
  .p-index-lineup {
    padding-block: 100px 83px;
    background-color: var(--color-white);
  }
  .p-index-lineup__top + .p-index-lineup__column {
    margin-block-start: 30px;
  }
  .p-index-lineup__heading {
    position: relative;
    max-inline-size: 257px;
    margin-inline: auto;
  }
  .p-index-lineup__column {
    display: grid block;
    grid-template-columns: auto 216px;
    column-gap: 103px;
    align-items: center;
    justify-content: center;
  }
  .p-index-lineup__column + .p-index-lineup__nav {
    margin-block-start: 25px;
  }
  .p-index-lineup__copy {
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-medium);
    line-height: 2.4;
  }
  .p-index-lineup__copy .text-01 {
    font-size: calc(var(--rem) * 35);
    line-height: 1.7142857143;
  }
  .p-index-lineup__copy .text-02 {
    position: relative;
    inset-block-start: -9px;
    display: inline-block;
  }
  .p-index-lineup__nav {
    display: grid block;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
  }
  .p-index-lineup__nav__link {
    position: relative;
    display: block;
    max-inline-size: 290px;
    block-size: 131px;
    padding: 20px;
    border: 2px solid;
  }
  .p-index-lineup__nav__link.p-index-lineup__nav__link-01 {
    background: linear-gradient(0deg, #def3f5 0, #94dee6);
    border-color: #b3cfd2;
  }
  .p-index-lineup__nav__link.p-index-lineup__nav__link-02 {
    background: linear-gradient(0deg, #f1edff 0, #ded1f5);
    border-color: #beb4de;
  }
  .p-index-lineup__nav__link.p-index-lineup__nav__link-03 {
    padding-inline: 12px;
    background: linear-gradient(0deg, #fcfaf4 0, #f2e2bc 28.58%, #faf5ea 55.66%, #f4e5c6 71.92%, #e5d3ad 88.18%, #decaa0);
    border-color: #c2b186;
  }
  .p-index-lineup__nav__link::after,
  .p-index-lineup__nav__link::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-index-lineup__nav__link::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 194px;
    block-size: 132px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22194%22%20height%3D%22132%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M193.377.685H0v130.86L193.377.685z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  }
  .p-index-lineup__nav__link::after {
    inset-block-end: 13px;
    inset-inline-start: 50%;
    inline-size: 45px;
    block-size: 23px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2223%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M42.152%202.418L22.874%2021.114l-.406.394-.407-.394L2.782%202.418%201.747%201.416h7.13l.17.165%2013.42%2013.012%2013.42-13.012.17-.165h7.13l-1.035%201.002z%22%20fill%3D%22%2300125E%22%20stroke%3D%22%2300125E%22%20stroke-width%3D%221.168%22%2F%3E%3C%2Fsvg%3E");
    translate: -50%;
  }
  .p-index-lineup__nav__text {
    position: relative;
    inline-size: fit-content;
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 20.572);
    font-weight: var(--font-weight-semi-bold);
    line-height: 1.5234785145;
    text-align: center;
    letter-spacing: -0.0299922224em;
  }
  .p-index-lineup__nav__text .text-01 {
    display: inline-block;
  }
  .p-index-lineup__nav__text .text-02 {
    font-size: calc(var(--rem) * 17.486);
    line-height: 2.1382248656;
    letter-spacing: -0.0300240192em;
  }
  .p-index-lineup__nav__text .text-03 {
    position: relative;
    inset-block-start: -3px;
  }
  .p-index-lineup__nav__product {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 16px;
  }
  .p-index-lineup__block {
    margin-block-start: 51px;
  }
  .p-index-lineup__block + .p-index-lineup__block {
    margin-block-start: 50px;
  }
  .p-index-lineup__block[tabindex]:focus-visible {
    outline-color: rgba(255, 255, 255, 0);
  }
  .p-index-lineup__block__heading-wrap {
    position: relative;
    display: grid block;
    place-content: center;
    block-size: 63px;
    border: 2px solid;
  }
  .p-index-lineup__block-01 .p-index-lineup__block__heading-wrap {
    background: linear-gradient(0deg, #def3f5 0, #94dee6);
    border-color: #b3cfd2;
  }
  .p-index-lineup__block-01 .p-index-lineup__block__heading-wrap::after {
    background-image: url("/assets/index/img/pdt_nav_01_ava_l-jg.png");
  }
  .p-index-lineup__block-02 .p-index-lineup__block__heading-wrap {
    background: linear-gradient(0deg, #f1edff, #ded1f5);
    border-color: #beb4de;
  }
  .p-index-lineup__block-02 .p-index-lineup__block__heading-wrap::after {
    background-image: url("/assets/index/img/pdt_nav_02_ava_l-jg.png");
  }
  .p-index-lineup__block-03 .p-index-lineup__block__heading-wrap {
    background: linear-gradient(357deg, #fcfaf4 -4.3%, #f2e2bc 29.21%, #faf5ea 60.97%, #f4e5c6 80.04%, #e5d3ad 99.1%, #decaa0 112.96%);
    border-color: #c2b186;
  }
  .p-index-lineup__block-03 .p-index-lineup__block__heading-wrap::after {
    background-image: url("/assets/index/img/pdt_nav_03_ava_l-jg.png");
  }
  .p-index-lineup__block__heading-wrap::after,
  .p-index-lineup__block__heading-wrap::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-index-lineup__block__heading-wrap::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 600px;
    block-size: 63px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M600.001.297h-600v62.94l600-62.94z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  }
  .p-index-lineup__block__heading-wrap::after {
    inset-block-end: 0;
    inset-inline-end: 81px;
    inline-size: 50.638px;
    block-size: 89px;
  }
  .p-index-lineup__block__heading {
    position: relative;
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 26);
    font-weight: var(--font-weight-semi-bold);
    line-height: 1.1281153846;
    letter-spacing: -0.02em;
  }
  .p-index-lineup__block__heading .text-01 {
    display: inline-block;
    margin-inline: 2px;
  }
  .p-index-lineup__block-02 .p-index-lineup__block__heading .text-01 {
    position: relative;
    inset-block-start: 1px;
  }
  .p-index-lineup__block__heading .text-02 {
    font-size: calc(var(--rem) * 20);
    line-height: 1.7496;
    letter-spacing: -0.03em;
  }
  .p-index-lineup__block__heading .text-03 {
    letter-spacing: normal;
  }
  .p-index-lineup__block__inner {
    padding-block: 6px 62px;
    padding-inline: 50px;
    background: linear-gradient(#e3e3e3, #ededed 38.42%, #f5f5f5);
    border: 2px solid #cfcfcf;
    border-block-start: none;
  }
  .p-index-lineup__group {
    position: relative;
    display: grid block;
    grid-template-columns: 146px 500px;
    gap: 0 80px;
    align-items: center;
    justify-content: flex-end;
  }
  .p-index-lineup__group::before {
    position: absolute;
    inset-block-start: -6px;
    inset-inline-start: -64px;
    inline-size: 593px;
    block-size: 513px;
    content: "";
    background-image: url("/assets/index/img/bg_lineup_01_pc_ava_tc.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-index-lineup__group + .p-index-lineup__block__copy {
    margin-block-start: 33px;
  }
  .p-index-lineup__group + .p-index-lineup__block__banner-01 {
    margin-block-start: 30px;
  }
  .p-index-lineup__group__heading-01 {
    position: relative;
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: flex-end;
    margin-inline: auto;
  }
  .p-index-lineup__group__img-01 {
    position: relative;
    inset-block-start: 20px;
    grid-row: 1/3;
    grid-column: 1/2;
    justify-self: flex-end;
  }
  .p-index-lineup__group__summary {
    position: relative;
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .p-index-lineup__summary__title {
    inline-size: fit-content;
    padding-inline-start: 1em;
    margin-inline: auto;
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 38);
    font-weight: var(--font-weight-semi-bold);
    line-height: 1.3947368421;
    text-indent: -0.725em;
    letter-spacing: 0.05em;
  }
  .p-index-lineup__block-01 .p-index-lineup__summary__title {
    color: #0060ab;
  }
  .p-index-lineup__block-02 .p-index-lineup__summary__title {
    color: #6846af;
  }
  .p-index-lineup__summary__title .text-01 {
    font-size: calc(var(--rem) * 35);
    line-height: 1.5142857143;
    letter-spacing: 0.05em;
  }
  .p-index-lineup__summary__title::before {
    position: relative;
    inset-block-start: -4px;
    display: inline-block;
    inline-size: 24px;
    block-size: 24px;
    margin-inline-end: 4px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-index-lineup__block-01 .p-index-lineup__summary__title::before {
    background-image: url("/assets/index/img/ic_ball_01_ava_tc.png");
  }
  .p-index-lineup__block-02 .p-index-lineup__summary__title::before {
    background-image: url("/assets/index/img/ic_ball_02_ava_tc.png");
  }
  .p-index-lineup__block-03 .p-index-lineup__summary__title::before {
    background-image: url("/assets/index/img/ic_ball_03_ava_tc.png");
  }
  .p-index-lineup__summary__title + .p-index-lineup__def {
    margin-block-start: 33px;
  }
  .p-index-lineup__summary__title-sub {
    display: block;
    inline-size: fit-content;
    margin-block-start: -30px;
    margin-inline: auto;
    font-family: var(--font-family-noto-serif-jp);
    font-size: calc(var(--rem) * 20);
    font-weight: var(--font-weight-semi-bold);
    line-height: 2.65;
    letter-spacing: 0.05em;
  }
  .p-index-lineup__summary__title-sub + .p-index-lineup__summary__title {
    margin-block-start: -12px;
  }
  .p-index-lineup__summary__title-sub ~ .p-index-lineup__def {
    margin-block-start: 20px;
  }
  .p-index-lineup__block-02 .p-index-lineup__group__list {
    margin-inline-start: 2em;
    color: #6846af;
  }
  .p-index-lineup__group__list + .p-index-lineup__def {
    margin-block-start: 16px;
  }
  .p-index-lineup__def {
    position: relative;
    background-color: var(--color-white);
    border-block-start: 2px solid var(--color-stratos);
    border-block-end: 2px solid var(--color-stratos);
    box-shadow: 3px 10px 10px 0 rgba(0, 0, 0, 0.1019607843);
  }
  .p-index-lineup__block-03 .p-index-lineup__def {
    z-index: 0;
  }
  .p-index-lineup__block-03 .p-index-lineup__def::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 140px;
    block-size: 100%;
    content: "";
    background: linear-gradient(310deg, #c9b78e, #fffcf4 50%, #c9b78e);
  }
  .p-index-lineup__def-wrap {
    display: grid block;
    grid-template-columns: 140px auto;
  }
  .p-index-lineup__def-wrap:not(:first-child) {
    border-block-start: 1px dotted var(--color-stratos);
  }
  .p-index-lineup__def-title {
    display: grid block;
    place-content: center;
    padding-block: 8px;
  }
  .p-index-lineup__block-01 .p-index-lineup__def-title {
    background-color: #e2fcff;
  }
  .p-index-lineup__block-02 .p-index-lineup__def-title {
    background-color: #efe2f8;
  }
  .p-index-lineup__def-title > img {
    max-inline-size: 100%;
    block-size: auto;
  }
  .p-index-lineup__def__rating {
    display: grid block;
    grid-template-columns: repeat(5, 14px);
    column-gap: 5px;
  }
  .p-index-lineup__def-data {
    align-self: center;
    padding-inline: 18px;
    font-size: calc(var(--rem) * 14);
    font-weight: var(--font-weight-medium);
    line-height: 1.8571428571;
  }
  .p-index-lineup__def-data .p-index-lineup__def-data-min {
    font-size: calc(var(--rem) * 10);
    font-weight: var(--font-weight-regular);
    line-height: 2.6;
    color: #4f5a89;
  }
  .p-index-lineup__block__copy {
    position: relative;
    z-index: 0;
    display: grid block;
    inline-size: 147px;
    block-size: 35px;
    margin-inline: auto;
    font-size: calc(var(--rem) * 18);
    font-weight: var(--font-weight-medium);
    line-height: 1.6666666667;
    color: var(--color-white);
    text-align: center;
  }
  .p-index-lineup__block__copy::after,
  .p-index-lineup__block__copy::before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    translate: -50% -50%;
  }
  .p-index-lineup__block__copy::before {
    inline-size: 800px;
    block-size: 2px;
    background-color: var(--color-stratos);
  }
  .p-index-lineup__block__copy::after {
    inline-size: 225px;
    block-size: 40px;
    background-image: url("/assets/index/img/bg_lineup_ttl_01_pc_ava_tc.png");
  }
  .p-index-lineup__block__copy + .p-index-lineup__block__list {
    margin-block-start: 11px;
  }
  .p-index-lineup__block__list {
    position: relative;
    display: grid block;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 11px;
    padding-block-end: 10px;
    border-block-end: 2px solid var(--color-stratos);
  }
  .p-index-lineup__block__list + .p-index-lineup__block__link-text {
    margin-block-start: 26px;
  }
  .p-index-lineup__block__list + .p-index-lineup__block__column {
    margin-block-start: 33px;
  }
  .p-index-lineup__list__caption {
    display: grid block;
    place-content: center;
    inline-size: 100%;
    block-size: 30px;
    font-size: calc(var(--rem) * 16);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }
  .p-index-lineup__block-01 .p-index-lineup__list__caption {
    color: var(--color-white);
    background-color: #0060ab;
  }
  .p-index-lineup__block-02 .p-index-lineup__list__caption {
    color: var(--color-white);
    background-color: #7055a8;
  }
  .p-index-lineup__block-03 .p-index-lineup__list__caption {
    background: linear-gradient(350deg, #c9b78e, #fffcf4 50%, #c9b78e);
  }
  .p-index-lineup__block__banner-01 {
    position: relative;
    inline-size: 801px;
  }
  .p-index-lineup__block__banner-01 + .p-index-lineup__block__copy {
    margin-block-start: 49px;
  }
  .p-index-lineup__block__link-text {
    text-align: center;
  }
  .p-index-lineup__block__link-text + .p-index-lineup__block__column {
    margin-block-start: 29px;
  }
  .p-index-lineup__block__link {
    position: relative;
    padding-inline-end: 1.75em;
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    line-height: 2.22;
    border-block-end: 1px solid var(--color-stratos);
  }
  .p-index-lineup__block__link:focus-visible {
    border-block-end: none;
  }
  @media (any-hover: hover) {
    .p-index-lineup__block__link:hover {
      border-block-end: none;
    }
  }
  .p-index-lineup__block__link:focus-visible {
    border-block-end: none;
  }
  .p-index-lineup__block__link::after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 3px;
    inline-size: 0.75em;
    block-size: 0.75em;
    margin-block-start: -3px;
    content: "";
    border-block-start: 2px solid var(--color-stratos);
    border-block-end-color: var(--color-stratos);
    border-block-end-style: solid;
    border-inline-end-width: 2px;
    transform: translateY(-50%) rotate(135deg);
  }
  .p-index-lineup__block__column {
    display: grid block;
    grid-template-columns: repeat(2, 330px);
    column-gap: 35px;
    inline-size: fit-content;
    margin-inline: auto;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-index-lineup__column {
      column-gap: 60px;
    }
    .p-index-lineup__copy {
      font-size: calc(var(--rem) * 21);
    }
    .p-index-lineup__copy .text-01 {
      font-size: calc(var(--rem) * 31);
    }
    .p-index-lineup__copy .text-02 {
      max-inline-size: 154px;
    }
    .p-index-lineup__nav__link {
      block-size: 76px;
      padding: 10px;
    }
    .p-index-lineup__nav__link::before {
      inline-size: 154px;
      block-size: 76px;
    }
    .p-index-lineup__nav__link::after {
      inset-block-end: 9px;
      inline-size: 25px;
      block-size: 9px;
    }
    .p-index-lineup__nav__text {
      inset-block-start: -3px;
      inset-inline-start: -16px;
      font-size: calc(var(--rem) * 14);
    }
    .p-index-lineup__nav__link-03 .p-index-lineup__nav__text {
      inset-inline-start: -22px;
    }
    .p-index-lineup__nav__link-01 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 40%;
    }
    .p-index-lineup__nav__link-02 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 48%;
    }
    .p-index-lineup__nav__link-03 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 74%;
    }
    .p-index-lineup__nav__text .text-02 {
      font-size: calc(var(--rem) * 10);
    }
    .p-index-lineup__nav__product {
      inset-inline-end: 6px;
      max-inline-size: 26%;
    }
    .p-index-lineup__block__heading-wrap::after {
      inset-inline-end: 20px;
    }
    .p-index-lineup__block__heading {
      font-size: calc(var(--rem) * 22);
    }
    .p-index-lineup__block__inner {
      padding-inline: 20px;
    }
    .p-index-lineup__group {
      grid-template-columns: 108px 290px;
      gap: 0 20px;
      justify-content: center;
    }
    .p-index-lineup__group::before {
      inset-block-start: -7px;
      inset-inline-start: -50px;
      inline-size: 328px;
      block-size: 492px;
    }
    .p-index-lineup__summary__title {
      font-size: calc(var(--rem) * 22);
    }
    .p-index-lineup__block-02 .p-index-lineup__summary__title {
      font-size: calc(var(--rem) * 30);
    }
    .p-index-lineup__summary__title .text-01 {
      font-size: calc(var(--rem) * 23);
    }
    .p-index-lineup__summary__title::before {
      inline-size: 16px;
      block-size: 16px;
    }
    .p-index-lineup__summary__title + .p-index-lineup__def {
      margin-block-start: 20px;
    }
    .p-index-lineup__summary__title-sub {
      font-size: calc(var(--rem) * 17);
    }
    .p-index-lineup__block-03 .p-index-lineup__def::before {
      inline-size: 60px;
    }
    .p-index-lineup__def-wrap {
      grid-template-columns: 60px auto;
    }
    .p-index-lineup__def-title > img {
      max-inline-size: 70%;
      margin-inline: auto;
    }
    .p-index-lineup__def__rating {
      grid-template-columns: repeat(5, 6px);
      column-gap: 2px;
    }
    .p-index-lineup__def-data {
      padding-inline: 8px;
      font-size: calc(var(--rem) * 9);
    }
    .p-index-lineup__def-data .p-index-lineup__def-data-min {
      font-size: calc(var(--rem) * 6);
    }
    .p-index-lineup__block__copy {
      font-size: calc(var(--rem) * 15);
    }
    .p-index-lineup__block__copy::before {
      inline-size: 460px;
    }
    .p-index-lineup__list__caption {
      font-size: calc(var(--rem) * 8);
    }
    .p-index-lineup__block__banner-01 {
      inline-size: 100%;
    }
    .p-index-lineup__block__link {
      font-size: 1rem;
    }
    .p-index-lineup__block__column {
      grid-template-columns: 330px;
      gap: 25px 0;
    }
  }
  @media (max-width: 767.98px) {
    .p-index-lineup {
      padding-block: 50px 58px;
    }
    .p-index-lineup__top + .p-index-lineup__column {
      margin-block-start: 10.5px;
    }
    .p-index-lineup__heading {
      max-inline-size: 183.5px;
    }
    .p-index-lineup__column {
      grid-template-columns: auto 151.5px;
      column-gap: 23px;
    }
    .p-index-lineup__column + .p-index-lineup__nav {
      margin-block-start: 26.5px;
    }
    .p-index-lineup__copy {
      font-size: calc(var(--rem) * 17.5);
      line-height: 1.7142857143;
    }
    .p-index-lineup__copy .text-01 {
      font-size: calc(var(--rem) * 22.5);
      line-height: 1.3333333333;
    }
    .p-index-lineup__copy .text-02 {
      inset-block-start: unset;
      max-inline-size: 115.5px;
    }
    .p-index-lineup__copy .text-03 {
      font-size: calc(var(--rem) * 20);
      line-height: 2.6;
      letter-spacing: -0.05em;
    }
    .p-index-lineup__nav {
      grid-template-columns: repeat(3, auto);
      column-gap: 6px;
      justify-content: center;
    }
    .p-index-lineup__nav > li {
      inline-size: 112.5px;
    }
    .p-index-lineup__nav__link {
      max-inline-size: 112.5px;
      block-size: 54.5px;
      padding: 8px 5px;
      border-width: 1px;
    }
    .p-index-lineup__nav__link.p-index-lineup__nav__link-03 {
      padding: 10px 5px;
    }
    .p-index-lineup__nav__link::before {
      inline-size: 75px;
      block-size: 54.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22109%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.3%22%20d%3D%22M150%20.028H0v108.979L150%20.028z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    }
    .p-index-lineup__nav__link::after {
      inset-block-end: 4px;
      inline-size: 18px;
      block-size: 9.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2219%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M33.348%202.077L18.065%2017.645l-.347.354-.347-.354L2.09%202.077l-.813-.827h5.686l.143.146L17.72%2012.207%2028.33%201.396l.143-.146h5.685l-.811.827z%22%20fill%3D%22%2300125E%22%20stroke%3D%22%2300125E%22%20stroke-width%3D%22.973%22%2F%3E%3C%2Fsvg%3E");
    }
    .p-index-lineup__nav__text {
      font-size: calc(var(--rem) * 8.566);
      line-height: 1.4617090824;
      letter-spacing: -0.0300023348em;
    }
    .p-index-lineup__nav__link-01 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 31px;
    }
    .p-index-lineup__nav__link-02 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 38.5px;
    }
    .p-index-lineup__nav__link-03 .p-index-lineup__nav__text .text-01 {
      max-inline-size: 65.5px;
    }
    .p-index-lineup__nav__text .text-02 {
      font-size: calc(var(--rem) * 7.281);
      line-height: 2.0515039143;
      letter-spacing: -0.0300096141em;
    }
    .p-index-lineup__nav__product {
      inset-inline-end: 4px;
      max-inline-size: 34px;
    }
    .p-index-lineup__block {
      margin-block-start: 30.5px;
    }
    .p-index-lineup__block + .p-index-lineup__block {
      margin-block-start: 31px;
    }
    .p-index-lineup__block__heading-wrap {
      block-size: 35px;
      border-width: 1px;
    }
    .p-index-lineup__block__heading-wrap::before {
      inline-size: 233.5px;
      block-size: 35px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22467%22%20height%3D%2270%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M466.668%200H.001v70L466.668%200z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    }
    .p-index-lineup__block__heading-wrap::after {
      inset-inline-end: 17.5px;
      inline-size: 35.5px;
      block-size: 55px;
    }
    .p-index-lineup__block__heading {
      font-size: calc(var(--rem) * 13.808);
      line-height: 1.1281141367;
      letter-spacing: -0.0199884125em;
    }
    .p-index-lineup__block-03 .p-index-lineup__block__heading {
      margin-block-start: 4px;
    }
    .p-index-lineup__block-01 .p-index-lineup__block__heading .text-01 {
      max-inline-size: 37px;
    }
    .p-index-lineup__block-02 .p-index-lineup__block__heading .text-01 {
      inset-block-start: unset;
      max-inline-size: 44px;
      margin-inline-end: 1px;
    }
    .p-index-lineup__block-03 .p-index-lineup__block__heading .text-01 {
      position: relative;
      inset-block-start: -1px;
      max-inline-size: 78.5px;
    }
    .p-index-lineup__block__heading .text-02 {
      font-size: calc(var(--rem) * 10.6215);
      line-height: 1.7496116368;
      letter-spacing: -0.0299863484em;
    }
    .p-index-lineup__block__heading .text-03 {
      line-height: 1.3458502317;
    }
    .p-index-lineup__block__inner {
      padding-block: 23.5px 37px;
      padding-inline: 12.5px;
      border-width: 1px;
      border-block-start: none;
    }
    .p-index-lineup__group {
      grid-template-columns: 104px 210px;
      gap: 15px 10px;
      max-inline-size: 325px;
      margin-inline: auto;
    }
    .p-index-lineup__group::before {
      inset-block-start: calc(var(--vw-small) * -23);
      inset-inline-start: 50%;
      inline-size: calc(var(--vw-small) * 375);
      block-size: calc(var(--vw-small) * 347);
      margin-inline-start: -20px;
      background-image: url("/assets/index/img/bg_lineup_01_sp_ava_tc.png");
      translate: -50%;
    }
    .p-index-lineup__group + .p-index-lineup__block__copy {
      margin-block-start: 30px;
    }
    .p-index-lineup__group + .p-index-lineup__block__banner-01 {
      margin-block-start: 17.5px;
    }
    .p-index-lineup__group__heading-01 {
      grid-column: -1/1;
    }
    .p-index-lineup__block-02 .p-index-lineup__group__img-01 {
      inset-block-start: 22px;
    }
    .p-index-lineup__group__img-01 {
      position: relative;
      inset-inline-start: 4px;
      grid-row: 2/3;
    }
    .p-index-lineup__summary__title {
      padding-inline-start: 1em;
      font-size: calc(var(--rem) * 25);
      line-height: 1.3;
      text-indent: -1.15em;
      letter-spacing: 0.05em;
    }
    .p-index-lineup__summary__title .text-01 {
      font-size: calc(var(--rem) * 20);
      line-height: 1.625;
      letter-spacing: 0.05em;
    }
    .p-index-lineup__block-03 .p-index-lineup__summary__title .text-01 {
      font-size: calc(var(--rem) * 20);
    }
    .p-index-lineup__block-03 .p-index-lineup__summary__title .text-02 {
      letter-spacing: -0.1em;
    }
    .p-index-lineup__summary__title::before {
      inset-block-start: 0;
      inline-size: 18px;
      block-size: 18px;
      margin-inline-end: 10px;
    }
    .p-index-lineup__block-03 .p-index-lineup__summary__title::before {
      inset-block-start: -26px;
    }
    .p-index-lineup__summary__title + .p-index-lineup__def {
      margin-block-start: 17.5px;
    }
    .p-index-lineup__summary__title + .p-index-lineup__group__list {
      margin-block-start: 3.5px;
    }
    .p-index-lineup__summary__title-sub {
      padding-inline-start: 2.6em;
      margin-inline-start: unset;
      font-size: calc(var(--rem) * 15);
      line-height: 2.1666666667;
      letter-spacing: 0.05em;
    }
    .p-index-lineup__summary__title-sub + .p-index-lineup__summary__title {
      margin-block-start: -6px;
    }
    .p-index-lineup__summary__title-sub ~ .p-index-lineup__def {
      margin-block-start: 9.5px;
    }
    .p-index-lineup__block-02 .p-index-lineup__group__list {
      margin-inline-start: 1.5em;
    }
    .p-index-lineup__group__list + .p-index-lineup__def {
      margin-block-start: 17.5px;
    }
    .p-index-lineup__def {
      border-block-start-width: 1.5px;
      border-block-end-width: 1.5px;
      box-shadow: 1.5px 5px 5px 0 rgba(0, 0, 0, 0.1019607843);
    }
    .p-index-lineup__block-03 .p-index-lineup__def::before {
      inline-size: 70px;
      background: linear-gradient(300deg, #c9b78e, #fffcf4 50%, #c9b78e);
    }
    .p-index-lineup__def-wrap {
      grid-template-columns: 70px auto;
    }
    .p-index-lineup__def-title {
      padding-block: 12.5px;
    }
    .p-index-lineup__def-title > img {
      max-inline-size: 52px;
    }
    .p-index-lineup__def__rating {
      grid-template-columns: repeat(5, 9px);
      column-gap: 1.5px;
    }
    .p-index-lineup__def-data {
      position: relative;
      inset-block-start: -2px;
      padding-inline: 7.5px;
      font-size: calc(var(--rem) * 11.5);
      line-height: 2.1739130435;
    }
    .p-index-lineup__def-data .p-index-lineup__def-data-min {
      display: block;
      margin-block-start: -6px;
      font-size: calc(var(--rem) * 7);
      line-height: 1.3571428571;
    }
    .p-index-lineup__block__copy {
      inline-size: 128px;
      block-size: 27.5px;
      font-size: calc(var(--rem) * 15);
      line-height: 2;
    }
    .p-index-lineup__block__copy::before {
      inline-size: calc(var(--vw-small) * 325);
      block-size: 1.5px;
    }
    .p-index-lineup__block__copy::after {
      inline-size: 130.5px;
      block-size: 29.5px;
      background-image: url("/assets/index/img/bg_lineup_ttl_01_sp_ava_tc.png");
    }
    .p-index-lineup__block__copy + .p-index-lineup__block__list {
      margin-block-start: 5px;
    }
    .p-index-lineup__block__copy-inner {
      position: relative;
      inset-block-start: -4px;
    }
    .p-index-lineup__block__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 4px 5px;
      inline-size: calc(var(--vw-small) * 325);
      padding-block-end: 5px;
      margin-inline: auto;
      border-block-end-width: 2px;
    }
    .p-index-lineup__block__list + .p-index-lineup__block__link-text {
      margin-block-start: 17px;
    }
    .p-index-lineup__list__caption {
      block-size: 22.5px;
      font-size: calc(var(--rem) * 13);
    }
    .p-index-lineup__block__banner-01 {
      inline-size: 100%;
    }
    .p-index-lineup__block__banner-01 + .p-index-lineup__block__copy {
      margin-block-start: 28px;
    }
    .p-index-lineup__block__link {
      font-size: 0.8125rem;
      line-height: 1.538;
    }
    .p-index-lineup__block__link::after {
      inset-inline-end: 0;
      inline-size: 0.875em;
      block-size: 0.875em;
      border-block-start-width: 1px;
      border-inline-end-width: 1px;
    }
    .p-index-lineup__block__column {
      grid-template-columns: calc(var(--vw-small) * 325);
      gap: 12.5px 0;
    }
  }
  @media (min-width: 768px), print {
    .p-index-lineup__block-01 .p-index-lineup__summary__title {
      margin-inline-start: 16px;
    }
    .p-index-lineup__block-02 .p-index-lineup__summary__title {
      font-size: calc(var(--rem) * 34);
    }
    .p-index-lineup__block-02 .p-index-lineup__summary__title .text-01 {
      font-size: calc(var(--rem) * 30);
    }
  }
  /* others
  ------------------------------- */
  .p-index-others__heading-01 {
    margin: auto;
  }
  .p-index-others__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-index-others__unit {
    inline-size: 100%;
    border-color: #9d94b2;
    border-style: solid;
  }
  .p-index-others__unit .p-index-others__unit-img-01,
  .p-index-others__unit .p-index-others__unit-img-02 {
    margin: auto;
  }
  .p-index-others__heading-02 {
    font-weight: var(--font-weight-medium);
    text-align: center;
  }
  .p-index-others__content {
    inline-size: 100%;
    border-color: #9d94b2;
    border-style: solid;
  }
  .p-index-others__content .p-index-others__column {
    display: flex;
    align-items: flex-end;
  }
  .p-index-others__content .p-index-others__column-unit:last-child {
    inline-size: 100%;
  }
  .p-index-others__content .p-index-others__heading-03 {
    position: relative;
    inline-size: fit-content;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    background-color: var(--color-stratos);
  }
  .p-index-others__content .p-index-others__heading-03::after {
    position: absolute;
    inset-block-start: 50%;
    content: "";
    background-color: var(--color-stratos);
    transform: translateY(-50%);
  }
  .p-index-others__content .p-index-others__unit-img-05 {
    margin: auto;
  }
  .p-index-others__banner-wrap {
    margin-block: 80px 0;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-index-others__heading-02[class] {
      font-size: calc(var(--rem) * 16);
    }
    .p-index-others__content .p-index-others__column {
      column-gap: 14px;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-03) {
      max-inline-size: 208px;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-04) {
      max-inline-size: 145px;
    }
  }
  @media (max-width: 767.98px) {
    .p-index-others {
      padding-block: 24px 32px;
    }
    .p-index-others__heading-01 {
      max-inline-size: 98px;
    }
    .p-index-others__list {
      margin-block-start: 27px;
    }
    .p-index-others__unit {
      flex-basis: calc(50% - 5px);
      padding: 10px 4px 7px;
      background: linear-gradient(305deg, #f5f2fa 50%, #fbf9fd 0);
      border-width: 1px;
    }
    .p-index-others__unit .p-index-others__unit__inner {
      max-inline-size: 170px;
      margin: auto;
    }
    .p-index-others__unit .p-index-others__unit-img-01,
    .p-index-others__unit .p-index-others__unit-img-02 {
      max-inline-size: 108px;
    }
    .p-index-others__unit .p-index-others__text-wrap {
      display: grid block;
      place-items: center;
      min-block-size: 100px;
      margin-block-start: 10px;
    }
    .p-index-others__unit-img-02 + .p-index-others__text-wrap {
      margin-block-start: unset;
    }
    .p-index-others__unit .p-index-others__text {
      font-size: 0.71875rem;
      line-height: 1.652;
      text-align: center;
    }
    .p-index-others__unit .p-index-others__note {
      text-align: center;
    }
    .p-index-others__heading-02 {
      margin-block-start: 20px;
      font-size: 1.09375rem;
      line-height: 1.429;
    }
    .p-index-others__content {
      padding: 29px 17.5px 29px 20px;
      margin-block-start: 8px;
      background: linear-gradient(309deg, #f5f2fa 56%, #fbf9fd 0);
      border-width: 1px;
    }
    .p-index-others__content .p-index-others__column {
      flex-direction: column;
      row-gap: 10px;
      align-items: flex-start;
    }
    .p-index-others__content .p-index-others__column:nth-child(2) {
      margin-block-start: 15px;
    }
    .p-index-others__content .p-index-others__column:nth-child(3) {
      margin-block-start: 20px;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-03) {
      max-inline-size: 183px;
      margin-inline: auto;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-04) {
      max-inline-size: 133px;
      margin-inline: auto;
    }
    .p-index-others__content .p-index-others__heading-03 {
      padding: 1px 9px 3px;
      font-size: 0.75rem;
      line-height: 1.6;
    }
    .p-index-others__content .p-index-others__heading-03::after {
      inset-inline-end: -23px;
      inline-size: 23px;
      block-size: 23px;
      clip-path: polygon(0 0, 35% 50%, 0 100%);
    }
    .p-index-others__content .p-index-others__heading-03.-type-02::after {
      inset-inline-end: -22px;
    }
    .p-index-others__content .p-index-others__text {
      max-inline-size: 100%;
      margin-block-start: 5px;
      font-size: 0.71875rem;
      line-height: 1.652;
    }
    .p-index-others__column__note {
      margin-block-start: 4px;
    }
    .p-index-others__content .p-index-others__unit-img-05 {
      max-inline-size: 44px;
    }
    .p-index-others__banner-wrap {
      margin-block: 25.5px 0;
    }
  }
  @media (min-width: 768px), print {
    .p-index-others {
      padding-block: 64px 54px;
    }
    .p-index-others__heading-01 {
      max-inline-size: 196px;
    }
    .p-index-others__list {
      margin-block-start: 44px;
    }
    .p-index-others__unit {
      max-inline-size: 445px;
      min-block-size: 215px;
      max-block-size: 215px;
      padding: 38px 13.5px 39px;
      background: linear-gradient(335deg, #f5f2fa 50%, #fbf9fd 0);
      border-width: 2px;
    }
    .p-index-others__unit .p-index-others__unit__inner {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .p-index-others__unit .p-index-others__unit-img-01,
    .p-index-others__unit .p-index-others__unit-img-02 {
      max-inline-size: 140px;
    }
    .p-index-others__unit .p-index-others__text {
      font-size: 1.125rem;
      line-height: 1.833;
    }
    .p-index-others__heading-02 {
      margin-block-start: 37px;
      font-size: calc(var(--rem) * 23);
      line-height: 2.17;
      text-align: center;
    }
    .p-index-others__content {
      padding: 45px 100px 35px 85px;
      margin-block-start: 13px;
      background: linear-gradient(314deg, #f5f2fa 67%, #fbfafd 0);
      border-width: 2px;
    }
    .p-index-others__content .p-index-others__column {
      justify-content: space-between;
    }
    .p-index-others__content .p-index-others__column:not(:first-child) {
      margin-block-start: 25px;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-03) {
      max-inline-size: 267px;
    }
    .p-index-others__column-unit:has(.p-index-others__unit-img-04) {
      max-inline-size: 195px;
    }
    .p-index-others__content .p-index-others__heading-03 {
      padding: 5px 29px 5px 9px;
      font-size: 1.25rem;
      line-height: 1.6;
    }
    .p-index-others__content .p-index-others__heading-03::after {
      inset-inline-end: -40px;
      inline-size: 48px;
      block-size: 42px;
      clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
    }
    .p-index-others__content .p-index-others__heading-03.-type-02::after {
      inset-inline-end: -40px;
    }
    .p-index-others__content .p-index-others__text {
      max-inline-size: 727px;
      margin-block-start: 11px;
      font-size: 1.125rem;
      line-height: 1.833;
    }
    .p-index-others__content .p-index-others__unit-img-05 {
      max-inline-size: 57px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-index-others__unit {
      max-inline-size: 240px;
      min-block-size: 100%;
      max-block-size: 100%;
      padding: 10px 0 7px;
      background: linear-gradient(313deg, #f5f2fa 50%, #fbf9fd 0);
    }
    .p-index-others__unit .p-index-others__unit__inner {
      flex-direction: column;
      justify-content: flex-start;
    }
    .p-index-others__unit .p-index-others__unit-img-01,
    .p-index-others__unit .p-index-others__unit-img-02 {
      max-inline-size: 107px;
      margin: 0 auto;
    }
    .p-index-others__unit .p-index-others__text {
      font-size: 1rem;
      text-align: center;
    }
    .p-index-others__unit .p-index-others__note {
      text-align: center;
      letter-spacing: -0.05em;
    }
    .p-index-others__content {
      padding: 20px 30px 10px 15px;
      background: linear-gradient(302deg, #f5f2fa 50%, #fbfafd 0);
    }
    .p-index-others__content .p-index-others__heading-03 {
      min-block-size: 36px;
      padding-inline-end: 4px;
      font-size: 1.1428571429rem;
    }
    .p-index-others__content .p-index-others__heading-03::after {
      inset-inline-end: -39px;
      inline-size: 40px;
      block-size: 36px;
    }
    .p-index-others__content .p-index-others__heading-03.-type-02::after {
      inset-inline-end: -39px;
    }
    .p-index-others__content .p-index-others__text {
      font-size: 1rem;
    }
  }
  /* faq
  ------------------------------- */
  .p-index-faq__heading-01 {
    margin: auto;
  }
  @media (max-width: 767.98px) {
    .p-index-faq__heading-01 {
      max-inline-size: 89px;
    }
    .p-index-faq__accordion__list {
      margin-block-start: 30px;
    }
    .p-index-faq__accordion__list-item:not(:first-child) {
      margin-block-start: 10px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-faq__heading-01 {
      max-inline-size: 125px;
    }
    .p-index-faq__accordion__list {
      margin-block-start: 44px;
    }
    .p-index-faq__accordion__list-item:not(:first-child) {
      margin-block-start: 21px;
    }
  }
  /* products
  ------------------------------- */
  .p-index-products__heading-01 {
    margin: auto;
  }
  .p-index-products__bg-01 {
    background: linear-gradient(#eefdff 0, #e2fcff 20%, #e2fcff 20%, var(--color-white) 100%);
  }
  .p-index-products__bg-02 {
    background: linear-gradient(#ece7f5 0, #f1edff 20%, #f1edff 20%, var(--color-white) 100%);
  }
  .p-index-products__bg-03 {
    background: linear-gradient(#d6eaf2 0, #f4fcfc 20%, #f4fcfc 20%, var(--color-white) 100%);
  }
  @media (max-width: 767.98px) {
    .p-index-products {
      margin-block-start: 30px;
    }
    .p-index-products__heading-01 {
      max-inline-size: 176px;
    }
    .p-index-products__bg {
      padding-block-start: 10px;
      margin-block-start: 37.5px;
    }
    .p-index-products__bg.p-index-products__bg--top {
      margin-block-start: 27.5px;
    }
    .p-index-products__bg > * {
      max-inline-size: 100%;
      padding-block-start: 10px;
    }
    .p-index-products__heading-02 {
      max-inline-size: 340px;
      margin: auto;
    }
    .p-index-products__img {
      max-inline-size: 290px;
      margin-block-start: 8px;
      margin-inline: auto;
    }
    .p-index-products__button-column {
      margin-block-start: 14px;
    }
    .p-index-products__store-button:not(:first-child) {
      margin-block-start: 13px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-products {
      margin-block-start: 100px;
    }
    .p-index-products__heading-01 {
      max-inline-size: 249px;
    }
    .p-index-products__bg {
      margin-block-start: 53px;
    }
    .p-index-products__bg.p-index-products__bg--top {
      margin-block-start: 49px;
    }
    .p-index-products__bg > * {
      max-inline-size: 900px;
      padding-block-start: 22px;
      margin: auto;
    }
    .p-index-products__bg-03 .p-index-products__img {
      position: relative;
      inset-inline-start: 20px;
    }
    .p-index-products__inner {
      display: grid;
      grid-template-columns: 461px 1fr;
      gap: 22px 49px;
      align-items: center;
      max-inline-size: 860px;
      margin: auto;
    }
    .p-index-products__bg-03 .p-index-products__inner {
      grid-template-columns: 473px 1fr;
      column-gap: 37px;
    }
    .p-index-products__heading-02 {
      grid-row: 1/2;
      grid-column: 1/3;
      justify-self: center;
    }
    .p-index-products__img {
      grid-row: 2/3;
      grid-column: 1/2;
      justify-self: flex-end;
    }
    .p-index-products__button-column {
      grid-row: 2/3;
      grid-column: 2/3;
    }
    .p-index-products__store-button:not(:first-child) {
      margin-block-start: 15px;
    }
  }
  @media (min-width: 1025px) and (max-width: 1059.98px), print {
    .p-index-products__button-column .c-store-link_wrap {
      inset-inline-start: -290px;
    }
    .p-index-products__button-column .c-store-link_block::before {
      inset-inline-start: 448px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-index-products__bg-03 .p-index-products__img {
      inset-inline-start: unset;
    }
    .p-index-products__inner {
      grid-template-columns: 1fr 1fr;
      max-inline-size: 674px;
    }
    .p-index-products__bg-03 .p-index-products__inner {
      grid-template-columns: 1fr 1fr;
      column-gap: 49px;
    }
    .p-index-products__img {
      max-inline-size: 270px;
      margin-inline-start: 12%;
    }
    .p-index-products__button-column {
      margin-inline: -30px 14%;
    }
  }
  /* other__product
  ------------------------------- */
  .p-index-other__heading-01 {
    margin: auto;
  }
  .p-index-other__list-item {
    display: grid;
  }
  .p-index-other__img {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    background-color: #f2f7fa;
  }
  .p-index-other__detail {
    font-weight: var(--font-weight-medium);
  }
  @media (max-width: 767.98px) {
    .p-index-other__heading-01 {
      max-inline-size: 159px;
    }
    .p-index-other__list {
      margin-block-start: 50px;
    }
    .p-index-other__list-item:not(:first-child) {
      margin-block-start: 37.5px;
    }
    .p-index-other__list-item {
      grid-template-columns: 1fr 1fr;
    }
    .p-index-other__img {
      grid-row: 1/2;
      grid-column: 1/2;
      justify-self: flex-end;
      max-inline-size: 140px;
      min-block-size: 140px;
    }
    .p-index-other__img-product-01 {
      max-inline-size: 70px;
    }
    .p-index-other__img-product-02 {
      max-inline-size: 122px;
    }
    .p-index-other__img-product-03 {
      max-inline-size: 110px;
    }
    .p-index-other__img-product-04 {
      max-inline-size: 38.5px;
    }
    .p-index-other__img-product-05 {
      max-inline-size: 116.5px;
    }
    .p-index-other__img-product-06 {
      max-inline-size: 120px;
    }
    .p-index-other__detail {
      grid-row: 1/2;
      grid-column: 2/3;
      place-self: center flex-start;
      margin-inline-start: 19px;
      font-size: 0.875rem;
      line-height: 1.428;
    }
    .p-index-other__lead {
      grid-row: 2/3;
      grid-column: 1/3;
      margin-block-start: 10px;
    }
    .p-index-other__text {
      max-inline-size: 325px;
      margin: auto;
      font-size: 0.78125rem;
      font-feature-settings: "palt";
      line-height: 1.6;
    }
    .p-index-other__note {
      max-inline-size: 325px;
      margin: 9px auto 0;
    }
    .p-index-other__button {
      margin-block-start: 15px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-other__heading-01 {
      max-inline-size: 223px;
    }
    .p-index-other__list {
      max-inline-size: 820px;
      margin: 52px auto 0;
    }
    .p-index-other__list-item:not(:first-child) {
      margin-block-start: 50px;
    }
    .p-index-other__list-item {
      grid-template-columns: 210px calc(100% - 210px);
      gap: 0 30px;
    }
    .p-index-other__img {
      grid-row: 1/3;
      grid-column: 1/2;
      max-inline-size: 210px;
      min-block-size: 210px;
    }
    .p-index-other__img-product-01 {
      max-inline-size: 105px;
    }
    .p-index-other__img-product-02 {
      max-inline-size: 182px;
    }
    .p-index-other__img-product-03 {
      max-inline-size: 165px;
    }
    .p-index-other__img-product-04 {
      max-inline-size: 58px;
    }
    .p-index-other__img-product-05 {
      max-inline-size: 175px;
    }
    .p-index-other__img-product-06 {
      max-inline-size: 174px;
    }
    .p-index-other__detail {
      grid-row: 1/2;
      grid-column: 2/3;
      font-size: 1.25rem;
      line-height: 1.5;
    }
    .p-index-other__lead {
      grid-row: 2/3;
      grid-column: 2/3;
      margin-block-start: 10px;
    }
    .p-index-other__text {
      line-height: 1.625;
    }
    .p-index-other__button {
      margin-block-start: 19px;
    }
    .p-index-other__button__link {
      margin: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-index-other__detail {
      font-size: 1.1428571429rem;
    }
    .p-index-other__text {
      font-size: 0.8571428571rem;
    }
  }
  /* floating-nav
  ------------------------------- */
  .p-index-floating-nav {
    position: fixed;
    inset-block-end: -100%;
    inset-inline-start: 50%;
    z-index: 1;
    inline-size: 100%;
    max-inline-size: 900px;
    translate: -50%;
    transition: inset-block-end 0.5s ease-in-out;
  }
  .p-index-floating-nav.is-show {
    inset-block-end: 0;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-index-floating-nav {
      max-inline-size: 500px;
    }
  }
  /* top
  ------------------------------- */
  .p-index-bg-01 {
    background-color: var(--color-stratos);
  }
  .p-index-bg-02 {
    background-color: var(--color-mischka);
  }
  .p-index__heading {
    position: relative;
    text-align: center;
  }
  .p-index__heading::after {
    position: absolute;
    inset-inline-start: 50%;
    display: inline-block;
    content: "";
    background-color: var(--color-stratos);
    transform: translateX(-50%);
  }
  .p-index__heading.-type-02::after {
    background-color: var(--color-white);
  }
  .p-index__heading__sub-text {
    font-weight: var(--font-weight-medium);
    text-align: center;
  }
  .p-index__heading__sub-text.-type-02 {
    color: var(--color-white);
  }
  .p-index-mv__heading {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }
  .p-index-mv__mv-img {
    inline-size: 100%;
  }
  .p-index__banner-02 {
    inline-size: fit-content;
    margin-inline: auto;
  }
  .p-index-cm__text {
    text-align: center;
  }
  @media (max-width: 767.98px) {
    .p-index-bg__inner-01 {
      padding-block: 30px 37px;
    }
    .p-index__heading::after {
      inset-block-end: -16px;
      inline-size: 53.5px;
      block-size: 2.5px;
    }
    .p-index__heading__sub-text {
      margin-block-start: 23px;
      font-size: 0.875rem;
      line-height: 1.428;
    }
    .p-index__banner-02 {
      padding-inline: 25px;
    }
    :is(.p-index-cm--top).p-index-cm {
      margin-block-start: 30px;
    }
    :is(.p-index-cm--top) .p-index-cm__inner {
      padding: 0;
    }
    :is(.p-index-cm--bottom).p-index-cm {
      padding-block-start: 20px;
      margin-block-start: 58px;
    }
    .p-index-cm__text {
      margin-block-start: 7px;
    }
    .p-index-other {
      margin-block-start: 102px;
    }
  }
  @media (min-width: 768px), print {
    .p-index-bg__inner-01 {
      padding-block: 100px 86px;
    }
    .p-index__heading::after {
      inset-block-end: -25px;
      inline-size: 95px;
      block-size: 4px;
    }
    .p-index__heading__sub-text {
      margin-block-start: 34px;
      font-size: 1.5625rem;
      line-height: 1.6;
    }
    :is(.p-index-cm--top).p-index-cm {
      margin-block-start: 52px;
    }
    :is(.p-index-cm--bottom).p-index-cm {
      margin-block-start: 114px;
    }
    .p-index-cm__text {
      margin-block-start: 20px;
    }
    .p-index-other {
      margin-block-start: 136px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-content-width[class] {
      max-inline-size: 500px;
      margin: auto;
    }
    .p-index__heading__sub-text {
      font-size: 1.4285714286rem;
    }
  }
  @media (min-width: 951px), print {
    .p-index .l-footer-area {
      padding-block: 50px 140px;
    }
  }
  @media (max-width: 950.98px) {
    .p-index .l-footer-area {
      padding-block: 30px 60px;
    }
  }
  @media (max-width: 950.98px) and (min-width: 641px), print {
    .p-index .l-footer-area {
      padding-block-end: 84px;
    }
  }
}