@layer project {
  /* header
  ------------------------------- */
  .p-header {
    filter: none;
  }
  @media (min-width: 768px), print {
    .p-header {
      block-size: 75px;
    }
  }
  @media (max-width: 767.98px) {
    .p-header {
      block-size: 60px;
    }
  }
  .p-header__inner {
    block-size: inherit;
  }
  @media (min-width: 768px), print {
    .p-header__inner {
      position: unset;
      justify-content: space-between;
      transform: unset;
    }
  }
  @media (max-width: 767.98px) {
    .p-header__inner {
      padding: unset;
    }
  }
  .p-header__logo {
    margin: unset;
  }
  @media (min-width: 768px), print {
    .p-header__logo {
      inset-inline-start: 40px;
      max-inline-size: 143px;
    }
  }
  @media (max-width: 767.98px) {
    .p-header__logo {
      inset-inline-start: 10px;
      max-inline-size: 114px;
      padding: 0;
    }
  }
  .p-header__nav-area {
    margin: unset;
  }
  @media (min-width: 768px), print {
    .p-header__nav-area {
      inline-size: unset;
      margin-block-start: -4px;
      margin-inline-end: 40px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-header__nav-area {
      margin-inline-end: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-header__nav-area {
      inset-block-start: -220px;
    }
  }
  @media (max-width: 767.98px) {
    .p-header__nav-area[aria-hidden="false"] {
      inset-block-start: 60px;
    }
  }
  @media (min-width: 768px), print {
    .p-header__navigation__list {
      column-gap: 2em;
    }
  }
  @media (min-width: 768px), print {
    .p-header__navigation__list > li {
      padding: unset;
    }
  }
  @media (min-width: 768px), print {
    .p-header__navigation__list > li:not(:first-child) {
      margin: unset;
    }
  }
  @media (min-width: 768px), print {
    .l-header__navigation__link {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .l-header__navigation__link {
      font-size: calc(var(--rem) * 14);
    }
  }
  @media (min-width: 768px), print {
    .p-header__navigation__text {
      margin: unset;
    }
  }
  /* heading
  ------------------------------- */
  .p-heading {
    font-weight: var(--font-weight-bold);
    font-feature-settings: normal;
    color: var(--color-white);
    text-shadow: 1px 1px 6px rgba(0, 18, 94, 0.5);
  }
  @media (min-width: 768px), print {
    .p-heading {
      padding-block-start: 33px;
      font-size: calc(var(--rem) * 42);
      line-height: 1.5;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-heading {
      padding-block-start: 20px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-heading {
      font-size: calc(var(--rem) * 36);
    }
  }
  @media (max-width: 767.98px) {
    .p-heading {
      padding-block-start: 16px;
      font-size: calc(var(--rem) * 22);
      line-height: 1.65;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-heading-bg-02 .p-heading {
      padding-block-start: 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-heading-bg-02 .p-heading {
      padding-block-start: 19px;
    }
  }
  .p-heading ._max {
    position: relative;
    display: inline-block;
  }
  @media (min-width: 768px), print {
    .p-heading ._max {
      inset-block-start: 8px;
      margin-block-start: -35px;
      font-size: calc(var(--rem) * 72);
      line-height: 1.5;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-heading ._max {
      font-size: calc(var(--rem) * 64);
    }
  }
  @media (max-width: 767.98px) {
    .p-heading ._max {
      inline-size: 36px;
      margin-block-start: -6px;
      font-size: calc(var(--rem) * 40);
      line-height: 1;
    }
  }
  @media (min-width: 768px), print {
    .p-heading ._size-01 {
      font-size: calc(var(--rem) * 45);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-heading ._size-01 {
      font-size: calc(var(--rem) * 32);
    }
  }
  @media (max-width: 767.98px) {
    .p-heading-bg-01 .p-heading ._size-01 {
      position: relative;
      inset-block-start: -6px;
    }
  }
  @media (max-width: 767.98px) {
    .p-heading ._size-01 ._max {
      inset-block-start: 5px;
    }
  }
  .p-heading-bg-01 {
    position: relative;
  }
  .p-heading-bg-01::before {
    position: absolute;
    inset-inline-start: 50%;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-position: center bottom;
    translate: -50%;
  }
  @media (min-width: 768px), print {
    .p-heading-bg-01::before {
      inset-block-start: -72px;
      inline-size: 4052px;
      block-size: 287px;
      background-image: url("/nanox-boukabi/assets/img/bg_heading_01_pc_ava_tc.png");
      background-size: contain;
    }
  }
  @media (max-width: 767.98px) {
    .p-heading-bg-01::before {
      inset-block-start: 0;
      inline-size: calc(var(--vw-small) * 376);
      block-size: 150px;
      background-image: url("/nanox-boukabi/assets/img/bg_heading_01_sp_ava_tc.png");
      background-size: cover;
    }
  }
  @media (min-width: 768px), print {
    .p-heading-bg-01::after {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: -230px;
      z-index: -1;
      inline-size: 371px;
      block-size: 371px;
      content: "";
      background-image: url("/nanox-boukabi/assets/img/ic_light_01_ava_tc.png");
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
  .p-heading-bg-02 {
    position: relative;
  }
  .p-heading-bg-02::before {
    position: absolute;
    inset-inline-start: 50%;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-position: center bottom;
    translate: -50%;
  }
  @media (min-width: 768px), print {
    .p-heading-bg-02::before {
      inset-block-start: -72px;
      inline-size: 4052px;
      block-size: 287px;
      background-image: url("/nanox-boukabi/assets/img/bg_heading_02_pc_ava_tc.png");
      background-size: contain;
    }
  }
  @media (max-width: 767.98px) {
    .p-heading-bg-02::before {
      inset-block-start: 0;
      inline-size: calc(var(--vw-small) * 376);
      block-size: 120px;
      background-image: url("/nanox-boukabi/assets/img/bg_heading_02_sp_ava_tc.png");
      background-size: cover;
    }
  }
  @media (min-width: 768px), print {
    .p-heading-bg-02::after {
      position: absolute;
      inset-block-start: -3px;
      inset-inline-end: -247px;
      z-index: -1;
      inline-size: 371px;
      block-size: 371px;
      content: "";
      background-image: url("/nanox-boukabi/assets/img/ic_light_01_ava_tc.png");
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
  /* lead
  ------------------------------- */
  .p-lead__bg-01 {
    position: relative;
    overflow: hidden;
  }
  @media (min-width: 768px), print {
    .p-lead__bg-01 {
      padding-block: 80px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__bg-01 {
      padding-block: 20px 40px;
    }
  }
  .p-lead__bg-01::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  @media (min-width: 768px), print {
    .p-lead__bg-01::before {
      background-image: url("/nanox-boukabi/assets/img/bg_waves_01_pc_ava_tc.png");
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__bg-01::before {
      background-image: url("/nanox-boukabi/assets/img/bg_waves_01_sp_ava_tc.png");
    }
  }
  .p-lead__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-lead__col {
      column-gap: 54px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-lead__col {
      column-gap: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__col {
      flex-direction: column;
      row-gap: 30px;
      padding-inline: 8px 7px;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__col + .p-lead__button {
      margin-block-start: 42px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__col + .p-lead__button {
      margin-block-start: 20px;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__col-unit:has(.p-lead__detail) {
      flex-basis: calc(100% - 400px - 54px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-lead__col-unit:has(.p-lead__detail) {
      flex-basis: calc(100% - 200px - 24px);
    }
  }
  @media (min-width: 768px), print {
    .p-lead__col-unit:has(.p-lead__figure) {
      max-inline-size: 400px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-lead__col-unit:has(.p-lead__figure) {
      max-inline-size: 200px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__col-unit:has(.p-lead__figure) {
      max-inline-size: 324px;
      margin-inline: auto;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__detail {
      font-size: calc(var(--rem) * 18);
      line-height: 2;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__detail + .p-lead__note-01 {
      margin-block-start: 19px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__detail + .p-lead__note-01 {
      margin-block-start: 11px;
    }
  }
  .p-lead__note-01 {
    font-size: calc(var(--rem) * 10);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .p-lead__button > .c-button__link {
    font-feature-settings: normal;
  }
  @media (min-width: 768px), print {
    .p-lead__button + .p-shop-list {
      margin-block-start: 41px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__button + .p-shop-list {
      margin-block-start: 20px;
    }
  }
  .p-lead__bg-02 {
    background-color: #f3f9fd;
  }
  @media (min-width: 768px), print {
    .p-lead__bg-02 {
      padding-block: 80px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__bg-02 {
      padding-block: 40px;
    }
  }
  .p-lead__catch {
    margin-inline: auto;
    background-color: var(--color-white);
  }
  @media (min-width: 768px), print {
    .p-lead__catch {
      position: relative;
      inset-inline-start: -5px;
      max-inline-size: 680px;
      padding-block-end: 40px;
      box-shadow: 0 0 20px 0 rgba(0, 18, 94, 0.05);
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__catch {
      padding-block-end: 30px;
      box-shadow: 0 0 10px 0 rgba(0, 18, 94, 0.05);
    }
  }
  .p-lead__catch__heading {
    display: grid;
    place-content: center;
    font-weight: var(--font-weight-bold);
    background: linear-gradient(90deg, #d6e0ea 0%, #e7eef4 50%, #d6e0ea 100%), #d9d9d9;
  }
  @media (min-width: 768px), print {
    .p-lead__catch__heading {
      min-block-size: 60px;
      font-size: calc(var(--rem) * 22);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__catch__heading {
      min-block-size: 44px;
      font-size: calc(var(--rem) * 18);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__catch__heading + .p-lead__catch__detail {
      margin-block-start: 30px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-lead__catch__heading + .p-lead__catch__detail {
      padding-inline: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__catch__heading + .p-lead__catch__detail {
      padding-inline: 20px;
      margin-block-start: 19px;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__catch__detail {
      font-size: calc(var(--rem) * 18);
      line-height: 1.5;
      text-align: center;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__catch__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
    }
  }
  @media (min-width: 768px), print {
    .p-lead__catch__detail + .p-lead__shop__figure {
      margin-block-start: 27px;
    }
  }
  @media (max-width: 767.98px) {
    .p-lead__catch__detail + .p-lead__shop__figure {
      margin-block-start: 21px;
    }
  }
  .p-lead__shop__figure {
    max-inline-size: 280px;
    margin-inline: auto;
  }
  /* feature
  ------------------------------- */
  .p-feature {
    position: relative;
  }
  .p-feature::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: 100%;
    content: "";
    background-color: #f3f9fd;
  }
  .p-feature__bg-01 {
    position: relative;
    overflow: hidden;
  }
  @media (min-width: 768px), print {
    .p-feature__bg-01 {
      padding-block-end: 80px;
    }
  }
  .p-feature__bg-01::before {
    position: absolute;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
  }
  @media (min-width: 768px), print {
    .p-feature__bg-01::before {
      inset-block-start: -170px;
      background-image: url("/nanox-boukabi/assets/img/bg_waves_02_pc_ava_tc.png");
      background-position: center bottom;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__bg-01::before {
      inset-block-start: 124px;
      background-image: url("/nanox-boukabi/assets/img/bg_waves_02_sp_ava_tc.png");
      background-position: center top;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__bg-01 + .p-feature__bg-02 {
      margin-block-start: 40px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__heading-wrap + .p-feature__lead {
      margin-block-start: 92px;
      text-align: center;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__heading-wrap + .p-feature__lead {
      padding-inline: 7px;
      margin-block-start: 43px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__lead {
      font-size: calc(var(--rem) * 20);
      line-height: 2;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__lead {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__lead + .p-feature__figure {
      position: relative;
      inset-inline-start: -22px;
      margin-block-start: 48px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__lead + .p-feature__figure {
      inset-inline-start: 0;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__lead + .p-feature__figure {
      margin-block-start: 30px;
    }
  }
  .p-feature__figure {
    inline-size: fit-content;
    margin-inline: auto;
  }
  @media (max-width: 767.98px) {
    .p-feature__figure {
      max-inline-size: 335px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__figure + .p-feature__box {
      margin-block-start: 48px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__figure + .p-feature__box {
      margin-block-start: 30px;
    }
  }
  .p-feature__box {
    background-color: #fff;
    border: 1px solid #00125e;
  }
  @media (min-width: 768px), print {
    .p-feature__box {
      box-shadow: 0 0 20px 0 rgba(0, 18, 94, 0.15);
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box {
      box-shadow: 0 0 10px 0 rgba(0, 18, 94, 0.15);
    }
  }
  @media (min-width: 768px), print {
    .p-feature__box__inner {
      padding: 31px 40px 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__inner {
      padding: 12px 12px 30px;
    }
  }
  .p-feature__box__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-feature__box__col {
      column-gap: 30px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__col {
      flex-direction: column;
      row-gap: 30px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__box__col-unit {
      flex-basis: 50%;
    }
  }
  .p-feature__box__heading-outer {
    position: relative;
  }
  .p-feature__box__heading-outer::before {
    position: absolute;
    inset-block-end: -11px;
    inset-inline-start: 50%;
    inline-size: 38px;
    block-size: 12px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18.66%2012L0%200h37.317L18.66%2012z%22%20fill%3D%22%23D9D9D9%22%2F%3E%3Cpath%20d%3D%22M18.66%2012L0%200h37.317L18.66%2012z%22%20fill%3D%22url(%23paint0_linear_19_31)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_19_31%22%20x1%3D%220%22%20y1%3D%225.431%22%20x2%3D%2231.405%22%20y2%3D%225.431%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300125E%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%230D258B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300125E%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    translate: -50%;
  }
  @media (min-width: 768px), print {
    .p-feature__box__heading-outer + .p-feature__box__figure-01 {
      margin-block-start: 25px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__heading-outer + .p-feature__box__figure-01 {
      margin-block-start: 14px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__box__heading-outer + .p-feature__box__figure-02 {
      margin-block-start: 25px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__heading-outer + .p-feature__box__figure-02 {
      margin-block-start: 21px;
    }
  }
  .p-feature__box__heading-wrap {
    display: grid;
    place-items: center;
    min-block-size: 105px;
    border-radius: 4px;
  }
  @media (min-width: 768px), print {
    .p-feature__box__heading-wrap {
      padding: 13px 10px 16px;
      background: linear-gradient(90deg, #00125e 0%, #0d258b 42.08%, #00125e 84.16%), #d9d9d9;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__heading-wrap {
      padding: 12px 10px 17px;
      background: linear-gradient(90deg, #00125e 0%, #0d258b 50%, #00125e 100%), #d9d9d9;
    }
  }
  .p-feature__box__heading-wrap::before,
  .p-feature__box__heading-wrap::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-feature__box__heading-wrap::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 62px;
    block-size: 33px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2233%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M62%200H4a4%204%200%200%200-4%204v29L62%200z%22%20fill%3D%22%23E4007F%22%2F%3E%3C%2Fsvg%3E");
  }
  .p-feature__box__heading-wrap::after {
    inset-block-start: 0;
    inset-inline-end: -23px;
    inline-size: 130px;
    block-size: 84px;
    background-image: url("/nanox-boukabi/assets/img/ic_light_02_ava_tc.png");
    opacity: 0.6;
  }
  .p-feature__box__heading {
    font-weight: var(--font-weight-bold);
    line-height: 1.3;
    color: var(--color-white);
    letter-spacing: 0.02em;
  }
  @media (min-width: 768px), print {
    .p-feature__box__heading {
      font-size: calc(var(--rem) * 18);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__box__heading {
      font-size: calc(var(--rem) * 14);
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__heading {
      font-size: calc(var(--rem) * 18);
    }
  }
  .p-feature__box__heading ._style-01 {
    color: var(--color-pink);
    text-shadow:
      -2px -2px 0 #fff,
      0 -2px 0 #fff,
      2px -2px 0 #fff,
      -2px 0 0 #fff,
      2px 0 0 #fff,
      -2px 2px 0 #fff,
      0 2px 0 #fff,
      2px 2px 0 #fff;
  }
  @media (min-width: 768px), print {
    .p-feature__box__heading ._style-01 {
      font-size: calc(var(--rem) * 22);
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__box__heading ._style-01 {
      font-size: calc(var(--rem) * 16);
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__heading ._style-01 {
      position: relative;
      inset-block-start: 4px;
      font-size: calc(var(--rem) * 20);
      letter-spacing: 0.022em;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__figure-01 {
      position: relative;
      inset-inline-start: -3px;
      max-inline-size: 320px;
      margin-inline: auto;
    }
  }
  .p-feature__box__figure-02 {
    inline-size: fit-content;
    margin-inline: auto;
  }
  @media (max-width: 767.98px) {
    .p-feature__box__figure-02 {
      max-inline-size: 310px;
    }
  }
  .p-feature__box__figure-02 + .p-feature__box__def {
    margin-block-start: 18px;
  }
  @media (max-width: 767.98px) {
    .p-feature__box__def {
      max-inline-size: 310px;
      margin-inline: auto;
    }
  }
  .p-feature__box__def-wrap {
    display: flex;
  }
  .p-feature__box__def-wrap + .p-feature__box__def-wrap {
    margin-block-start: 5px;
  }
  :is(.p-feature__box__def-title, .p-feature__box__def-data) {
    font-weight: var(--font-weight-regular);
  }
  @media (min-width: 768px), print {
    :is(.p-feature__box__def-title, .p-feature__box__def-data) {
      font-size: calc(var(--rem) * 12);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    :is(.p-feature__box__def-title, .p-feature__box__def-data) {
      font-size: calc(var(--rem) * 10);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__box__def-title {
      flex-basis: calc(100% - 327px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__box__def-title {
      flex-basis: 32%;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__def-title {
      flex-basis: calc(100% - 259px);
    }
  }
  .p-feature__box__def-data {
    padding-inline-start: 0.5em;
    text-indent: -0.5em;
  }
  @media (min-width: 768px), print {
    .p-feature__box__def-data {
      flex-basis: calc(100% - 58px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__box__def-data {
      flex-basis: 68%;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__box__def-data {
      flex-basis: calc(100% - 48px);
    }
  }
  .p-feature__bg-02 {
    background-repeat: no-repeat;
  }
  @media (min-width: 768px), print {
    .p-feature__bg-02 {
      padding-block-end: 82px;
      background-image: url("/nanox-boukabi/assets/img/prn_01_pc_ava_l-cx.png");
      background-position: center right;
      background-size: 100%;
    }
  }
  @media (min-width: 1600px), print {
    .p-feature__bg-02 {
      background-size: 74%;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-feature__bg-02 {
      background-position: bottom left -100px;
      background-size: cover;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__bg-02 {
      padding-block-end: 40px;
      background-image: url("/nanox-boukabi/assets/img/prn_01_sp_ava_l-cx.png");
      background-position: center top;
      background-size: 100%;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__bg-02 > .p-feature__inner {
      padding-inline: unset;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__movie {
      max-inline-size: 560px;
      padding-block-start: 80px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie {
      padding-block-start: 64px;
    }
  }
  .p-feature__movie__inner {
    position: relative;
  }
  @media (min-width: 768px), print {
    .p-feature__movie__inner {
      inset-inline-start: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__inner {
      z-index: 0;
      max-inline-size: 245px;
      padding: 15px 13px 20px 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__inner::before {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      z-index: -1;
      inline-size: 100%;
      block-size: 100%;
      content: "";
      background-color: var(--color-white);
      border-radius: 0 6px 6px 0;
      opacity: 0.7;
      -webkit-backdrop-filter: blur(40px);
      backdrop-filter: blur(40px);
    }
  }
  @media (min-width: 768px), print {
    .p-feature__movie__inner + .p-feature__movie__title {
      margin-block-start: 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__inner + .p-feature__movie__title {
      inset-inline-start: 10px;
      margin-block-start: 36px;
    }
  }
  .p-feature__movie__heading {
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 768px), print {
    .p-feature__movie__heading {
      font-size: calc(var(--rem) * 35);
      line-height: 1.5;
      text-align: center;
      text-shadow:
        -2px -2px 0 #f3f9fd,
        0 -2px 0 #f3f9fd,
        2px -2px 0 #f3f9fd,
        -2px 0 0 #f3f9fd,
        2px 0 0 #f3f9fd,
        -2px 2px 0 #f3f9fd,
        0 2px 0 #f3f9fd,
        2px 2px 0 #f3f9fd;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__heading {
      font-size: calc(var(--rem) * 24);
      line-height: 1.5;
      text-shadow:
        -2px -2px 0 #fff,
        0 -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 0 0 #fff,
        2px 0 0 #fff,
        -2px 2px 0 #fff,
        0 2px 0 #fff,
        2px 2px 0 #fff;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__movie__heading + .p-feature__movie__detail {
      margin-block-start: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__heading + .p-feature__movie__detail {
      margin-block-start: 12px;
    }
  }
  .p-feature__movie__detail {
    font-weight: var(--font-weight-medium);
  }
  @media (min-width: 768px), print {
    .p-feature__movie__detail {
      font-size: calc(var(--rem) * 18);
      line-height: 1.5;
      text-align: center;
      letter-spacing: 0.02em;
      text-shadow:
        -2px -2px 0 #f3f9fd,
        0 -2px 0 #f3f9fd,
        2px -2px 0 #f3f9fd,
        -2px 0 0 #f3f9fd,
        2px 0 0 #f3f9fd,
        -2px 2px 0 #f3f9fd,
        0 2px 0 #f3f9fd,
        2px 2px 0 #f3f9fd;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
      text-shadow:
        -2px -2px 0 #fff,
        0 -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 0 0 #fff,
        2px 0 0 #fff,
        -2px 2px 0 #fff,
        0 2px 0 #fff,
        2px 2px 0 #fff;
    }
  }
  .p-feature__movie__title {
    position: relative;
    inline-size: fit-content;
    margin-inline: auto;
    font-weight: var(--font-weight-medium);
  }
  @media (min-width: 768px), print {
    .p-feature__movie__title {
      font-size: calc(var(--rem) * 20);
      line-height: 1.3;
      text-shadow:
        -2px -2px 0 #fff,
        0 -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 0 0 #fff,
        2px 0 0 #fff,
        -2px 2px 0 #fff,
        0 2px 0 #fff,
        2px 2px 0 #fff;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__title {
      font-size: calc(var(--rem) * 16);
      line-height: 1.3;
      text-shadow:
        -1px -1px 0 #fff,
        0 -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 0 0 #fff,
        1px 0 0 #fff,
        -1px 1px 0 #fff,
        0 1px 0 #fff,
        1px 1px 0 #fff;
    }
  }
  .p-feature__movie__title::before,
  .p-feature__movie__title::after {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20fill%3D%22none%22%3E%3Crect%20x%3D%22.705%22%20y%3D%22-.057%22%20width%3D%2217.697%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22scale(-1%201)%20rotate(-40.397%2019.246%2030.788)%22%20fill%3D%22%2300125E%22%20stroke%3D%22%23fff%22%2F%3E%3Crect%20x%3D%22.693%22%20y%3D%22.138%22%20width%3D%2223%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22scale(-1%201)%20rotate(-56.284%208.187%2029.072)%22%20fill%3D%22%2300125E%22%20stroke%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media (min-width: 768px), print {
    .p-feature__movie__title::before,
    .p-feature__movie__title::after {
      inset-block-end: -1px;
      inline-size: 26px;
      block-size: 27px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__title::before,
    .p-feature__movie__title::after {
      inset-block-end: 1px;
      inline-size: 19px;
      block-size: 19px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__movie__title::before {
      inset-inline-start: -38px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__title::before {
      inset-inline-start: -25px;
    }
  }
  .p-feature__movie__title::after {
    transform: scaleX(-1);
  }
  @media (min-width: 768px), print {
    .p-feature__movie__title::after {
      inset-inline-end: -34px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__title::after {
      inset-inline-end: -25px;
    }
  }
  @media (min-width: 768px), print {
    .p-feature__movie__title + .p-feature__movie__figure {
      margin-block-start: 16px;
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__title + .p-feature__movie__figure {
      margin-block-start: 10px;
    }
  }
  .p-feature__movie__figure {
    display: flex;
    justify-content: center;
    inline-size: fit-content;
    aspect-ratio: 16/9;
    padding: unset;
    margin-inline: auto;
  }
  @media (min-width: 768px), print {
    .p-feature__movie__figure {
      box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.15);
    }
  }
  @media (max-width: 767.98px) {
    .p-feature__movie__figure {
      max-inline-size: calc(100% - 25px);
    }
  }
  /* usage
  ------------------------------- */
  @media (min-width: 768px), print {
    .p-usage__heading-wrap + .p-usage__col {
      margin-block-start: 100px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__heading-wrap + .p-usage__col {
      margin-block-start: 51px;
    }
  }
  .p-usage__step + .p-usage__note {
    margin-block-start: 20px;
  }
  .p-usage__note {
    display: flex;
  }
  @media (max-width: 767.98px) {
    .p-usage__note {
      flex-direction: column;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__note + .p-usage__button-find {
      position: relative;
      inset-inline-start: -10px;
      margin-block-start: 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__note + .p-usage__button-find {
      margin-block-start: 20px;
    }
  }
  @media (min-width: 768px), print {
    :is(.p-usage__note__title, .p-usage__note__summary) {
      font-size: calc(var(--rem) * 12);
      line-height: 1.5;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    :is(.p-usage__note__title, .p-usage__note__summary) {
      font-size: calc(var(--rem) * 8);
    }
  }
  @media (max-width: 767.98px) {
    :is(.p-usage__note__title, .p-usage__note__summary) {
      font-size: calc(var(--rem) * 10);
      line-height: 1.5;
    }
  }
  .p-usage__note__summary {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__note__summary {
      column-gap: 1.5em;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__note__summary {
      column-gap: 0.25em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__note__summary {
      position: relative;
      inset-inline-start: -5px;
      flex-direction: column;
    }
  }
  .p-usage__button-find > .c-button__link {
    font-feature-settings: normal;
  }
  /* usage__step
  ------------------------------- */
  .p-usage__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__col {
      column-gap: 40px;
      justify-content: center;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__col {
      column-gap: 20px;
      align-items: center;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__col {
      column-gap: 15px;
      padding-inline: 7.5px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__col-unit:has(.p-usage__figure) {
      flex-basis: 186px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__col-unit:has(.p-usage__figure) {
      flex-basis: 120px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__col-unit:has(.p-usage__figure) {
      flex-basis: 130px;
      margin-block-start: 4px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__col-unit:has(.p-usage__title) {
      flex-basis: calc(100% - 186px - 40px);
      margin-block-start: 37px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__col-unit:has(.p-usage__title) {
      flex-basis: calc(100% - 120px - 20px);
      margin-block-start: unset;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__col-unit:has(.p-usage__title) {
      flex-basis: calc(100% - 120px - 15px - 10px);
    }
  }
  .p-usage__title {
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 768px), print {
    .p-usage__title {
      font-size: calc(var(--rem) * 18);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__title {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__title + .p-usage__detail {
      margin-block-start: 3px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__detail {
      font-size: calc(var(--rem) * 15);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-usage__summary-col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__summary-col {
      column-gap: 12px;
      align-items: center;
      margin-block-start: 22px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__summary-col {
      column-gap: 5px;
      margin-block-start: 11px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__summary__figure {
      flex-basis: 60px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__summary__figure {
      flex-basis: 40px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__summary {
      flex-basis: calc(100% - 60px - 31px);
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__summary {
      flex-basis: calc(100% - 40px - 5px);
      padding-inline-start: 0.845em;
      text-indent: -0.345em;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__summary > li {
      font-size: calc(var(--rem) * 14);
      line-height: 1.5;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__summary > li {
      font-size: calc(var(--rem) * 10);
      line-height: 1.3;
    }
  }
  .p-usage__step {
    background-color: var(--color-white);
    border: 1px solid var(--color-stratos);
  }
  @media (min-width: 768px), print {
    .p-usage__step {
      margin-block-start: 40px;
      box-shadow: 0 0 20px 0 rgba(0, 18, 94, 0.15);
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step {
      margin-block-start: 30px;
      box-shadow: 0 0 10px 0 rgba(0, 18, 94, 0.15);
    }
  }
  .p-usage__step:where(.p-nanox-boukabi *) {
    background-color: #f3f9fd;
  }
  @media (min-width: 768px), print {
    .p-usage__step__inner {
      padding: 16px 40px 37px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__step__inner {
      padding-inline: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__inner {
      padding: 8px 13px 20px;
    }
  }
  .p-usage__step__list {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__step__list {
      column-gap: 46px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__list {
      flex-direction: column;
      row-gap: 23px;
    }
  }
  .p-usage__step__list > li {
    position: relative;
    z-index: 0;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__step__list > li {
      inline-size: 33.3333333333%;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__list > li {
      display: flex;
      flex-flow: row-reverse wrap;
      column-gap: 15px;
    }
  }
  .p-usage__step__list > li:not(:last-child)::before,
  .p-usage__step__list > li:not(:last-child)::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media (min-width: 768px), print {
    .p-usage__step__list > li:not(:last-child)::before {
      inset-block-start: 50%;
      inset-inline-end: -40px;
      inline-size: 23px;
      block-size: 44px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2244%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M21.833%2021.21a1%201%200%200%201%200%201.387L1.72%2043.497c-.625.65-1.721.208-1.721-.692V1.002C0%20.102%201.096-.34%201.72.31l20.113%2020.9z%22%20fill%3D%22%23009FE8%22%2F%3E%3C%2Fsvg%3E");
      translate: 0 -50%;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__list > li:not(:last-child)::before {
      inset-block-end: -26px;
      inset-inline-start: 50%;
      inline-size: 29px;
      block-size: 15px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2215%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.802%2014.333a1%201%200%200%201-1.386%200L.309%201.72C-.34%201.096.102%200%201.002%200h26.214c.9%200%201.342%201.096.693%201.72L14.802%2014.334z%22%20fill%3D%22%23009FE8%22%2F%3E%3C%2Fsvg%3E");
      translate: -50%;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__list > li:not(:last-child)::after {
      inset-block-start: 50%;
      inset-inline-end: -24px;
      z-index: -1;
      inline-size: 1px;
      block-size: 366px;
      background-color: #eee;
      translate: 0 -50%;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__step__list > li:not(:last-child)::after {
      block-size: 100%;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__list > li:nth-child(2)::before {
      inset-inline-end: -35px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__list > li:nth-child(2)::after {
      inset-inline-end: -20px;
    }
  }
  @media (min-width: 768px), print {
    :is(.p-usage__step__list-item-01, .p-usage__step__list-item-03) {
      max-inline-size: 194px;
    }
  }
  .p-usage__step__list-item-02 {
    position: relative;
  }
  @media (min-width: 768px), print {
    .p-usage__step__list-item-02 {
      inset-inline-start: 3px;
      max-inline-size: 337px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__list-item-02 {
      min-block-size: 237px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__group-wrap {
      flex-basis: calc(100% - 130px - 15px);
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__group-wrap + .p-usage__step__figure-col {
      margin-block-start: 8px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__group-wrap + .p-usage__step__figure-col {
      flex-basis: 130px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__group {
      flex-basis: calc(100% - 130px - 15px);
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__group + .p-usage__step__figure {
      margin-block-start: 27px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__group + .p-usage__step__figure {
      margin-block-start: 11px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__group + .p-usage__step__summary {
      margin-block-start: 1px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__group + .p-usage__step__summary {
      margin-block-start: 13px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__figure {
      flex-basis: 130px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__figure + .p-usage__step__summary {
      margin-block-start: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__figure + .p-usage__step__summary {
      margin-block-start: 12px;
      margin-inline-end: auto;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__figure-02 {
      position: absolute;
      inset-block-end: 65px;
      max-inline-size: 323px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__heading {
      max-inline-size: 78px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__heading {
      max-inline-size: 51px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__heading + .p-usage__step__detail {
      margin-block-start: 5px;
    }
  }
  .p-usage__step__detail {
    font-size: calc(var(--rem) * 15);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .p-usage__step__summary {
    padding-inline-start: 1.15em;
    text-indent: -0.5em;
  }
  @media (min-width: 768px), print {
    .p-usage__step__summary {
      font-size: calc(var(--rem) * 12);
      line-height: 1.5;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__summary {
      font-size: calc(var(--rem) * 10);
      line-height: 1.3;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__summary > * + * {
      margin-block-start: 6px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__summary > * + * {
      margin-block-start: 3px;
    }
  }
  .p-usage__step__figure-col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__step__figure-col {
      justify-content: space-between;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step__figure-col + .p-usage__step__summary {
      margin-block-start: 9px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step__figure-col:has(.p-usage__step__figure-02) {
      flex-direction: column;
      margin-block: 13px 39px;
    }
  }
  /* voice
  ------------------------------- */
  .p-voice {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  @media (min-width: 768px), print {
    .p-voice {
      padding-block: 100px;
      margin-block-start: 100px;
      background-image: url("/nanox-boukabi/assets/img/bg_gradation_01_pc_ava_tc.png");
    }
  }
  @media (max-width: 767.98px) {
    .p-voice {
      padding-block: 50px;
      margin-block-start: 60px;
      background-image: url("/nanox-boukabi/assets/img/bg_gradation_01_sp_ava_tc.png");
    }
  }
  .p-voice:where(.p-nanox-boukabi *) {
    font-feature-settings: normal;
  }
  @media (min-width: 768px), print {
    .p-voice__heading-wrap {
      inset-inline-start: -23px;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__heading-wrap {
      inset-inline-start: 2px;
    }
  }
  @media (min-width: 768px), print {
    .p-voice__heading-wrap + .p-voice__list {
      margin-block-start: 49px;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__heading-wrap + .p-voice__list {
      margin-block-start: 30px;
    }
  }
  .p-voice__heading {
    inline-size: fit-content;
    margin-inline: auto;
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 768px), print {
    .p-voice__heading {
      font-size: calc(var(--rem) * 30);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__heading {
      font-size: calc(var(--rem) * 22);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-voice__list {
    display: grid;
    grid-template-rows: 1fr;
  }
  @media (min-width: 768px), print {
    .p-voice__list {
      row-gap: 21px;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__list {
      row-gap: 13px;
    }
  }
  .p-voice__list > li {
    background-color: var(--color-white);
    border-radius: 5px;
  }
  @media (min-width: 768px), print {
    .p-voice__list > li {
      padding: 20px;
      filter: drop-shadow(0 0 10px rgba(0, 18, 94, 0.1));
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__list > li {
      padding: 10px;
      filter: drop-shadow(0 0 5px rgba(0, 18, 94, 0.1));
    }
  }
  @media (min-width: 768px), print {
    .p-voice__list + .p-voice__note {
      margin-block-start: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__list + .p-voice__note {
      margin-block-start: 10px;
    }
  }
  .p-voice__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-voice__col {
      column-gap: 12px;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__col {
      column-gap: 9px;
    }
  }
  @media (min-width: 768px), print {
    .p-voice__figure {
      flex-basis: calc(100% - 800px - 12px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-voice__figure {
      flex-basis: 8%;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__figure {
      flex-basis: 31px;
    }
  }
  @media (min-width: 768px), print {
    .p-voice__detail-wrap {
      flex-basis: calc(100% - 47px - 12px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-voice__detail-wrap {
      flex-basis: 92%;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__detail-wrap {
      flex-basis: calc(100% - 28px - 9px);
    }
  }
  @media (min-width: 768px), print {
    .p-voice__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-voice__detail {
      font-size: calc(var(--rem) * 15);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-voice__detail-sub {
    font-size: calc(var(--rem) * 14);
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .p-voice__note {
    inline-size: fit-content;
    margin-inline-start: auto;
    font-size: calc(var(--rem) * 10);
    line-height: 1.3;
  }
  /* store
  ------------------------------- */
  .p-store__inner {
    position: relative;
    overflow: hidden;
  }
  @media (min-width: 768px), print {
    .p-store__inner {
      padding-block: 100px 94px;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__inner {
      padding-block-end: 50px;
    }
  }
  .p-store__inner::before,
  .p-store__inner::after {
    position: absolute;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
  }
  .p-store__inner::before {
    inset-block-end: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    background-position: center bottom;
  }
  @media (min-width: 768px), print {
    .p-store__inner::before {
      block-size: 100%;
      background-image: url("/nanox-boukabi/assets/img/bg_waves_03_pc_ava_tc.png");
      background-size: cover;
    }
  }
  @media (min-width: 1601px), print {
    .p-store__inner::before {
      background-position: center;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__inner::before {
      block-size: calc(var(--vw-small) * 984);
      background-image: url("/nanox-boukabi/assets/img/bg_waves_03_sp_ava_tc.png");
      background-size: 100%;
    }
  }
  .p-store__inner::after {
    inset-inline-start: 50%;
    background-size: contain;
    translate: -50%;
  }
  @media (min-width: 768px), print {
    .p-store__inner::after {
      inset-block-start: 0;
      inline-size: 661px;
      block-size: 594px;
      background-image: url("/nanox-boukabi/assets/img/bg_spray_01_pc_ava_tc.png");
    }
  }
  @media (max-width: 767.98px) {
    .p-store__inner::after {
      inset-block-start: 69px;
      inline-size: 375px;
      block-size: 404px;
      background-image: url("/nanox-boukabi/assets/img/bg_spray_01_sp_ava_tc.png");
    }
  }
  .p-store__col {
    display: flex;
    align-items: center;
  }
  @media (min-width: 768px), print {
    .p-store__col {
      column-gap: 72px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-store__col {
      column-gap: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__col {
      flex-direction: column;
      row-gap: 41px;
    }
  }
  @media (min-width: 768px), print {
    .p-store__col + .p-shop-list {
      margin-block-start: 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__col + .p-shop-list {
      margin-block-start: 20px;
    }
  }
  @media (min-width: 768px), print {
    .p-store__logo {
      flex-basis: calc(100% - 481px - 72px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-store__logo {
      flex-basis: 50%;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__logo {
      position: relative;
      inset-inline-start: -4px;
      max-inline-size: 284px;
    }
  }
  @media (min-width: 768px), print {
    .p-store__product {
      flex-basis: calc(100% - 347px - 72px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-store__product {
      flex-basis: 50%;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__product {
      max-inline-size: 295px;
    }
  }
  .p-store__banner-area {
    background-color: var(--color-white);
  }
  @media (min-width: 768px), print {
    .p-store__banner-area {
      margin-block-start: 82px;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__banner-area {
      margin-block-start: 40px;
    }
  }
  .p-store__banner-link {
    display: flex;
    justify-content: center;
    inline-size: fit-content;
    margin-inline: auto;
  }
  @media (min-width: 768px), print {
    .p-store__banner-link {
      max-inline-size: calc(100% - 60px);
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-store__banner-link {
      max-inline-size: 500px;
    }
  }
  @media (max-width: 767.98px) {
    .p-store__banner-link {
      max-inline-size: calc(100% - 55px);
    }
  }
  /* faq
  ------------------------------- */
  :where(.p-faq *) {
    font-feature-settings: normal;
  }
  .p-faq {
    background-color: var(--color-stratos);
  }
  @media (min-width: 768px), print {
    .p-faq {
      padding-block: 100px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq {
      padding-block: 51px 53px;
    }
  }
  .p-faq__heading-wrap {
    color: var(--color-white);
  }
  @media (min-width: 768px), print {
    .p-faq__heading-wrap {
      inset-inline-start: -16px;
    }
  }
  .p-faq__heading {
    font-weight: var(--font-weight-medium);
  }
  @media (min-width: 768px), print {
    .p-faq__heading {
      font-size: calc(var(--rem) * 30);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__heading {
      font-size: calc(var(--rem) * 22);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-faq__accordion {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 768px), print {
    .p-faq__accordion {
      row-gap: 20px;
      margin-block-start: 54px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__accordion {
      row-gap: 10px;
      margin-block-start: 29px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__accordion ._icon-q {
      inline-size: 23px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__accordion ._icon-a {
      inline-size: 19px;
    }
  }
  @media (min-width: 768px), print {
    .p-faq__accordion .c-accordion__detail__text-wrap {
      flex-basis: calc(100% - 25px);
      margin-inline-start: 47px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__accordion .c-accordion__detail__text-wrap {
      flex-basis: calc(100% - 18px);
      margin-inline-start: 12px;
    }
  }
  @media (min-width: 768px), print {
    .p-faq__button {
      margin-block-start: 41px;
    }
  }
  @media (max-width: 767.98px) {
    .p-faq__button {
      margin-block-start: 30px;
    }
  }
  /* other
  ------------------------------- */
  :where(.p-other *) {
    font-feature-settings: normal;
  }
  @media (min-width: 768px), print {
    .p-other:where(.p-nanox-boukabi *) {
      padding-block-start: 80px;
    }
  }
  @media (max-width: 767.98px) {
    .p-other:where(.p-nanox-boukabi *) {
      padding-block-start: 40px;
    }
  }
  @media (min-width: 768px), print {
    .p-other:where(.p-nanox-boukabi__instructions *) {
      padding-block-start: 100px;
    }
  }
  @media (max-width: 767.98px) {
    .p-other:where(.p-nanox-boukabi__instructions *) {
      padding-block-start: 60px;
    }
  }
  .p-other__heading {
    font-weight: var(--font-weight-medium);
  }
  @media (min-width: 768px), print {
    .p-other__heading {
      font-size: calc(var(--rem) * 30);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-other__heading {
      font-size: calc(var(--rem) * 22);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  /* shop-list
  ------------------------------- */
  .p-shop-list {
    margin-inline: auto;
    background-color: var(--color-white);
  }
  @media (min-width: 768px), print {
    .p-shop-list {
      max-inline-size: 740px;
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__inner {
      padding: 34px 45px 40px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-shop-list__inner {
      padding: 16px 8px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__inner {
      padding: 20px 15px;
    }
  }
  .p-shop-list__heading {
    position: relative;
    display: flex;
    align-items: center;
    font-size: calc(var(--rem) * 16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.0106666667em;
    background-color: var(--color-white);
  }
  .p-shop-list__heading::before,
  .p-shop-list__heading::after {
    flex-grow: 1;
    block-size: 1px;
    content: "";
    background-color: currentcolor;
    translate: 0 -50%;
  }
  @media (min-width: 768px), print {
    .p-shop-list__heading::before {
      margin-inline-end: 19px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__heading::before {
      margin-inline-end: 7px;
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__heading::after {
      margin-inline-start: 24px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__heading::after {
      margin-inline-start: 8px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__heading + .p-shop-list__col {
      margin-block-start: 23px;
    }
  }
  .p-shop-list__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-shop-list__col {
      column-gap: 70px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-shop-list__col {
      column-gap: 16px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__col {
      flex-direction: column;
      row-gap: 25px;
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__col + .p-shop-list__button-find {
      margin-block-start: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__col + .p-shop-list__button-find {
      margin-block-start: 21px;
    }
  }
  .p-shop-list__col-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  @media (min-width: 768px), print {
    .p-shop-list__col-unit {
      margin-block-start: 15px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-shop-list__col-unit {
      flex-basis: calc(50% - 16px);
    }
  }
  .p-shop-list__title-sub {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    min-block-size: 26px;
    font-size: calc(var(--rem) * 16);
    font-weight: var(--font-weight-bold);
    line-height: 1.3125;
    letter-spacing: 0.0175em;
    background-color: #e0f8ff;
    border-radius: 30px;
  }
  .p-shop-list__title-sub ._inner {
    position: relative;
    inset-block-start: -1px;
  }
  @media (min-width: 768px), print {
    .p-shop-list__title-sub + .p-shop-list__link {
      margin-block-start: 13px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__title-sub + .p-shop-list__link {
      margin-block-start: 15px;
    }
  }
  .p-shop-list__title-sub + .p-shop-list__logo-list {
    margin-block-start: 15px;
  }
  @media (max-width: 767.98px) {
    .p-shop-list__link {
      max-inline-size: 250px;
      margin-inline: auto;
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__link + .p-shop-list__note {
      margin-block-start: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__link + .p-shop-list__note {
      margin-block-start: 15px;
    }
  }
  .p-shop-list__note {
    margin-inline: auto;
    font-size: calc(var(--rem) * 10);
    line-height: 1.3;
  }
  @media (min-width: 768px), print {
    .p-shop-list__note {
      max-inline-size: 293px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__note {
      max-inline-size: 295px;
    }
  }
  .p-shop-list__logo-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
    max-inline-size: 287px;
    margin-inline: auto;
  }
  .p-shop-list__figure {
    position: relative;
    margin-inline: auto;
  }
  .p-shop-list__figure._position-01 {
    inset-block-start: 2px;
  }
  .p-shop-list__figure._position-02 {
    inset-block-start: 5px;
    inset-inline-start: -4px;
  }
  .p-shop-list__figure._position-06 {
    inset-block-start: 4px;
  }
  .p-shop-list__figure-02 {
    max-inline-size: 72px;
  }
  .p-shop-list__figure-03 {
    max-inline-size: 80px;
  }
  .p-shop-list__figure-04 {
    max-inline-size: 95px;
  }
  .p-shop-list__figure-05 {
    max-inline-size: 80px;
  }
  .p-shop-list__figure-06 {
    max-inline-size: 93px;
  }
  .p-shop-list__figure-07 {
    max-inline-size: 68px;
  }
  .p-shop-list__button-find > .c-button__link {
    max-inline-size: 320px;
    font-size: calc(var(--rem) * 16);
    letter-spacing: 0.1em;
  }
  @media (min-width: 768px), print {
    .p-shop-list__button-find > .c-button__link {
      block-size: 54px;
      box-shadow: 0 4px 4px 0 rgba(71, 95, 110, 0.2);
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__button-find > .c-button__link {
      block-size: 52px;
      box-shadow: 0 2px 2px 0 rgba(71, 95, 110, 0.2);
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__button-find > .c-button__link::before {
      inset-inline-start: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__button-find > .c-button__link::before {
      inset-block-start: calc(50% + 2px);
      inset-inline-start: 22px;
    }
  }
  @media (min-width: 768px), print {
    .p-shop-list__button-find > .c-button__link::after {
      inset-inline-end: 18px;
    }
  }
  @media (max-width: 767.98px) {
    .p-shop-list__button-find > .c-button__link::after {
      inset-inline-end: 17px;
    }
  }
  .l-main:where(.p-nanox-boukabi *) {
    font-feature-settings: "palt" on;
  }
  @media (min-width: 768px), print {
    .l-main__inner {
      padding-block-start: 75px;
    }
  }
}
@layer project {
  /* hero
  ------------------------------- */
  .p-hero {
    background: linear-gradient(90deg, #00125e 0%, #0d258b 50%, #00125e 100%), #d9d9d9;
  }
  @media (min-width: 768px), print {
    .p-hero {
      block-size: 200px;
    }
  }
  @media (max-width: 767.98px) {
    .p-hero {
      block-size: 105px;
    }
  }
  .p-hero__inner {
    position: relative;
    display: grid;
    place-items: center;
    block-size: inherit;
    padding: 20px;
  }
  .p-hero__inner::before,
  .p-hero__inner::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-hero__inner::before {
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  @media (min-width: 768px), print {
    .p-hero__inner::before {
      inline-size: 107px;
      block-size: 57px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22107%22%20height%3D%2257%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M107%200H0v57L107%200z%22%20fill%3D%22%23E4007F%22%2F%3E%3C%2Fsvg%3E");
    }
  }
  @media (max-width: 767.98px) {
    .p-hero__inner::before {
      inline-size: 62px;
      block-size: 33px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2233%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M62%200H0v33L62%200z%22%20fill%3D%22%23E4007F%22%2F%3E%3C%2Fsvg%3E");
    }
  }
  .p-hero__inner::after {
    inset-block-start: 0;
    inset-inline-end: 0;
    background-image: url("/nanox-boukabi/instructions/assets/img/ic_light_01_ava_tc.png");
  }
  @media (min-width: 768px), print {
    .p-hero__inner::after {
      inline-size: 220px;
      block-size: 174px;
    }
  }
  @media (max-width: 767.98px) {
    .p-hero__inner::after {
      inline-size: 109px;
      block-size: 110px;
    }
  }
  .p-hero__heading {
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-align: center;
  }
  @media (min-width: 768px), print {
    .p-hero__heading {
      display: grid;
      place-items: center;
      font-size: calc(var(--rem) * 40);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-hero__heading {
      font-size: calc(var(--rem) * 34);
    }
  }
  @media (max-width: 767.98px) {
    .p-hero__heading {
      font-size: calc(var(--rem) * 22);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  /* usage
  ------------------------------- */
  .p-usage:where(.p-nanox-boukabi__instructions *) {
    background-color: #f3f9fd;
  }
  @media (min-width: 768px), print {
    .p-usage:where(.p-nanox-boukabi__instructions *) {
      padding-block: 60px 100px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage:where(.p-nanox-boukabi__instructions *) {
      padding-block: 32px 60px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__step + .p-usage__feature {
      margin-block-start: 42px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__step + .p-usage__feature {
      margin-block-start: 30px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__feature {
      padding-inline: 7.5px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__feature + .p-usage__group {
      margin-block-start: 54px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__feature + .p-usage__group {
      margin-block-start: 51px;
    }
  }
  .p-usage__heading-sub {
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 768px), print {
    .p-usage__heading-sub {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__heading-sub + .p-usage__feature__detail {
      margin-block-start: 3px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-usage__feature__detail {
    font-size: calc(var(--rem) * 16);
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .p-usage__feature__detail ._max {
    font-size: calc(var(--rem) * 20);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .p-usage__feature__detail + .p-usage__feature__note {
    margin-block-start: 10px;
  }
  @media (min-width: 768px), print {
    .p-usage__feature__detail + .p-usage__feature__note > * + * {
      margin-block-start: 5px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__feature__detail + .p-usage__feature__note > * + * {
      margin-block-start: 4px;
    }
  }
  .p-usage__feature__note {
    padding-inline-start: 1em;
    font-size: calc(var(--rem) * 10);
    line-height: 1.3;
    text-indent: -0.5em;
  }
  .p-usage__group {
    padding: 1px;
    background: linear-gradient(to right, #009fe8 0%, #c7b7ff 100%);
    border-radius: 5px;
  }
  @media (min-width: 768px), print {
    .p-usage__group + .p-usage__group {
      margin-block-start: 52px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group + .p-usage__group {
      margin-block-start: 33px;
    }
  }
  .p-usage__group__inner {
    background-color: var(--color-white);
    border-radius: 5px;
  }
  @media (min-width: 768px), print {
    .p-usage__group__inner {
      padding: 11px 40px 40px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__inner {
      padding: 7px 11px 19px 16px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__inner:has(.p-usage__group__list) {
      padding-block-end: 30px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__inner:has(.p-usage__group__list) {
      padding-block-end: 24px;
    }
  }
  .p-usage__group__heading {
    position: relative;
    display: grid;
    place-items: center;
    margin-inline: auto;
    font-weight: var(--font-weight-bold);
    background: linear-gradient(90deg, #99d9f6 0%, #c7b7ff 100%);
    border-radius: 20px;
  }
  @media (min-width: 768px), print {
    .p-usage__group__heading {
      inset-block-start: -28px;
      inline-size: 280px;
      block-size: 26px;
      font-size: calc(var(--rem) * 15);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__heading {
      inset-block-start: -24px;
      inline-size: 272px;
      block-size: 24px;
      font-size: calc(var(--rem) * 14);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-usage__group-point {
    padding-inline-start: 1em;
    text-indent: -1em;
  }
  @media (min-width: 768px), print {
    .p-usage__group-point {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group-point {
      position: relative;
      inset-inline-start: -4px;
      font-size: calc(var(--rem) * 15);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-usage__group-point > * + * {
    margin-block-start: 6px;
  }
  .p-usage__group-point ._icon {
    position: relative;
    inset-inline-start: 9px;
    display: block;
    max-inline-size: 29px;
  }
  @media (min-width: 768px), print {
    .p-usage__group-point ._icon {
      margin-block-end: 11px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group-point + .p-usage__group__col {
      margin-block-start: 17px;
    }
  }
  .p-usage__group-point--disc {
    padding-inline-start: 0.7em;
    text-indent: -0.35em;
  }
  .p-usage__group-point--disc > li::before {
    margin-inline-end: 0.25em;
  }
  @media (min-width: 768px), print {
    .p-usage__group-point--disc > * + * {
      margin-block-start: 5px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group-point-02 {
      font-size: calc(var(--rem) * 15);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group-point-02 > * + * {
      margin-block-start: 6px;
    }
  }
  .p-usage__group__col {
    display: flex;
  }
  @media (min-width: 768px), print {
    .p-usage__group__col {
      column-gap: 15px;
      margin-inline-start: 12px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__col {
      column-gap: 12px;
      justify-content: center;
      margin-block-start: 25px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__figure {
      max-inline-size: 191px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__figure {
      max-inline-size: calc(var(--vw-small) * 141);
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__detail {
      font-size: calc(var(--rem) * 16);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .p-usage__group__list {
    justify-content: center;
  }
  @media (min-width: 768px), print {
    .p-usage__group__list {
      column-gap: 54px;
      margin-block-start: 9px;
    }
  }
  @media (max-width: 767.98px) {
    .p-usage__group__list {
      margin-block-start: 12px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__list > li {
      max-inline-size: 194px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__list > li:not(:last-child)::before {
      inset-block-start: calc(50% + 11px);
      inset-inline-end: -43px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__list > li:not(:last-child)::after {
      inset-block-start: calc(50% + 11px);
      inset-inline-end: -27px;
      block-size: 272px;
    }
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-usage__group__list > li:not(:last-child)::after {
      block-size: 100%;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__list .p-usage__step__figure {
      margin-block-start: 18px;
    }
  }
  @media (min-width: 768px), print {
    .p-usage__group__list > .p-usage__group__list-item-03 .p-usage__step__figure {
      margin-block-start: 39px;
    }
  }
  /* faq
  ------------------------------- */
  @media (min-width: 768px), print {
    .p-faq:where(.p-nanox-boukabi__instructions *) {
      margin-block-start: 0;
    }
  }
  .l-main:where(.p-nanox-boukabi__instructions *) {
    font-feature-settings: "palt" on;
  }
}